.guide-header{position:relative;padding:60px 0 44px;max-width:900px}.guide-header h1{font-family:var(--font-display);font-size:clamp(38px,4.9vw,68px);font-weight:500;line-height:1.14;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere;margin:22px 0}.guide-header>p{max-width:720px;font-size:17px;line-height:1.85}.guide-back{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-bottom:24px;font-size:13px;color:var(--secondary)}.guide-back:hover{color:var(--accent)}.guide-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-bottom:48px}.guide-link{display:flex;gap:16px;min-width:0;padding-top:24px;border-top:1px solid var(--control-line)}.guide-link>div{min-width:0}.guide-link h3{font-size:21px;line-height:1.4;text-wrap:balance;overflow-wrap:anywhere}.guide-link p{font-size:14px;line-height:1.85;margin:14px 0 20px}.guide-number{color:var(--muted);font-size:12px;padding-top:6px}.guide-read{display:inline-flex;align-items:center;gap:12px;font-size:13px;color:var(--accent);min-height:44px}.guide-link:hover h3{color:var(--accent)}.guide-layout{display:grid;grid-template-columns:230px minmax(0,760px);gap:60px;padding-bottom:56px}.guide-toc nav{position:sticky;top:24px;display:flex;flex-direction:column;gap:6px;border-left:1px solid var(--line);padding-left:22px}.guide-toc strong{font-size:11px;font-weight:500;letter-spacing:.08em;color:var(--brass);margin:0 0 12px}.guide-toc a{font-size:13px;line-height:1.6;padding:9px 0;min-height:44px;color:var(--secondary);transition:color var(--duration-fast)}.guide-toc a:hover{color:var(--accent)}.guide-toc-mobile{display:none}.guide-article section{padding:36px 0;border-top:1px solid var(--line);scroll-margin-top:28px}.guide-article h2{font-family:var(--font-display);font-size:clamp(26px,2.6vw,36px);font-weight:500;line-height:1.3;letter-spacing:-.01em;text-wrap:balance;margin-bottom:22px}.guide-article p,.guide-article li{font-size:16px;line-height:1.95;color:var(--secondary);overflow-wrap:anywhere}.guide-article p+p{margin-top:18px}.guide-article ul{padding-left:24px;margin:18px 0 0}.guide-article li::marker{color:var(--brass)}.guide-article li+li{margin-top:12px}.guide-actions{display:flex;gap:12px;flex-wrap:wrap;padding-top:24px}.guide-related{border-top:1px solid var(--line);padding-top:40px}.guide-related h2{font-family:var(--font-display);font-weight:500;font-size:34px;margin-bottom:28px}.guide-related .guide-links{grid-template-columns:repeat(2,minmax(0,1fr))}.home-guides{padding:36px 0 0;border-top:1px solid var(--line)}.guides-page .guide-header{padding:clamp(46px,6vw,80px) 0 54px;max-width:1000px}.guides-page .guide-header h1{max-width:930px}.guides-page .guide-header .eyebrow{color:var(--brass)}.guides-page .guide-link{position:relative;gap:20px;padding:28px 26px;border:1px solid var(--line);border-radius:12px;background:var(--surface-depth);box-shadow:inset 0 1px #ffffff06;transition:border-color var(--duration-base),background var(--duration-base)}.guides-page .guide-link h3{font-family:var(--font-display);font-size:25px;font-weight:500;line-height:1.3}.guides-page .guide-link>div{display:flex;flex-direction:column;align-items:flex-start}.guides-page .guide-read{margin-top:auto}.guides-page .guide-link:hover{border-color:var(--control-line)}.guides-page .guide-number{font-family:var(--font-display);font-weight:400;font-size:35px;line-height:1;color:var(--brass);letter-spacing:-.03em;padding-top:3px}.guides-page .guide-read svg{transition:transform var(--duration-base)}.guide-model-example-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:26px 0}.guide-model-example-images figure{min-width:0;margin:0}.guide-model-example-images img{display:block;width:100%;height:auto;aspect-ratio:928/1152;-o-object-fit:contain;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.guide-model-example-images figcaption{margin-top:10px;color:var(--secondary);font-size:12px;line-height:1.6}.guide-model-example-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin-top:16px;color:var(--accent);font-size:13px}.guide-model-example-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (hover:hover) and (pointer:fine){.guides-page .guide-link:hover .guide-read svg{transform:translate(4px)}}@media (max-width:1199px){.guides-page .guide-link{padding:24px 20px;gap:14px}.guides-page .guide-link h3{font-size:23px}.guides-page .guide-number{font-size:30px}}@media (max-width:959px){.guide-layout{grid-template-columns:1fr;gap:28px}.guide-toc nav{position:static;display:flex;flex-flow:row wrap;gap:6px 24px;border-left:0;padding-left:0}.guide-toc strong{width:100%;margin:0}.guide-toc{border-top:1px solid var(--line);padding-top:24px}.guide-links{gap:20px}.guide-link{gap:10px}.guide-link h3{font-size:18px}.guides-page .guide-link{flex-direction:column;gap:20px}.guides-page .guide-link>div{flex:1}}@media (max-width:639px){.guide-header,.guides-page .guide-header{padding:38px 0 34px}.guide-header h1{font-size:40px;letter-spacing:-.015em;line-height:1.17;margin:20px 0}.guide-header>p{font-size:15px}.guide-links,.guide-related .guide-links{grid-template-columns:1fr;gap:16px;padding-bottom:32px}.guide-link{padding-top:22px;gap:16px}.guide-link h3{font-size:21px}.guide-link p{margin-bottom:10px}.guides-page .guide-link{flex-direction:row;padding:24px 20px;gap:18px}.guides-page .guide-link h3{font-size:24px}.guides-page .guide-number{font-size:30px}.guide-article h2{font-size:28px}.guide-article p,.guide-article li{font-size:15px}.guide-article section{padding:30px 0}.guide-back{margin-bottom:16px}.guide-toc a{font-size:13px}.guide-layout{padding-bottom:36px;gap:20px}.home-guides{padding-top:28px}.guide-toc .guide-toc-desktop{display:none}.guide-toc-mobile{display:block}.guide-toc-mobile summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--secondary);font-size:14px}.guide-toc-mobile nav{padding:12px 0 0;display:flex;flex-direction:column;gap:4px}.guide-toc{padding-top:12px}.guide-header .guide-actions{gap:8px}.guide-header .guide-actions .btn{padding-inline:13px;font-size:12px}.guide-model-example-images{gap:8px}.guide-model-example-images figcaption{font-size:11px}.guide-related h2{font-size:30px}}@media (prefers-reduced-motion:reduce){.guide-link,.guide-toc a,.guides-page .guide-read svg{transition:none}.guides-page .guide-link:hover .guide-read svg{transform:none}}