/* Resource sheets and useful tools follow the existing grid and tokens. */
.resource-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s12) var(--s8)}
.resource-preview{aspect-ratio:3/2;background:var(--surface)}
.resource-sheet-portrait .resource-preview{aspect-ratio:2/3}
.resource-preview img{display:block;opacity:1}
.resource-kind{font-family:var(--f-mono);font-size:11px;color:var(--fg-3);margin-bottom:var(--s3)}
.tools-directory{padding-top:var(--s8)}
.tool-feature{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s16);align-items:start;padding:var(--s12) 0 var(--s16);border-top:1px solid var(--line)}
.tool-copy h2{font-size:clamp(28px,3vw,40px);line-height:1.15;margin:var(--s4) 0 var(--s6);font-weight:600;letter-spacing:-.025em}
.tool-description{max-width:48ch;font-size:18px;line-height:1.65;color:var(--fg-2)}
.tool-detail{max-width:58ch;font-size:14px;line-height:1.8;color:var(--fg-3);margin-top:var(--s4)}
.tool-feature .resource-actions{gap:var(--s3);align-items:stretch}
.tool-feature .btn-secondary{border:1px solid var(--line);background:transparent;color:var(--fg-2)}
.tool-feature .btn-secondary:hover{border-color:var(--fg-3);background:var(--row-hover);color:var(--fg)}
.tool-feature .btn:active{opacity:.75}
.tool-guide{display:inline-block;margin-top:var(--s6);font-size:13px;padding-bottom:var(--s2)}
.tool-visual{margin:0;min-width:0}
.tool-visual a{display:block;background:var(--surface)}
.tool-visual img{width:100%;height:auto;display:block}
.tool-visual figcaption{font-family:var(--f-mono);font-size:11px;color:var(--fg-3);margin-top:var(--s4)}
.tool-visual a:hover{outline:1px solid var(--red)}
.tool-visual a:active{opacity:.8}
.tool-attribution{font-size:11px;color:var(--fg-3);margin-top:var(--s6);line-height:1.7}
.tool-spec{padding:var(--s8) 0 var(--s8) var(--s12);border-left:1px solid var(--line);display:flex;align-items:flex-start;flex-direction:column;gap:var(--s4)}
.tool-spec-title{font-family:var(--f-display);font-size:clamp(56px,8vw,96px);font-weight:500;line-height:1;color:var(--fg-2);letter-spacing:-.05em}
.tool-spec-tag{font-family:var(--f-mono);font-size:11px;color:var(--red-bright);letter-spacing:.08em}
.tool-spec p,.tool-future{font-size:13px;color:var(--fg-3)}
.tool-future{border-top:1px solid var(--line);padding-top:var(--s8);max-width:68ch}
@media(max-width:1000px){.tool-feature{gap:var(--s8);grid-template-columns:1fr}.tool-spec{border-left:0;padding:0}.tool-feature-local{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.tool-feature .resource-actions .btn{font-size:12px}}
@media(max-width:600px){.resource-images,.tool-feature-local{grid-template-columns:1fr}.resource-images{gap:var(--s8)}.tool-feature{padding:var(--s8) 0 var(--s12)}.tool-feature .resource-actions{flex-direction:column;align-items:flex-start}.tool-copy h2{font-size:28px}.tool-description{font-size:16px}}
@media(prefers-reduced-motion:reduce){.resource-preview img{transition:none}}