.guide-page{line-height:1.75}.guide-nav,.guide-nav nav,.guide-footer{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.guide-nav{min-height:80px;justify-content:space-between;padding-block:16px}.guide-page a{color:var(--studio-accent);text-underline-offset:4px}.guide-nav a{text-decoration:none}.guide-page a:focus-visible,.studio-development button:focus-visible{outline:3px solid var(--studio-accent);outline-offset:5px;border-radius:4px}.guide-intro{max-width:840px;padding:76px 0 42px}.guide-intro h1{font-size:clamp(32px,4.4vw,52px);line-height:1.2;letter-spacing:-.04em;margin:16px 0 24px;word-break:keep-all}.guide-lead{font-size:20px;color:var(--studio-muted)}.guide-byline,.guide-card>span{color:var(--studio-muted);font-size:14px}.guide-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:60px;padding-bottom:64px}.guide-toc{display:flex;flex-direction:column;gap:14px;align-self:start;position:sticky;top:110px;font-size:14px;padding:24px 0}.guide-body{font-size:18px}.guide-body section{scroll-margin-top:110px;padding-top:24px}.guide-body h2{font-size:26px;line-height:1.4;margin-top:28px;word-break:keep-all}.guide-body h3{font-size:19px;margin-bottom:8px}.guide-body p,.guide-body li{overflow-wrap:anywhere}.guide-body li{padding-left:6px;margin-block:16px}.guide-action{display:inline-block;padding:12px 20px;border-radius:12px;background:var(--studio-accent-soft);font-weight:700}.guide-actions{display:flex;flex-wrap:wrap;gap:12px}.guide-figure{margin:40px 0;padding:28px;background:var(--studio-surface);border-radius:24px}.guide-figure img{display:block;width:min(100%,360px);height:auto;margin:0 auto;border-radius:18px}.guide-figure figcaption{font-size:14px;color:var(--studio-muted);margin-top:24px}.guide-answer{border-bottom:1px solid var(--studio-border);padding-bottom:12px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.guide-card{display:flex;flex-direction:column;padding:28px;border:1px solid var(--studio-border);border-radius:20px;text-decoration:none;background:var(--studio-card)}.guide-card h3{color:var(--studio-ink);font-size:22px;line-height:1.4;margin:14px 0}.guide-card p{color:var(--studio-muted);margin-top:0}.guide-card strong{margin-top:auto}.guide-card:hover{border-color:var(--studio-accent)}.guide-hub-section{padding-bottom:56px}.guide-support{padding:24px 0 32px;max-width:780px}.guide-footer{border-top:1px solid var(--studio-border);padding-block:30px;font-size:14px}.studio-guides{padding-block:80px}.studio-guides>p{max-width:740px;color:var(--studio-muted)}.studio-guides .guide-grid{margin-top:28px}.studio-development{padding-block:32px 60px}.studio-development summary{cursor:pointer;font-weight:700;font-size:20px}.studio-development p{color:var(--studio-muted)}.studio-development-list{display:flex;flex-wrap:wrap;gap:12px}.studio-development button{padding:12px 16px;border:1px solid var(--studio-border);border-radius:12px;background:var(--studio-surface);color:var(--studio-ink);cursor:pointer;font:inherit}@media(max-width:800px){.guide-layout{grid-template-columns:1fr;gap:16px}.guide-toc{position:static;padding:20px;background:var(--studio-surface);border-radius:16px}.guide-grid{grid-template-columns:1fr}.guide-intro{padding-top:44px}.guide-nav,.guide-nav nav{gap:16px}.guide-nav nav{font-size:14px}.guide-body{font-size:17px}.guide-figure{padding:18px}}.guide-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-gallery figure{min-width:0;margin:0}.guide-gallery img{width:100%;height:auto;display:block;border-radius:12px}.guide-gallery figcaption,.guide-media-note{font-size:14px;color:var(--studio-muted);line-height:1.6}.guide-gallery figcaption{margin-top:12px}.guide-gallery-wide{grid-template-columns:1fr}.guide-source-links{display:flex;flex-direction:column;gap:12px;margin-top:24px}@media(max-width:520px){.guide-gallery{grid-template-columns:1fr;gap:28px}.guide-gallery figure{max-width:320px;margin-inline:auto}.guide-gallery-wide figure{max-width:100%}}.guide-breadcrumb{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:13px;color:var(--studio-muted);margin-bottom:28px}.guide-nav select{font:inherit;color:var(--studio-ink);background:var(--studio-surface);border:1px solid var(--studio-border);border-radius:8px;padding:10px;min-height:44px;max-width:min(65vw,230px)}.guide-nav nav{min-width:0}.guide-intro h1,.guide-intro p,.guide-card h3{overflow-wrap:anywhere}.guide-body li{padding-left:0;padding-inline-start:6px}.guide-page[dir=rtl] .guide-breadcrumb{text-align:start}.guide-nav select:focus-visible{outline:3px solid var(--studio-accent);outline-offset:3px}