@media (max-width:1259px){body.hx-page.separate-containers .inside-article{padding-left:40px;padding-right:40px}}@media (max-width:768px){body.hx-page.separate-containers .inside-article{padding:20px 16px 32px}}body.hx-page .entry-header h1.entry-title{margin-bottom:8px}body.hx-page .hx-lead{font-size:18px;line-height:1.55;color:var(--cg-text);max-width:720px;margin:0 0 28px}body.hx-page .hx-lead a{white-space:nowrap}body.hx-page .hx-top{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:0 40px;align-items:start}body.hx-home .hx-top>.hx-sec{grid-column:1/-1;margin-top:40px}body.hx-home .hx-top>.hx-sec.is-first{grid-column:1;grid-row:1;margin-top:0}body.hx-home .hx-top>.hx-sec.is-second{grid-column:1;grid-row:2}body.hx-home .hx-top>.hx-side{grid-column:2;grid-row:1/span 2}body.hx-home .hx-top>p.hx-foot{grid-column:1/-1}body.hx-page .hx-main{min-width:0}body.hx-page .hx-side{min-width:0}body.hx-page .hx-side .widget{margin:0;padding:0;background:0 0}body.hx-page .hx-side .widget-title{font-size:12px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--cg-faint);margin:0 0 8px}html[data-theme=dark] body.hx-page .hx-side{padding:12px;border:1px solid var(--cg-line);border-radius:12px;background:var(--cg-surface)}body.hx-page .hx-sec{margin:40px 0 0}body.hx-page .hx-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 16px}body.hx-page .hx-head h2{font-size:22px;line-height:1.3;font-weight:600;color:var(--cg-strong);margin:0}body.hx-page .hx-head>a{font-size:15px;color:var(--cg-link);white-space:nowrap}body.hx-page .hx-head>a:focus,body.hx-page .hx-head>a:hover{color:var(--cg-strong)}body.hx-page ul.hx-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}body.hx-page ul.hx-grid>li{margin:0;min-width:0}body.hx-page .hx-calc{background:var(--cg-surface);border:1px solid var(--cg-line);border-radius:12px;display:flex;flex-direction:column}body.hx-page a.hx-calc-link{display:block;padding:20px 20px 0;color:var(--cg-text);text-decoration:none}body.hx-page .hx-calc-pic{display:block;height:180px;margin:0 0 16px}body.hx-page .hx-calc-pic img{display:block;height:100%;width:auto;max-width:100%;margin:0 auto;object-fit:contain}body.hx-page .hx-calc-pic img{-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent);mask-image:linear-gradient(to bottom,#000 72%,transparent)}body.hx-page .hx-calc-name{display:block;font-size:20px;line-height:1.3;font-weight:600;color:var(--cg-strong);margin:0 0 4px}body.hx-page a.hx-calc-link:focus .hx-calc-name,body.hx-page a.hx-calc-link:hover .hx-calc-name{color:var(--cg-link)}body.hx-page .hx-calc-sub{display:block;font-size:15px;line-height:1.5;color:var(--cg-muted)}body.hx-page p.hx-calc-more{margin:auto 0 0;padding:12px 20px 18px;font-size:15px;display:flex;flex-wrap:wrap;gap:4px 16px}body.hx-page p.hx-calc-more a{color:var(--cg-link);font-weight:600}body.hx-page p.hx-calc-more a:focus,body.hx-page p.hx-calc-more a:hover{color:var(--cg-strong)}body.hx-page .hx-card{background:var(--cg-surface);border:1px solid var(--cg-line);border-radius:12px;overflow:hidden;height:100%;display:flex;flex-direction:column}body.hx-page a.hx-shot{display:block;line-height:0;background:#111214;aspect-ratio:4/3;padding:10px}body.hx-page a.hx-shot img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}body.hx-page a.hx-shot.is-smooth img{image-rendering:auto}body.hx-page a.hx-shot.is-strip{display:flex;align-items:center}body.hx-page a.hx-shot.is-strip img{height:auto;aspect-ratio:320/40;object-fit:cover;object-position:top}body.hx-page a.hx-shot:focus-visible,body.hx-page a.hx-shot:hover{background:#1b1d21}body.hx-page .hx-text{padding:14px 18px 18px;display:flex;flex-direction:column;flex:1}body.hx-page a.hx-name{font-size:18px;line-height:1.3;font-weight:600;color:var(--cg-strong);text-decoration:none}body.hx-page a.hx-name:focus,body.hx-page a.hx-name:hover{color:var(--cg-link)}body.hx-page .hx-meta{font-size:14px;line-height:1.45;color:var(--cg-muted);margin:4px 0 0}body.hx-page .hx-meta a{color:var(--cg-muted)}body.hx-page .hx-meta a:focus,body.hx-page .hx-meta a:hover{color:var(--cg-link)}body.hx-page .hx-desc{font-size:15px;line-height:1.5;color:var(--cg-text);margin:8px 0 0}body.hx-page .hx-chip{display:inline-block;font-size:12px;line-height:1;padding:5px 9px;border-radius:999px;background:var(--cg-chip);color:var(--cg-muted);margin:10px 0 0;align-self:flex-start}body.hx-page a.hx-shot.is-code{display:flex;align-items:center;padding:16px 18px;line-height:1.6;container-type:inline-size}body.hx-page .hx-code{margin:0;font:13px/1.6 ui-monospace,Menlo,Consolas,monospace;font-size:min(13px, 5.4cqi);color:#d6d8db;white-space:pre;overflow:hidden}body.hx-page .hx-code b{font-weight:400;color:#7fb2ec}body.hx-page .hx-code i{font-style:normal;color:#e5c07b}body.hx-page .hx-code u{text-decoration:none;color:#8a9199}body.hx-tiles-banner .hx-tgrid a.hx-shot{aspect-ratio:8/3;padding:6px;overflow:hidden}body.hx-tiles-banner .hx-tgrid a.hx-shot img{object-fit:cover;object-position:50% var(--y,0%)}body.hx-tiles-banner .hx-tgrid a.hx-shot.is-strip,body.hx-tiles-banner .hx-tgrid a.hx-shot.is-strip:focus-visible,body.hx-tiles-banner .hx-tgrid a.hx-shot.is-strip:hover{background:#00f}body.hx-tiles-banner .hx-tgrid a.hx-shot.is-strip img{height:auto;aspect-ratio:320/28;object-position:50% 0.95%;clip-path:inset(0 0.625%)}body.hx-tiles-banner .hx-tgrid a.hx-shot.is-code{padding:8px 18px}body.hx-tiles-banner .hx-tgrid .hx-text{padding:14px 18px 18px}body.hx-tiles-banner .hx-tgrid a.hx-name{font-size:20px;line-height:1.25;font-weight:700;color:var(--cg-link)}body.hx-tiles-banner .hx-tgrid a.hx-name:focus,body.hx-tiles-banner .hx-tgrid a.hx-name:hover{color:var(--cg-link);text-decoration:underline}body.hx-tiles-banner .hx-tgrid .hx-desc{margin-top:6px;color:var(--cg-muted)}body.hx-tiles-title .hx-tgrid .hx-card{position:relative;container-type:inline-size}body.hx-tiles-title .hx-tgrid a.hx-shot{aspect-ratio:2/1;padding:0;overflow:hidden;display:block}body.hx-tiles-title .hx-tgrid a.hx-shot img{height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% var(--y,0%);filter:brightness(.42) saturate(.7)}body.hx-tiles-title .hx-tgrid a.hx-shot.is-code{padding:12px 18px;display:flex;align-items:center}body.hx-tiles-title .hx-tgrid a.hx-shot.is-code .hx-code{opacity:.45}body.hx-tiles-title .hx-tgrid a.hx-name{position:absolute;left:50%;top:0;margin-top:25%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 28px);box-sizing:border-box;text-align:center;font-size:clamp(17px, 8.5cqi, 32px);line-height:1.15;font-weight:700;letter-spacing:-.01em;color:#fff;background:#1e73be;padding:6px 14px 8px;border-radius:9px;box-shadow:0 2px 12px rgba(0,0,0,.35)}body.hx-tiles-title .hx-tgrid a.hx-name:focus,body.hx-tiles-title .hx-tgrid a.hx-name:hover{color:#fff;background:#155a96}body.hx-tiles-title .hx-tgrid .hx-text{padding:14px 18px 18px}body.hx-tiles-title .hx-tgrid .hx-desc{margin-top:0}body.hx-page ul.hx-guides{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px}body.hx-page ul.hx-guides li{margin:0;min-width:0}body.hx-page ul.hx-guides a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--cg-line);border-radius:10px;background:var(--cg-surface);color:var(--cg-strong);font-size:16px;line-height:1.4;text-decoration:none;height:100%;box-sizing:border-box}body.hx-page ul.hx-guides a::after{content:"\203A";flex:none;font-size:22px;line-height:1;color:var(--cg-faint)}body.hx-page ul.hx-guides a:focus,body.hx-page ul.hx-guides a:hover{border-color:var(--cg-muted);color:var(--cg-link)}body.hx-page p.hx-foot{font-size:15px;line-height:1.6;color:var(--cg-muted);margin:40px 0 0;padding-top:20px;border-top:1px solid var(--cg-line)}body.hx-page p.hx-foot a{color:var(--cg-muted);text-decoration:underline}body.hx-page p.hx-foot a:focus,body.hx-page p.hx-foot a:hover{color:var(--cg-link)}body.hx-tools .hx-main>.hx-sec:first-child{margin-top:0}@media (max-width:1100px){body.hx-home ul.hx-grid.hx-calcs{grid-template-columns:minmax(0,1fr);gap:12px}body.hx-home .hx-calc{flex-direction:row;align-items:center}body.hx-home a.hx-calc-link{display:flex;align-items:center;gap:16px;padding:14px 16px;flex:1;min-width:0}body.hx-home .hx-calc-pic{flex:none;width:96px;height:96px;margin:0}body.hx-home .hx-calc-text{min-width:0}body.hx-home p.hx-calc-more{margin:0;padding:0 20px 0 0;flex-direction:column;flex:none;gap:6px}body.hx-tools ul.hx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:959px){body.hx-home .hx-sec.is-second ul.hx-grid,body.hx-tools ul.hx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}body.hx-page ul.hx-guides{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){body.hx-page .hx-top{grid-template-columns:minmax(0,1fr)}body.hx-home .hx-top>.hx-sec.is-first,body.hx-home .hx-top>.hx-sec.is-second,body.hx-home .hx-top>.hx-side,body.hx-home .hx-top>p.hx-foot,body.hx-page .hx-top>*{grid-column:1;grid-row:auto}body.hx-home .hx-top>.hx-side,body.hx-page .hx-top>.hx-side{order:99;margin-top:32px}body.hx-page ul.hx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}body.hx-page .hx-lead{font-size:16px;margin-bottom:20px}body.hx-page .hx-sec{margin-top:32px}body.hx-page .hx-head h2{font-size:20px}}@media (max-width:600px){body.hx-page ul.hx-guides{grid-template-columns:minmax(0,1fr);gap:8px}}@media (max-width:560px){body.hx-page ul.hx-grid{gap:12px}body.hx-page .hx-text{padding:10px 12px 14px}body.hx-page a.hx-name{font-size:16px}body.hx-page .hx-desc{font-size:14px}body.hx-page a.hx-shot{padding:6px}body.hx-page a.hx-shot.is-code{padding:10px}body.hx-page a.hx-shot img{image-rendering:auto}body.hx-home .hx-calc{flex-direction:column;align-items:stretch}body.hx-home a.hx-calc-link{padding:12px 14px 0}body.hx-home .hx-calc-pic{width:72px;height:72px}body.hx-home p.hx-calc-more{flex-direction:row;padding:8px 14px 12px 102px}body.hx-page ul.hx-guides a{font-size:15px;padding:12px 14px}body.hx-tiles-banner .hx-tgrid a.hx-shot{padding:4px}body.hx-tiles-banner .hx-tgrid a.hx-shot.is-code{padding:6px 10px}body.hx-tiles-banner .hx-tgrid .hx-text,body.hx-tiles-title .hx-tgrid .hx-text{padding:10px 12px 14px}body.hx-tiles-banner .hx-tgrid a.hx-name{font-size:17px}body.hx-tiles-title .hx-tgrid a.hx-shot.is-code{padding:8px 10px}body.hx-tiles-title .hx-tgrid a.hx-name{padding:4px 10px 6px;border-radius:7px;max-width:calc(100% - 16px)}}@media (min-width:1025px){body.hx-page.separate-containers .inside-article{position:relative;z-index:0;display:grid;grid-template-columns:40px minmax(0,1fr) 40px 20px 340px;padding:32px 0 48px;background:0 0}body.hx-page.separate-containers .inside-article::before{content:"";position:absolute;z-index:-1;grid-column:1/4;top:0;bottom:0;left:0;right:0;background:var(--cg-surface)}body.hx-page .inside-article .entry-content,body.hx-page .inside-article .hx-top{display:contents}body.hx-page.separate-containers .inside-article .entry-content>*,body.hx-page.separate-containers .inside-article .hx-top>*,body.hx-page.separate-containers .inside-article>*{grid-column:2;grid-row:auto}body.hx-page.separate-containers .inside-article .hx-top>.hx-side{position:absolute;grid-column:5;top:0;left:0;right:0;box-sizing:border-box;padding:20px;border:0;border-radius:0;background:var(--cg-surface)}}