/* Guidens indhold er læsbart uden JavaScript; filtrering er et ekstra lag. */
.tools-main{max-width:1120px;padding-top:44px}
.tools-intro{max-width:760px;margin-bottom:32px}
.tools-intro h1{font-size:clamp(2.15rem,4.7vw,4rem);line-height:1.08;letter-spacing:-.055em;margin:12px 0 20px}
.tools-intro h1 span{color:var(--blue)}
.tools-intro>p:last-child{max-width:630px;font-size:1.1rem;color:var(--muted)}
.tool-filters{border-block:1px solid var(--line);padding:20px 0;display:flex;gap:18px;align-items:center}
.tool-filters>span{font-size:.85rem;font-weight:700;white-space:nowrap}
.tool-filters>div{display:flex;flex-wrap:wrap;gap:8px}
.tool-filters button{padding:8px 14px;border:1px solid var(--line);background:var(--soft);border-radius:30px;font-size:.85rem;min-height:44px}
.tool-filters button:hover{border-color:var(--blue)}
.tool-filters button[aria-pressed=true]{color:var(--paper);background:var(--blue);border-color:var(--blue)}
.guide-caption{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.78rem;margin:20px 0 14px}
.tool-list{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.tool-card{position:relative;display:grid;grid-template-columns:60px minmax(0,1fr);gap:24px;background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:30px;scroll-margin-top:20px}
.tool-first{border-color:#667937;background:linear-gradient(120deg,#252e1c 0,#171d19 45%,var(--soft) 100%)}
.tool-number{font:600 2rem/1.2 var(--mono);color:#77808b;padding-top:5px}
.tool-first .tool-number{color:var(--blue)}
.tool-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}
.tool-label{font:600 .7rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--blue);margin-bottom:5px}
.tool-heading h2{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.15;letter-spacing:-.04em}
.tool-fit{font-size:.75rem;color:var(--muted);text-align:right;max-width:190px}
.tool-job{font-size:1.15rem;font-weight:650;line-height:1.45;margin:20px 0 8px}
.tool-description{color:var(--muted);max-width:760px;line-height:1.65}
.tool-verdict{margin-top:20px;padding-left:14px;border-left:2px solid #64763f;font-size:.9rem}
.tool-verdict strong{font-size:.75rem;color:var(--blue)}
.tool-verdict p{margin-top:3px;color:#c3cad3;max-width:700px}
.tool-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:22px 0}
.tool-open{padding:10px 17px;border:1px solid #555d69;border-radius:9px;font-size:.87rem;font-weight:650;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.tool-open:hover{background:#2e3540}
.tool-first .tool-open{background:var(--blue);border-color:var(--blue);color:#11160a}
.tool-first .tool-open:hover{background:#e2ff94}
.tool-try{font-size:.82rem;color:var(--muted);text-decoration:none;padding-block:8px}
.tool-try:hover{color:var(--ink);text-decoration:underline}
.tool-example{border-top:1px solid var(--line);font-size:.9rem;scroll-margin-top:24px}
.tool-example summary{padding-top:15px;font-size:.85rem;color:var(--muted);min-height:44px}
.tool-example[open] summary{color:var(--ink)}
.tool-example>div{padding-top:16px;display:grid;gap:16px;color:var(--muted);max-width:760px}
.example-task{padding:18px;border-radius:10px;background:#101318;color:var(--ink);border:1px solid var(--line)}
.tool-example .tool-note{font-size:.82rem;color:var(--muted)}
.tool-source{font-size:.75rem;justify-self:start}
.guide-method{display:grid;grid-template-columns:1fr 1.4fr;gap:36px;margin:44px 0 55px;padding-top:30px;border-top:1px solid var(--line)}
.guide-method h2{font-size:1.5rem;line-height:1.25;margin-top:10px;letter-spacing:-.03em}
.guide-method>div>p:not(.eyebrow){font-size:.85rem;color:var(--muted);margin-bottom:12px}
.tools-page .masthead>.menu-button{margin-left:auto}
@media(max-width:700px){
 .tools-main{padding-top:25px}.tools-intro{margin-bottom:22px}.tools-intro h1{margin:9px 0 14px}.tools-intro>p:last-child{font-size:.96rem}
 .tool-filters{display:block;padding:14px 0}.tool-filters>span{display:block;margin-bottom:10px}.tool-filters>div{gap:6px}.tool-filters button{font-size:.78rem;padding:7px 11px}
 .guide-caption{font-size:.68rem;align-items:start}.guide-caption>span{white-space:nowrap}.guide-caption p{max-width:180px}
 .tool-card{grid-template-columns:28px minmax(0,1fr);gap:12px;padding:20px 16px;border-radius:14px}.tool-number{font-size:1.1rem;padding-top:25px}
 .tool-heading{display:block}.tool-fit{display:none}.tool-heading h2{font-size:1.55rem}.tool-job{font-size:1.03rem;margin-top:16px}.tool-description{font-size:.92rem}
 .tool-verdict{font-size:.85rem;margin-top:16px;padding-left:11px}.tool-actions{gap:6px 16px;margin:18px 0 12px}.tool-open{font-size:.8rem}.tool-try{font-size:.75rem}
 .tool-example{font-size:.86rem}.example-task{padding:13px}.guide-method{grid-template-columns:1fr;gap:18px;margin:30px 0}.tool-list{gap:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.tool-example .tool-verdict{margin-top:0}