:root{--sp-section:88px;--sp-head:32px;--sp-item:20px}.section{padding-block:var(--sp-section) 0}.section-head{margin-bottom:var(--sp-head)}@media(max-width:900px){:root{--sp-section:72px}}@media(max-width:760px){:root{--sp-section:56px;--sp-head:24px;--sp-item:16px}}.blog-facts li{font-size:14px}.blog-date{font-size:12px}.crumbs ol{display:flex;flex-wrap:wrap;gap:0;list-style:none;margin:0;padding:0;font-size:14px;color:var(--text-2)}.crumbs li{display:flex;align-items:center;min-height:44px}.crumbs li+li:before{content:"/";color:var(--text-3)}.crumbs a{display:inline-flex;align-items:center;justify-content:flex-start;min-height:44px;min-width:44px;color:var(--accent)}.crumbs [aria-current],.crumbs a{padding-inline:8px}.crumbs li:first-child>*{padding-left:0}.crumbs [aria-current]{color:var(--text)}.blog-cats{margin-top:32px}.blog-cats ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.blog-cats a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:14px}.blog-cats a:hover{text-decoration:none}.blog-cats a[aria-current=page]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.blog-list{margin-top:var(--sp-head,32px)}.guides-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--sp-item,20px)}.guide-card{display:flex;flex-direction:column;height:100%;padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-2)}.guide-card-tag{font-size:12px;color:var(--text-2);margin-bottom:10px}.guide-card h3{font-size:20px;line-height:1.3;letter-spacing:-.02em}.guide-card p{font-size:15px;color:var(--text-2);margin-top:10px}.guide-card-date{font-size:12px;color:var(--text-2);margin-top:auto;padding-top:18px}.guide-card:hover{text-decoration:none}.guide-layout{margin-top:40px}.guide-toc{margin-bottom:40px}.guide-toc summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;list-style:none;border-bottom:1px solid var(--border);font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-2)}.guide-toc summary svg{width:16px;height:16px;transition:transform .16s ease}.guide-toc details[open]>summary svg{transform:rotate(180deg)}.guide-toc-list{list-style:none;margin:0;padding:0}.guide-toc-list a{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;min-height:44px;color:var(--text);font-size:14px;line-height:1.4}.guide-toc-list a span{color:var(--text-2);font-family:var(--font-display);font-weight:600}.guide-toc-list li+li a{border-top:1px solid var(--border)}.guide-toc-list a[aria-current=true]{color:var(--accent)}.guide-toc-list a:hover{text-decoration:none}@media(max-width:767px) and (scripting:enabled){.guide-toc:not([data-ready]) .guide-toc-list{display:none}}.guide{max-width:680px}.guide-step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 16px;padding-block:calc(var(--sp-section,88px)/2)}.guide-step:first-child{padding-top:0}.guide-num{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--border-strong);color:var(--text-2);font-family:var(--font-display);font-size:14px;font-weight:600}.guide-step:not(:has(.guide-num)) .guide-body{grid-column:1/-1}.guide-body{display:grid;gap:var(--sp-item,20px);min-width:0}.guide-body h2{font-size:22px;line-height:1.25;letter-spacing:-.02em;text-wrap:balance;scroll-margin-top:24px}.guide-body h3{font-size:17px;font-weight:600;color:var(--text);margin-top:4px}.guide-body p{max-width:64ch}.guide-muted{font-size:14px;color:var(--text-2)}.guide-list{margin:0;padding-left:22px;display:grid;gap:8px;max-width:64ch}ul.guide-list{list-style:disc}ol.guide-list{list-style:decimal}.guide-body code{font-family:var(--font-mono);font-size:14px;background:var(--accent-soft);border:1px solid var(--border);border-radius:4px;padding:1px 6px;overflow-wrap:anywhere}.codeblock{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);min-width:0}.codeblock-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:2px 6px 0 16px;font:12px var(--font-mono);color:var(--text-2)}.codeblock pre{margin:0;padding:6px 16px 16px;font:14px/1.65 var(--font-mono);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.codeblock pre code{background:none;border:0;padding:0;font:inherit}.copy-btn{min-height:44px;min-width:44px;padding:6px 14px;font-size:14px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text)}.opts{margin:0;gap:0}.opt,.opts{display:grid}.opt{gap:6px;padding:var(--sp-item,20px) 0;border-top:1px solid var(--border)}.opt:last-child{border-bottom:1px solid var(--border)}.opt dd,.opt dt{margin:0}.opt dt code{display:inline-block;max-width:100%;white-space:nowrap}.opt dd{color:var(--text-2);font-size:15px}.guide-step.guide-note{display:block;margin-block:calc(var(--sp-section,88px)/2) 0;padding:0 0 0 24px;border-left:3px solid var(--border-strong)}.callout{display:grid;gap:4px;padding:2px 0 2px 16px;border-left:3px solid var(--bar,var(--border-strong))}.callout-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--tone)}.callout-label svg{width:16px;height:16px;flex:0 0 auto}.guide-body .callout p:last-child{font-size:15px;color:var(--text);margin:0}.callout-tip{--tone:var(--ok);--bar:var(--ok)}.callout-note{--tone:var(--text-2);--bar:var(--border-strong)}.callout-example{--tone:var(--text-2);--bar:var(--accent-line)}.callout-warn{--tone:var(--warn);--bar:var(--warn);padding:14px 16px;border:1px solid var(--border);border-left:3px solid var(--warn);border-radius:var(--radius);background:var(--bg-2)}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-item,20px)}.split-col{display:grid;gap:12px;align-content:start;min-width:0;padding:14px 0 0;border-top:3px solid var(--tone)}.split-yes{--tone:var(--ok)}.split-no{--tone:var(--no)}.guide-body .split-col h3{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;color:var(--tone)}.split-col h3 svg{width:18px;height:18px;flex:0 0 auto}.split-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px}.split-col li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px}.split-col li:before{color:var(--tone);font-weight:700}.split-yes li:before{content:"✓";content:"✓"/""}.split-no li:before{content:"✕";content:"✕"/""}@media(min-width:1100px){.guide-layout{display:grid;grid-template-columns:minmax(0,680px) 264px;-moz-column-gap:88px;column-gap:88px;align-items:start}.guide-layout>.guide-toc{grid-column:2;grid-row:1;position:sticky;top:112px;margin:0;max-height:calc(100vh - 216px);overflow-y:auto}.guide-layout>.guide{grid-column:1;grid-row:1}.guide-toc summary{pointer-events:none;border-bottom:0;min-height:36px}.guide-toc summary svg{display:none}.guide-toc-list{border-left:1px solid var(--border)}.guide-toc-list a{margin-left:-1px;padding-left:16px;border-left:2px solid transparent;color:var(--text-2)}.guide-toc-list li+li a{border-top:0}.guide-toc-list a[aria-current=true]{border-left-color:var(--accent);color:var(--accent)}}@media(hover:hover) and (pointer:fine){.guide-card:hover{border-color:var(--accent-line)}.guide-card:hover h3{color:var(--accent)}.copy-btn:hover{background:var(--surface-2)}.guide-toc-list a:hover{color:var(--accent)}}@media(max-width:560px){.split{grid-template-columns:minmax(0,1fr)}}@media(max-width:520px){.guide-step{grid-template-columns:minmax(0,1fr);gap:10px}.opt dt code{white-space:normal}.blog-lead{font-size:17px}.guide-step.guide-note{padding-left:16px}.guide-card{padding:20px}}@media(hover:hover) and (pointer:fine){.blog-cats a:not([aria-current]):hover{border-color:var(--accent-line);color:var(--accent)}}