.guide-crumbs{margin-bottom:22px}.guide-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:48px;display:grid}.guide-article{min-width:0;max-width:760px}.guide-head h1{color:var(--white);letter-spacing:-.01em;margin-top:8px;font-size:clamp(26px,3.2vw,36px);line-height:1.35}.guide-meta{color:var(--muted);flex-wrap:wrap;gap:6px 18px;margin-top:12px;font-size:13px;display:flex}.guide-meta span{align-items:center;gap:6px;display:inline-flex}.guide-lead{border-left:2px solid var(--blue);color:var(--text);margin-top:22px;padding-left:16px;font-size:17px;line-height:1.9}.guide-section{scroll-margin-top:calc(var(--header-h) + 20px)}.guide-section h2{color:var(--white);margin:44px 0 14px;font-size:clamp(20px,2.2vw,24px);line-height:1.4}.guide-body p{color:var(--text);margin:12px 0;line-height:1.9}.guide-body strong{color:var(--white)}.guide-page .guide-body .link,.guide-page .guide-lead .link,.guide-page .faq .link{text-decoration:underline;-webkit-text-decoration-color:rgba(var(--blue-rgb), .4);text-decoration-color:rgba(var(--blue-rgb), .4);text-underline-offset:3px;display:inline}.guide-list{gap:8px;margin:14px 0;padding:0;list-style:none;display:grid}.guide-list li{color:var(--text);padding-left:22px;line-height:1.8;position:relative}.guide-list li:before{content:"";background:var(--blue);border-radius:50%;width:6px;height:6px;position:absolute;top:.8em;left:4px}.guide-steps{counter-reset:step;margin:18px 0;padding:0;list-style:none}.guide-steps li{counter-increment:step;padding:0 0 20px 52px;position:relative}.guide-steps li:before{content:counter(step);border:1px solid var(--border-strong);background:var(--surface-solid);width:34px;height:34px;color:var(--white);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid;position:absolute;top:0;left:0}.guide-steps li:not(:last-child):after{content:"";background:var(--border-strong);width:1px;position:absolute;top:40px;bottom:6px;left:17px}.guide-steps li>strong{color:var(--white);padding-top:5px;font-size:16px;line-height:1.5;display:block}.guide-steps li>p{margin:6px 0 0}.guide-note{border:1px solid var(--border);border-left:3px solid var(--blue);border-radius:var(--radius);background:var(--blue-soft);gap:12px;margin:18px 0;padding:16px 18px;display:flex}.guide-note>svg{color:var(--blue);flex-shrink:0;margin-top:3px}.guide-note[data-tone=warn]{border-left-color:var(--yellow);background:color-mix(in srgb, var(--yellow) 9%, transparent)}.guide-note[data-tone=warn]>svg{color:var(--yellow)}.guide-note strong{color:var(--white)}.guide-body .guide-note p{margin:4px 0 0}.guide-table{border:1px solid var(--border);border-radius:var(--radius);margin:18px 0;overflow-x:auto}.guide-table table{border-collapse:collapse;width:100%;min-width:480px;font-size:14px}.guide-table th,.guide-table td{text-align:left;vertical-align:top;padding:12px 14px;line-height:1.6}.guide-table th{background:var(--surface-2);color:var(--white);font-weight:600}.guide-table td{border-top:1px solid var(--border);color:var(--text)}@property --guide-table-fade{syntax:"<length>";inherits:false;initial-value:40px}@media (max-width:640px){.guide-table{-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--guide-table-fade)), #00000059);mask-image:linear-gradient(to right, #000 calc(100% - var(--guide-table-fade)), #00000059)}@supports (animation-timeline:scroll()){.guide-table{animation:linear both guide-table-fade;animation-timeline:scroll(self inline)}}}@keyframes guide-table-fade{to{--guide-table-fade:0px}}.guide-product{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);align-items:center;gap:14px;margin:18px 0;padding:14px 16px;transition:border-color .15s;display:flex}.guide-product:hover{border-color:var(--blue)}.guide-product-thumb{border-radius:12px;flex-shrink:0;width:52px;height:52px;overflow:hidden}.guide-product-thumb .thumb-img{object-fit:cover;width:100%;height:100%}.guide-product-body{flex:1;gap:2px;min-width:0;display:grid}.guide-product-body strong{color:var(--white);font-size:15px;line-height:1.45}.guide-product-body small{color:var(--muted);font-size:13px;line-height:1.6}.guide-product-go{color:var(--blue-light);flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.guide-product-go b{color:var(--white);font-variant-numeric:tabular-nums;font-size:15px}.guide-product[data-compact]{margin:0;padding:12px}.guide-product[data-compact] .guide-product-thumb{width:44px;height:44px}.guide-product[data-compact] .guide-product-body strong{font-size:14px}.guide-aside{top:calc(var(--header-h) + 20px);gap:18px;display:grid;position:sticky}.guide-aside-title{color:var(--white);align-items:center;gap:8px;font-size:14px;display:flex}.guide-aside>.guide-toc{padding:18px 18px 14px}.guide-aside-products{gap:10px;display:grid}.guide-toc-list{counter-reset:toc;gap:2px;margin:10px 0 0;padding:0;list-style:none;display:grid}.guide-toc-list li{counter-increment:toc}.guide-toc-list a{color:var(--muted);border-radius:8px;gap:10px;padding:6px 8px;font-size:14px;line-height:1.5;display:flex}.guide-toc-list a:before{content:counter(toc, decimal-leading-zero);color:var(--subtle);font-variant-numeric:tabular-nums;flex-shrink:0}.guide-toc-list a:hover{background:rgba(var(--fg-rgb), .06);color:var(--white)}.guide-toc-inline{margin-top:22px;display:none}.guide-toc-inline summary{color:var(--white);cursor:pointer;align-items:center;gap:8px;padding:14px 16px;font-weight:600;list-style:none;display:flex}.guide-toc-inline summary::-webkit-details-marker{display:none}.guide-toc-inline summary svg:last-child{color:var(--muted);margin-left:auto;transition:transform .15s}.guide-toc-inline[open] summary svg:last-child{transform:rotate(180deg)}.guide-toc-inline .guide-toc-list{margin:0;padding:0 10px 12px}.guide-faq .faq{margin-top:4px}.guide-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px;display:grid}.guide-card{flex-direction:column;gap:10px;padding:22px;transition:border-color .15s;display:flex}.guide-card:hover{border-color:var(--border-strong)}.guide-card>strong{color:var(--white);font-size:18px;line-height:1.45}.guide-card>small{color:var(--muted);font-size:14px;line-height:1.7}.guide-card-foot{color:var(--subtle);justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;font-size:13px;display:flex}.guide-card-foot span{align-items:center;gap:6px;display:inline-flex}.guide-card-foot svg:last-child{color:var(--blue-light);transition:transform .15s}.guide-card:hover .guide-card-foot svg:last-child{transform:translate(3px)}@media (max-width:1000px){.guide-layout{grid-template-columns:minmax(0,1fr);gap:32px}.guide-article{max-width:none}.guide-aside{position:static}.guide-aside>.guide-toc{display:none}.guide-toc-inline{display:block}}@media (max-width:560px){.guide-crumbs{display:none}.guide-lead{font-size:16px}.guide-steps li{padding-left:46px}.guide-product{flex-wrap:wrap}.guide-product:not([data-compact]) .guide-product-go{border-top:1px solid var(--border);justify-content:space-between;width:100%;padding-top:10px}}.guide-figure{margin:20px 0}.guide-figure img{border:1px solid var(--border);border-radius:var(--radius);width:100%;height:auto}.guide-figure figcaption{color:var(--muted);text-align:center;margin-top:8px;font-size:13px}.guide-foot{border-top:1px solid var(--border);color:var(--muted);gap:10px;margin-top:40px;padding-top:20px;font-size:13px;line-height:1.7;display:grid}.guide-foot strong{color:var(--white);font-size:14px}.guide-foot ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.guide-foot .link{font-weight:400;display:inline}.guide-foot .link svg{vertical-align:-2px}.hexconv{gap:12px;margin:20px 0;padding:20px;display:grid}.hexconv-label{color:var(--white);font-weight:600}.hexconv-input{border:1px solid var(--border-strong);background:var(--surface-solid);width:100%;min-height:46px;color:var(--white);font:inherit;border-radius:12px;padding:0 14px;font-size:15px}.hexconv-input:focus{border-color:var(--blue);outline:none}.guide-body .hexconv-error{color:var(--yellow);font-size:14px}.hexconv-out{gap:8px;display:grid}.hexconv-row{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:12px 14px;display:grid}.hexconv-row small{color:var(--muted);grid-column:1/-1;font-size:12px}.hexconv-row code{overflow-wrap:anywhere;color:var(--white);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:15px}.guide-body .hexconv-note{color:var(--subtle);margin:0;font-size:12px}.guide-hub-intro{max-width:820px;color:var(--muted);margin:-12px 0 36px;line-height:1.85}.guide-hub-group.is-first .shead{margin-top:0}.guide-product-body b{color:var(--white);font-variant-numeric:tabular-nums;font-size:14px}.guide-hub-faq-group+.guide-hub-faq-group{margin-top:24px}.guide-hub-faq-group h3{margin-bottom:10px;font-size:16px}