.tool-detail{min-height:calc(100dvh - 78px);padding:0 clamp(20px,4vw,64px) clamp(88px,11vw,156px)}
.detail-back{display:flex;gap:10px;padding-top:36px;color:var(--muted);font:700 .68rem var(--mono)}
.detail-back a{color:var(--paper-2)}
.detail-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:clamp(36px,8vw,120px);align-items:end;padding:clamp(58px,9vw,130px) 0 clamp(46px,7vw,86px);border-bottom:1px solid var(--line)}
.detail-hero h1{max-width:12ch;margin:18px 0 0;font:800 clamp(3.4rem,8vw,8.4rem)/.88 var(--serif);letter-spacing:-.07em}
.detail-intro{padding-left:20px;border-left:2px solid var(--red)}
.detail-intro p{margin:0;color:var(--paper-2);font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.85}
.detail-intro small{display:block;margin-top:18px;color:var(--muted);line-height:1.7}
.start-panel,.simple-flow,.capability-section,.review-section,.boundary-section,.download-panel{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(34px,8vw,110px);padding:clamp(52px,8vw,104px) 0;border-bottom:1px solid var(--line)}
.tool-detail h2{margin:14px 0 0;font:800 clamp(2.15rem,4.8vw,5rem)/.94 var(--serif);letter-spacing:-.055em}
.start-panel blockquote{margin:0;padding:0 0 0 20px;border-left:2px solid var(--red);color:var(--paper);font:700 clamp(1.15rem,2vw,1.65rem)/1.65 var(--serif)}
.copy-starter{min-height:44px;margin-top:24px;padding:0;border:0;background:transparent;color:var(--red);font:700 .72rem var(--mono);cursor:pointer}
.copy-starter:hover,.copy-starter:focus-visible{color:var(--paper)}
.copy-status{margin-left:16px;color:var(--muted);font-size:.75rem}
.simple-flow ol,.path-list{margin:0;padding:0;list-style:none}
.simple-flow li,.path-list li{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:18px 0;border-top:1px solid var(--line)}
.simple-flow li span,.path-list li span{color:var(--red);font:700 .68rem var(--mono)}
.simple-flow li p,.path-list li p{margin:0;color:var(--paper-2);line-height:1.75}
.capability-section header>p:last-child{max-width:42ch;margin:22px 0 0;color:var(--muted);line-height:1.75}
.lens-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.lens-list li{min-height:112px;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--paper-2)}
.boundary-section ul{margin:0;padding-left:1.2rem;color:var(--paper-2)}
.boundary-section li+li{margin-top:18px}
.download-panel{align-items:end}
.download-panel p{max-width:50ch;margin:20px 0 0;color:var(--muted);line-height:1.75}
.download-panel a{width:max-content;min-height:48px;display:inline-flex;align-items:center;gap:14px;color:var(--red);font:700 .78rem var(--mono)}
.download-panel a:hover{color:var(--paper)}
@media(max-width:720px){.detail-hero,.start-panel,.simple-flow,.capability-section,.review-section,.boundary-section,.download-panel{grid-template-columns:1fr}.detail-hero h1{font-size:clamp(3rem,17vw,5.4rem)}.detail-intro{padding-left:0;padding-top:18px;border-left:0;border-top:2px solid var(--red)}.lens-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}