.tool-detail-page{max-width:1120px;margin:0 auto;padding:1rem clamp(1rem,4vw,3rem) 5rem}.tool-detail-hero{background:linear-gradient(135deg,#082f49,#0f766e);border-radius:28px;color:#fff;padding:clamp(2rem,6vw,4.5rem);margin:1rem 0 1.5rem}.tool-detail-hero h1{font-family:var(--display);font-size:clamp(2.4rem,5vw,4.8rem);line-height:.98;letter-spacing:-.055em;max-width:760px;margin:.65rem 0 1rem}.tool-detail-hero p{color:#d6eef0;line-height:1.7;max-width:700px;font-size:1.05rem}.tool-detail-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:1.2rem;align-items:start}.tool-detail-copy,.tool-detail-side,.tool-detail-faq,.tool-detail-related{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(1.2rem,3vw,2rem)}.tool-detail-copy h2,.tool-detail-faq h2,.tool-detail-related h2{font-family:var(--display);font-size:2rem;letter-spacing:-.04em;margin:.4rem 0 .6rem}.tool-detail-copy>p,.tool-detail-side p{color:var(--slate);line-height:1.6}.tool-detail-copy #toolResult{margin-top:1rem}.tool-detail-side{background:#f5faf9;position:sticky;top:90px}.tool-detail-side h3{font-family:var(--display);font-size:1.5rem;line-height:1.1}.tool-detail-side .btn{display:block;text-align:center;margin-top:.65rem}.tool-detail-faq{margin-top:1.2rem}.tool-detail-faq details{border-top:1px solid var(--line);padding:.9rem 0}.tool-detail-faq summary{cursor:pointer;font-weight:800}.tool-detail-faq details p{color:var(--slate);line-height:1.6;margin:.65rem 0 0}.tool-detail-related{margin-top:1.2rem}.tool-detail-related>div{display:flex;gap:.7rem;flex-wrap:wrap}.tool-detail-related a{color:var(--ocean);font-weight:800;text-decoration:none;border:1px solid var(--line);border-radius:12px;padding:.75rem .9rem}@media(max-width:760px){.tool-detail-workspace{grid-template-columns:1fr}.tool-detail-side{position:static}.tool-detail-hero h1{font-size:2.8rem}}