.guide-nav{min-height:84px}.guide-nav .navlinks{flex-direction:row}.guide-nav .identity img{width:96px}.guide-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:44px;align-items:center;padding:64px 0 60px}.guide-hero h1{font-size:clamp(40px,4.8vw,68px);line-height:1.04;margin-bottom:26px}.guide-hero .meta{margin:0 0 18px}.guide-hero figure{margin:0;min-width:0}.guide-hero img{display:block;width:100%;height:auto;border-radius:14px;animation:scene-arrive 900ms cubic-bezier(.16,1,.3,1) both}.summary-lines{list-style:none;padding:0;margin:0;font-size:18px;line-height:1.6}.summary-lines li{margin:10px 0}.summary-lines li:first-child{font-weight:600}.breadcrumbs{font-size:14px;padding-top:26px;color:#64615b}.breadcrumbs a{display:inline-block;min-height:36px}.guide-layout{display:grid;grid-template-columns:230px minmax(0,790px);gap:60px;align-items:start}.guide-toc{position:sticky;top:24px;font-size:14px;max-height:calc(100vh - 48px);overflow:auto;scrollbar-color:#ba491c #eeebe4}.guide-toc strong{display:block;font-size:16px;padding:0 0 12px}.guide-toc a{display:block;padding:7px 0;text-decoration:none;line-height:1.4;color:#64615b}.guide-toc a[aria-current=true]{color:#ba491c;text-decoration:underline}.guide-content{min-width:0}.guide-section{border-top:1px solid #ddd9d0;padding:44px 0 18px;scroll-margin-top:24px}.guide-section h2{font-size:clamp(29px,3vw,42px);line-height:1.14}.guide-section h3{font-size:25px;line-height:1.2}.guide-section p,.guide-section li{max-width:72ch}.guide-section li{margin:10px 0}.guide-section ul,.guide-section ol{padding-left:25px}.guide-section a{overflow-wrap:anywhere}.guide-section pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:16px;background:#eeebe4;padding:24px;border-radius:12px}.guide-section .compare{table-layout:fixed;line-height:1.5;margin-top:8px}.guide-section .compare td,.guide-section .compare th{padding:14px 12px;overflow-wrap:anywhere}.guide-section .table-wrap{max-width:100%;border-radius:0}.guide-section .table-wrap:focus-visible{outline-offset:2px}.guide-section .workbench{margin:20px 0}.guide-section .source-list{font-size:15px}.guide-section .source-list li{margin:15px 0}.guide-section .source-list small{display:block;color:#64615b}.mobile-toc{display:none}.guide-next{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid #ddd9d0;padding:32px 0}.guide-next a{font:500 22px/1.3 Bricolage,Arial,sans-serif;text-decoration:none}.guide-next span{display:block;font:14px/1.5 DM,Arial,sans-serif;color:#64615b;margin-bottom:10px}.guide-next a:last-child{text-align:right}.quiet-plan{padding:24px 0 48px;font-size:16px}.library-hero{padding:68px 0 34px;max-width:880px}.library-hero h1{font-size:clamp(44px,6vw,78px);line-height:1.02;margin-bottom:24px}.library-hero p{font-size:22px;max-width:650px}.library-filters{display:flex;flex-wrap:wrap;gap:10px;border-block:1px solid #ddd9d0;padding:20px 0}.library-filters button{border:1px solid #64615b;border-radius:999px;background:transparent;padding:10px 19px;min-height:44px;font-size:15px}.library-filters button[aria-pressed=true]{background:#1f1e1c;border-color:#1f1e1c;color:#f7f4ed}.library-count{font-size:14px;color:#64615b;margin:19px 0 28px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 28px;padding-bottom:65px}.guide-card{min-width:0}.guide-card[hidden]{display:none}.guide-card a{display:block;text-decoration:none;transition:transform 220ms ease}.guide-card a:hover{transform:translateY(-5px)}.guide-card img{width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;border-radius:12px;background:#eeebe4;display:block}.guide-card h2{font-size:28px;line-height:1.15;margin:13px 0}.guide-card p{font-size:16px;line-height:1.55;margin-bottom:12px}.guide-card .card-meta{display:flex;justify-content:space-between;gap:14px;margin-top:19px;color:#64615b;font-size:13px}.guide-card a:hover h2{color:#ba491c}.guide-card a:hover p{color:#1f1e1c}.library-footer{font-size:16px;padding:28px 0 40px;border-top:1px solid #ddd9d0}.guide-content .brain-stage{grid-template-columns:1fr}.guide-content .connection{width:48px}.guide-content .toolgrid{grid-template-columns:1fr}.guide-content .output{font-size:16px}.table-help{font-size:13px;color:#64615b;margin-bottom:12px}@keyframes scene-arrive{from{opacity:.65;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1050px){.guide-layout{gap:32px;grid-template-columns:200px minmax(0,1fr)}.guide-hero{gap:24px}.guide-grid{gap:36px 24px}}@media(max-width:800px){.guide-layout{display:block}.guide-toc{display:none}.mobile-toc{display:block;margin:0 0 32px}.mobile-toc a{display:block;padding:8px 0;font-size:15px}.guide-hero{grid-template-columns:1fr;padding:36px 0 32px;gap:24px}.guide-hero figure{max-width:640px}.guide-hero h1{max-width:700px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-section{padding-top:34px}.guide-section .compare{min-width:0;font-size:14px}.guide-section .compare th,.guide-section .compare td{padding:12px 8px}.guide-next a{font-size:20px}}@media(max-width:540px){.guide-nav .navlinks{gap:14px}.guide-nav .identity img{width:80px}.guide-grid{grid-template-columns:1fr;gap:34px}.library-hero{padding:40px 0 24px}.library-hero p{font-size:19px}.guide-card h2{font-size:28px}.guide-hero h1{font-size:42px;letter-spacing:-.03em}.summary-lines{font-size:17px}.guide-section .compare{min-width:0}.guide-section .compare th,.guide-section .compare td{font-size:14px}.guide-next{gap:22px}.guide-section pre{padding:18px}.library-filters{gap:8px}.library-filters button{padding:9px 13px;font-size:14px}}@media(prefers-reduced-motion:reduce){.guide-hero img{animation:none}.guide-card a{transition:none}.guide-card a:hover{transform:none}}@media print{.guide-toc,.mobile-toc,.guide-next,.guide-nav{display:none}.guide-layout,.guide-hero{display:block}.guide-hero figure{max-width:300px}.guide-section{break-inside:auto}.guide-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.guide-section .wide-compare,.guide-section .wide-compare tbody,.guide-section .wide-compare tr,.guide-section .wide-compare td{display:block;width:100%}.guide-section .wide-compare thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}.guide-section .wide-compare tr{padding:12px 0;border-bottom:1px solid #ddd9d0}.guide-section .wide-compare td{border:0;padding:8px 0;font-size:16px}.guide-section .wide-compare td:before{content:attr(data-label);display:block;font-size:13px;font-weight:600;color:#64615b;margin-bottom:4px}}
