.tool-detail-page{background:#f7f6f2}.tool-detail-hero{padding-block:28px 76px}.tool-detail-breadcrumb{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:56px;font-size:14px;display:flex}.tool-detail-breadcrumb a{color:var(--cobalt);align-items:center;gap:8px;display:inline-flex}.tool-detail-breadcrumb svg{width:16px;height:16px}.tool-detail-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(36px,6vw,88px);display:grid}.tool-detail-hero-grid--solo{grid-template-columns:minmax(0,760px)}.tool-detail-hero h1{white-space:pre-line;letter-spacing:-.055em;color:var(--cobalt);margin:18px 0 26px;font-size:clamp(44px,5vw,72px);line-height:1.02}.tool-detail-hero .section-lead{max-width:48ch;font-size:20px;line-height:1.6}.tool-detail-actions{flex-wrap:wrap;align-items:center;gap:20px 24px;margin-top:30px;display:flex}.tool-detail-preview{background:#eaece3;border-radius:18px;padding:clamp(24px,3vw,42px)}.tool-preview-top{color:var(--cobalt);align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.tool-preview-top>svg{box-sizing:content-box;background:#fff;border-radius:12px;width:24px;height:24px;padding:12px}.tool-detail-preview h2{color:var(--cobalt);letter-spacing:-.035em;margin:32px 0 8px;font-size:30px;line-height:1.15}.tool-detail-preview>p{color:var(--muted-foreground);margin:0;font-size:14px}.tool-detail-preview dl{gap:12px;margin:28px 0;display:grid}.tool-detail-preview dl>div{background:#fff;border-radius:10px;padding:19px 18px 19px 46px;position:relative}.tool-preview-number{color:var(--cobalt);font-size:12px;position:absolute;top:22px;left:18px}.tool-detail-preview dt{font-size:15px;font-weight:650}.tool-detail-preview dd{color:var(--muted-foreground);margin:5px 0 0;font-size:13px;line-height:1.5}.tool-preview-footnote{color:var(--muted-foreground);font-size:12px;line-height:1.6}.tool-detail-directory{padding-block:0 76px}.tool-detail-benefits{border-top:1px solid var(--border);padding-block:68px 76px}.model-advisor-result{border:1px solid var(--border);border-radius:10px;align-items:center;gap:14px;padding:12px 14px;transition:border-color .15s;display:flex}.model-advisor-result:hover,.model-advisor-result:focus-visible{border-color:var(--cobalt)}.model-advisor-rank{width:28px;height:28px;color:var(--cobalt);background:#eaece3;border-radius:999px;flex-shrink:0;place-items:center;font-size:13px;font-weight:600;display:grid}.tool-detail-directory h2{margin-top:14px}.tool-detail-page .tool-directory-card h2{letter-spacing:-.01em;margin:0;font-family:inherit;font-size:16px;line-height:24px}.tool-detail-page .tool-directory-card p{font-size:inherit;line-height:inherit}.tool-directory-note{max-width:88ch;color:var(--muted-foreground);margin-top:20px;font-size:13px;line-height:1.6}.tool-detail-section-heading{grid-template-columns:1fr 1fr;align-items:start;gap:60px;margin-bottom:44px;display:grid}.tool-detail-page section h2{line-height:1.12}.tool-detail-section-heading h2,.tool-detail-how h2,.tool-detail-related h2{color:var(--cobalt);letter-spacing:-.045em;margin:0;font-size:clamp(32px,3.2vw,44px)}.tool-detail-section-heading .section-lead{margin:0;font-size:19px;line-height:1.6}.tool-detail-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;display:grid}.tool-detail-benefit-grid h3,.tool-detail-how h3{letter-spacing:-.025em;margin:16px 0 12px;font-size:22px;line-height:1.25}.tool-detail-benefit-grid p,.tool-detail-how p{color:var(--muted-foreground);margin:0;font-size:16px;line-height:1.65}.model-types article{grid-row:span 6;grid-template-rows:subgrid;align-content:start;row-gap:0;display:grid}.model-types article>:first-child{justify-self:start}.model-types dl{grid-row:span 3;grid-template-rows:subgrid;border-top:1px solid var(--border);gap:16px;margin:24px 0 0;padding-top:20px;display:grid}.model-types dt{color:var(--cobalt);font-size:13px;font-weight:600}.model-types dd{color:var(--muted-foreground);margin:4px 0 0;font-size:15px;line-height:1.6}.tool-detail-how{background:#eeede8;padding-block:68px}.tool-detail-how-grid{grid-template-columns:.85fr 1.15fr;gap:clamp(40px,8vw,120px);display:grid}.tool-detail-how h2{margin:14px 0 24px}.tool-detail-how ol{counter-reset:tool-step;margin:0;padding:0;list-style:none}.tool-detail-how li{counter-increment:tool-step;padding:0 0 24px 48px;position:relative}.tool-detail-how li+li{border-top:1px solid var(--border);padding-top:24px}.tool-detail-how li:last-child{padding-bottom:0}.tool-detail-how li:before{content:counter(tool-step, decimal-leading-zero);color:var(--cobalt);font-size:13px;position:absolute;top:3px;left:0}.tool-detail-how li+li:before{top:27px}.tool-detail-how h3{margin-top:0}.tool-detail-related{padding-block:68px 80px}.tool-detail-related>div{grid-template-columns:1fr 1fr;gap:24px;margin-top:30px;display:grid}.tool-detail-related a{border:1px solid var(--border);color:var(--cobalt);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:28px;transition:border-color .15s;display:flex}.tool-detail-related a:hover{border-color:var(--cobalt)}.tool-detail-related a>span{gap:10px;display:grid}.tool-detail-related strong{letter-spacing:-.03em;font-size:25px}@media (max-width:900px){.tool-detail-hero-grid,.tool-detail-section-heading,.tool-detail-how-grid{grid-template-columns:1fr;gap:32px}.tool-detail-hero .section-lead{max-width:none}.tool-detail-preview{width:100%;max-width:640px}.tool-detail-benefit-grid{gap:24px}}@media (max-width:600px){.tool-detail-breadcrumb{margin-bottom:32px}.tool-detail-hero{padding-bottom:44px}.tool-detail-hero h1{font-size:clamp(38px,10vw,50px)}.tool-detail-hero .section-lead{font-size:18px}.tool-detail-benefit-grid,.tool-detail-related>div{grid-template-columns:1fr}.tool-detail-benefit-grid article+article{border-top:1px solid var(--border);padding-top:24px}.tool-detail-directory{padding-block:0 44px}.tool-detail-benefits,.tool-detail-how,.tool-detail-related{padding-block:44px}}
