@layer components{.ph-photo img{object-position:50% 40%}.guide{padding:64px 0 0}.guide-grid{grid-template-columns:230px 1fr;align-items:start;gap:72px;display:grid}.guide-toc{top:calc(var(--h-stack) + 24px);gap:2px;display:grid;position:sticky}.guide-toc .t{font-family:var(--font-mono);font-size:var(--fs-label,10.5px);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px;font-weight:500}.guide-toc a{border-radius:var(--r-sm);font-size:var(--fs-card,13.5px);color:var(--ink-2);padding:9px 13px;transition:all .15s;display:block}.guide-toc a:hover{background:var(--bg-cream);color:var(--ink)}.guide-toc a.is-active{background:var(--ink);color:var(--bg)}.topic{padding:0 0 72px;scroll-margin-top:170px}.topic+.topic{border-top:1px solid var(--line);padding-top:72px}.topic h2{font-size:var(--fs-display-m);letter-spacing:-.025em;margin-bottom:18px;line-height:1.1}.topic p{font-size:var(--fs-body,16px);color:var(--ink-2);max-width:var(--measure);text-wrap:pretty;line-height:1.6}.topic p+p{margin-top:14px}.topic h3{font-family:var(--font-display);font-size:var(--fs-display-s,21px);letter-spacing:-.02em;margin:32px 0 10px;font-weight:500}.topic .cols-heading{margin-bottom:0}.cols-heading+.cols{margin-top:16px}.topic .note{background:var(--bg-cream);border-radius:var(--r-md);font-size:var(--fs-body,15px);color:var(--ink-2);max-width:64ch;margin-top:24px;padding:20px 24px;line-height:1.6}.topic .note strong{color:var(--ink);font-weight:500}.tphoto{border-radius:var(--r-lg);background:var(--bg-cream);aspect-ratio:16/10;margin:32px 0;overflow:hidden}.tphoto img{object-fit:cover;width:100%;height:100%}.tphoto:has(img){aspect-ratio:auto}.tphoto:has(img) img{object-fit:contain;width:100%;height:auto;max-height:640px}.cols{grid-template-columns:1fr 1fr;align-items:start;gap:32px;margin-top:28px;display:grid}.plist{gap:0;margin:0;padding:0;list-style:none;display:grid}.plist li{border-top:1px solid var(--line);font-size:var(--fs-body,15px);color:var(--ink-2);max-width:var(--measure);padding:11px 0 11px 26px;line-height:1.6;position:relative}.plist li:last-child{border-bottom:1px solid var(--line)}.plist li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:18px;left:4px}.plist li strong{color:var(--ink);font-weight:500}.plist .h{font-family:var(--font-mono);font-size:var(--fs-label,10.5px);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border:0;padding:0 0 6px;font-weight:500;display:block;position:static}.plist .h:before{display:none}.badlist li:before{background:var(--line-2)}.checklist li{padding-left:30px}.checklist li:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%237C4F8E' stroke-width='2'%3E%3Cpath d='M3 8.5l3.5 3.5L13 5'/%3E%3C/svg%3E") 50%/contain no-repeat;border-radius:0;width:16px;height:16px;top:13px;left:0}@media (max-width:920px){.guide-grid{grid-template-columns:1fr;gap:32px}.guide{padding-top:var(--space-section)}.guide-toc{flex-wrap:wrap;gap:6px;display:flex;position:static}.guide-toc .t{width:100%;margin-bottom:4px}.guide-toc a{border:1px solid var(--line-2);border-radius:var(--r-sm)}.cols{grid-template-columns:1fr;gap:24px}}}