:root{--bg:#f6f6f1;--ink:#20352a;--muted:#59695c;--green:#28533c;--pale:#eaf0e4;--line:#d4ddcf;--warm:#b78a3e;--white:#fffefa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button,input,select,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a{color:var(--green);text-underline-offset:4px}a:hover{color:#487b43}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #829a5b;outline-offset:4px}button:disabled{opacity:.55;cursor:not-allowed}h1,h2,h3,h4,p{margin:0}h1,h2,h3{letter-spacing:-.035em;font-weight:600;line-height:1.18}h1{font-size:clamp(36px,4.5vw,62px)}h1 span{color:#6c825f}h2{font-size:30px}h3{font-size:23px}h4{font-size:18px;line-height:1.4}p+p{margin-top:16px}ul,ol{padding-left:24px}li+li{margin-top:8px}header{border-bottom:1px solid var(--line)}.header-inner{max-width:1390px;padding:23px 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:27px;font-weight:700;letter-spacing:-1.2px;line-height:1}.brand-light{font-weight:400}.brand small{display:block;font-size:9px;letter-spacing:1.8px;margin-top:10px;font-weight:600}.brand-mark{display:flex;align-items:flex-end;gap:3px;height:33px}.brand-mark i{display:block;background:var(--green);width:7px;border-radius:2px 2px 0 0}.brand-mark i:nth-child(1){height:20px}.brand-mark i:nth-child(2){height:32px}.brand-mark i:nth-child(3){height:14px}nav{display:flex;gap:25px}header nav a{text-decoration:none;font-size:16px;color:var(--muted);padding:8px 0}header nav a[aria-current]{font-weight:700;color:var(--green)}.stage{font-size:11px;letter-spacing:1.1px;color:var(--muted);white-space:nowrap}.stage:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#789364;margin-right:8px}main{max-width:1340px;padding:0 28px;margin:auto}.breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;margin-top:27px;color:var(--muted)}.breadcrumb a{text-decoration:none}.hero{display:flex;justify-content:space-between;align-items:center;gap:45px;margin:48px 0 35px}.hero>div:first-child{max-width:880px}.hero .eyebrow{margin-bottom:18px}.hero p{font-size:19px;max-width:770px;color:var(--muted);margin-top:22px;line-height:1.7}.hero-aside{border-left:1px solid var(--line);padding-left:35px;flex:0 0 260px}.hero-aside p{font-size:14px}.database-stat{display:flex;gap:35px}.database-stat strong{font-size:44px;font-weight:500;line-height:1.2}.database-stat small{display:block;font-size:14px;line-height:1.5;margin-top:6px;color:var(--muted)}.eyebrow{display:block;font-size:13px;letter-spacing:1.5px;font-weight:600;color:#5e7455}.intro-actions{display:flex;gap:14px;margin-bottom:60px}.button,button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;gap:12px;background:transparent;border:1px solid #a8b7a0;padding:10px 18px;border-radius:7px;color:var(--green);font-size:16px;text-decoration:none;font-weight:600}.button:hover,button:hover{background:#e6eddf}.primary{background:var(--green);border-color:var(--green);color:white}.primary:hover{background:#183d2b;color:white}main>section{margin:54px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}.section-heading .eyebrow{margin-bottom:10px}.section-heading p{max-width:400px;font-size:16px;color:var(--muted)}.section-heading>a{white-space:nowrap;font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.feature-grid article{border-top:1px solid var(--line);padding:26px 0}.feature-grid b{display:block;color:#8c9b80;font-weight:400;margin-bottom:26px}.feature-grid h3{margin-bottom:16px}.feature-grid p{color:var(--muted)}.two{grid-template-columns:1fr 1fr}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.catalog-card{border:1px solid var(--line);background:var(--white);border-radius:12px;padding:26px;display:flex;flex-direction:column}.catalog-card h3{margin-top:10px}.catalog-card h3 a{text-decoration:none;color:var(--ink)}.catalog-card .eyebrow{font-size:12px}.catalog-card p{font-size:16px;color:var(--muted);margin:15px 0 20px}.card-model{display:flex;align-items:center;gap:10px;margin:14px 0 0}.tank{width:135px;height:150px;flex-shrink:0}.hero-aside>.tank{width:190px;height:210px}.card-model .tank{width:105px;height:120px}.card-model strong{font-size:34px;font-weight:500;line-height:1.3}.card-model strong small{display:block;font-size:14px}.card-model span{display:block;font-size:14px;color:var(--muted);margin-top:8px}.card-number{font-size:38px;margin-top:23px;line-height:1.4}.card-number small{font-size:15px}.text-link{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:16px;text-decoration:none}.tag{font-size:13px;display:inline-block;align-self:flex-start;border-radius:4px;background:var(--pale);padding:4px 8px;margin-bottom:15px}.caution{background:#f3e7cb;color:#77581d}.directory-search{display:block;max-width:600px;margin-bottom:30px}.directory-search input{margin-top:8px}.catalog-card[hidden]{display:none}label{font-size:16px;font-weight:600}input,select{display:block;width:100%;border:1px solid #c3cfbb;border-radius:6px;padding:10px 12px;min-height:48px;background:white;font-size:16px;line-height:1.5;min-width:0}input[type=number]{font-variant-numeric:tabular-nums}input[aria-invalid=true]{border-color:#a44628;box-shadow:0 0 0 1px #a44628}.match-layout{display:grid;grid-template-columns:355px minmax(0,1fr);gap:25px;align-items:start}#match-form{padding:26px;border:1px solid var(--line);border-radius:12px;background:white}#match-form h3{margin-bottom:25px}#match-form>label{display:block;margin:22px 0 8px}#match-form>label:first-of-type{margin-top:0}.input-row{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-top:22px}.input-row input{margin-top:8px}.input-help,.override p{font-size:14px;color:var(--muted);line-height:1.65;margin-top:10px}.override{border-top:1px solid var(--line);margin:22px 0;padding-top:16px}.override summary{font-size:15px;font-weight:600;min-height:44px}.override label{display:block;margin:15px 0 8px}.form-actions{display:flex;gap:7px;margin-top:12px}.form-actions button{flex:1;padding:8px;font-size:15px}#match-submit{width:100%;margin-top:15px}#restore-match{font-size:14px;margin-top:12px;width:100%}#match-notice{font-size:14px;margin-top:15px;color:var(--muted)}#match-result{min-width:0}.assessment-card{background:#edf2e8;border:1px solid #d7e1ce;border-radius:12px;padding:28px;margin-bottom:22px}.assessment-heading h3{font-size:25px;margin:6px 0 12px}.assessment-heading p{font-size:17px}.assessment-heading>span,.assessment-heading .eyebrow{font-size:13px}.assessment-metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.assessment-metrics>div{border:1px solid #d4ddcc;background:#fffefa;border-radius:8px;padding:18px}.assessment-metrics span{display:block;font-size:14px;color:var(--muted)}.assessment-metrics strong{display:block;font-size:37px;line-height:1.3;font-weight:500;margin:5px 0}.assessment-metrics small{font-size:14px}.assessment-metrics strong small{font-size:16px}.assessment-checks{list-style:none;margin:0;padding:0}.assessment-check{background:#fffefa;border:1px solid #dbe1d4;border-radius:8px;padding:18px;margin:12px 0}.check-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.check-heading h4{font-size:17px}.check-status{font-size:12px;font-weight:600;white-space:nowrap;padding:3px 7px;border-radius:4px;background:#e6ecdf;color:#486642}.assessment-check p{font-size:15px;color:var(--muted);margin-top:9px;line-height:1.65}.check-fail .check-status,.assessment-restricted .assessment-heading>span,.assessment-insufficient .assessment-heading>span{background:#f0ded3;color:#8d3e24}.check-review .check-status{background:#f3e6c9;color:#77561d}.check-unknown .check-status{background:#e9e8e0;color:#5d6257}.assessment-missing,.assessment-input-note{padding:17px;background:#f4ead5;border-radius:7px;margin:20px 0;font-size:15px}.assessment-missing ul{margin-bottom:0}.assessment-math{margin:24px 0;border-top:1px solid var(--line);padding-top:17px;font-size:15px}.assessment-math summary{font-weight:600;min-height:44px}.assessment-math p{margin-top:10px}.assessment-boundary{font-size:14px;color:var(--muted);margin-top:20px}.assessment-sources{font-size:14px;margin-top:18px}.assessment-sources ul{padding-left:20px}.comparison-assessments{display:block}.spec-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:start;margin-top:40px}.spec-layout h2{margin-bottom:25px}.spec-table{margin:0;border-top:1px solid var(--line)}.spec-table>div{display:grid;grid-template-columns:1fr 1.35fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.spec-table dt{color:var(--muted);font-size:15px}.spec-table dd{margin:0;font-size:16px;font-weight:600;overflow-wrap:anywhere}.note-panel{background:var(--pale);border:1px solid var(--line);border-radius:12px;padding:28px}.note-panel .eyebrow{margin-bottom:12px}.note-panel p,.note-panel li{font-size:16px}.note-panel h3{font-size:21px;margin-top:25px}.notes{margin:18px 0}.notes li{margin-bottom:13px}.warning,.callout{border-left:4px solid #b38c42;padding:15px 18px;background:#f4ead5;border-radius:0 5px 5px 0;margin-top:20px}.sources{border-top:1px solid var(--line);padding-top:28px;margin:45px 0}.sources h3{font-size:23px}.sources p,.sources li{font-size:15px}.sources p{margin-top:10px;color:var(--muted)}.sources a{overflow-wrap:anywhere}.shop-row{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#e8efdf;border-radius:12px;padding:30px;margin:45px 0}.shop-row>div{max-width:780px}.shop-row p{font-size:15px;color:var(--muted);margin-top:12px}.shop-row>a{flex-shrink:0}.comparison-visual{display:flex;align-items:center;justify-content:center;gap:45px;padding:20px 0 40px}.comparison-visual a{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;max-width:45%}.comparison-visual .tank{width:160px;height:175px}.comparison-visual strong{font-size:20px}.comparison-visual>span{color:var(--muted)}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:white}table{width:100%;border-collapse:collapse;text-align:left;min-width:590px}caption{text-align:left;padding:20px 24px;font-size:16px;color:var(--muted)}th,td{padding:16px 24px;border-top:1px solid var(--line);font-size:16px;vertical-align:top}thead th{background:var(--pale)}tbody th{font-weight:400;color:var(--muted)}.fine{font-size:14px;color:var(--muted);line-height:1.65;margin-top:13px}.prose{max-width:900px}.prose section{margin:42px 0}.prose h2{margin-bottom:20px}.prose p,.prose li{font-size:18px}.prose code{display:block;background:#e9efe4;padding:20px;border-radius:7px;overflow-x:auto;font-size:15px;margin:20px 0}.takeaway{border-left:4px solid var(--green);background:var(--pale);padding:22px;border-radius:0 6px 6px 0;font-size:18px;margin:30px 0}.utility-box{padding:32px;background:var(--pale);border:1px solid var(--line);border-radius:12px}.utility-box h2{margin:10px 0 25px}.utility-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:22px}.utility-fields input,.utility-fields select{margin-top:8px}.utility-result{display:block;border-top:1px solid #cbd7c3;margin-top:24px;padding-top:22px;font-size:20px;font-weight:600}.check-line{display:flex;gap:12px;font-weight:400;font-size:16px;align-items:start}.check-line input[type=checkbox]{width:22px;height:22px;min-height:22px;flex:0 0 22px;margin:3px 0 0;accent-color:var(--green)}form[data-utility=checklist] .utility-fields{grid-template-columns:1fr 1fr}.print-checklist{margin-left:10px}footer{max-width:1284px;margin:65px auto 0;padding:35px 0 45px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px}footer p{font-size:14px;color:var(--muted);margin-top:18px}footer nav{flex-direction:column;gap:12px;font-size:15px}.skip-link{position:absolute;top:-100px;left:16px;background:white;padding:12px;z-index:50}.skip-link:focus{top:12px}[hidden]{display:none!important}
@media(max-width:1150px){.stage{display:none}.header-inner{gap:20px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-aside{flex-basis:220px}.spec-layout{grid-template-columns:1fr 1fr}.shop-row{align-items:start;flex-direction:column}footer{margin-left:28px;margin-right:28px}.match-layout{grid-template-columns:330px minmax(0,1fr)}.assessment-card{padding:22px}.assessment-metrics{grid-template-columns:1fr}.check-heading{flex-wrap:wrap;gap:8px}}
@media(max-width:900px){.header-inner{align-items:start;flex-direction:column;gap:16px}.header-inner nav{gap:24px;flex-wrap:wrap}.hero{gap:25px}.hero-aside{display:none}.hero p{font-size:18px}.feature-grid{grid-template-columns:1fr}.feature-grid article{padding:20px 0}.feature-grid b{margin-bottom:10px}.match-layout{grid-template-columns:1fr}#match-form{display:block}.assessment-metrics{grid-template-columns:1fr 1fr}.spec-layout{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column;gap:12px}.section-heading p{max-width:none}.utility-fields{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.comparison-visual{gap:20px}footer{grid-template-columns:1fr 1fr}footer>p{grid-column:1/-1}.check-heading{flex-wrap:nowrap}}
@media(max-width:600px){body{font-size:17px}main{padding:0 18px}.header-inner{padding:22px 18px}.brand{font-size:25px}.header-inner nav{gap:10px 20px}header nav a{font-size:15px}h1{font-size:37px}h2{font-size:27px}h3{font-size:23px}.hero{margin:33px 0 28px}.hero .eyebrow{font-size:12px}.hero p{font-size:18px;margin-top:20px}.intro-actions{flex-direction:column;align-items:stretch;margin-bottom:40px}.breadcrumb{gap:8px;font-size:13px}.card-grid{grid-template-columns:1fr}.catalog-card{padding:24px}.card-model .tank{width:120px;height:135px}.section-heading{margin-bottom:20px}main>section{margin:40px 0}.assessment-card{padding:19px}.assessment-metrics{gap:12px}.assessment-metrics>div{padding:14px}.assessment-metrics strong{font-size:30px;overflow-wrap:anywhere}.assessment-metrics strong small{font-size:14px}.assessment-heading h3{font-size:23px}.assessment-check{padding:15px}.check-heading{flex-wrap:wrap}.assessment-check p{font-size:16px}.check-status{font-size:12px}#match-form{padding:23px}.input-row{grid-template-columns:1fr 1fr}.note-panel{padding:23px}.spec-table>div{grid-template-columns:1fr;gap:6px;padding:15px 0}.spec-table dt{font-size:15px}.spec-table dd{font-size:17px}.shop-row{padding:24px}.shop-row>a{width:100%;white-space:normal}.comparison-visual .tank{width:115px;height:145px}.comparison-visual strong{font-size:17px}.comparison-visual{gap:10px}.utility-box{padding:23px}.utility-fields,form[data-utility=checklist] .utility-fields{grid-template-columns:1fr}.utility-result{font-size:18px}.prose p,.prose li{font-size:18px}.prose section{margin:32px 0}footer{margin:45px 18px 0;grid-template-columns:1fr;gap:25px}footer>p{grid-column:auto}.print-checklist{margin:10px 0 0}}
@media(max-width:360px){main{padding:0 14px}.header-inner{padding:20px 14px}.assessment-metrics{grid-template-columns:1fr}.input-row{grid-template-columns:1fr}h1{font-size:34px}#match-form{padding:19px}.form-actions{flex-wrap:wrap}.form-actions button{min-width:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body>header,footer,.intro-actions,.form-actions,.shop-row,.directory-search,#match-form,.button,button{display:none!important}body{background:white;color:black;font-size:11pt}main{max-width:none;padding:0}.hero{margin:20px 0}.hero h1{font-size:24pt}.hero p{font-size:12pt}.match-layout,.spec-layout{display:block}.assessment-card{break-inside:avoid;background:white}.assessment-check{break-inside:avoid}.assessment-metrics{grid-template-columns:1fr 1fr}.check-line input{display:inline-block}.utility-fields{grid-template-columns:1fr 1fr}a{color:black}.prose p,.prose li{font-size:11pt}.sources{break-inside:avoid}}

/* ToolSpecLab: a practical workshop desk, with a worked example up front. */
.brand-symbol { display:block; width:39px; height:39px; flex:none; color:var(--green) }
.brand-symbol svg { width:100%; height:100% }
.brand { white-space:nowrap; font-size:26px; letter-spacing:-1px }
.brand small { letter-spacing:1.35px; font-size:8px }
.header-inner { gap:24px; padding-block:22px }
header nav { gap:22px }
.stage { white-space:nowrap; font-size:9px; letter-spacing:1px }
.home-hero { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr); gap:56px; align-items:center; padding:64px 0 46px; margin:0; border:none }
.home-copy h1 { font-size:clamp(38px,4.1vw,61px); line-height:1.08; letter-spacing:-.045em; margin:20px 0 24px }
.home-copy>p { max-width:640px; color:var(--muted); font-size:18px; line-height:1.7 }
.home-copy .intro-actions { margin:28px 0 18px; flex-wrap:wrap; gap:12px }
.home-copy .hero-footnote { font-size:13px }
.button { border-radius:8px; min-height:46px }
.button.primary { background:#28533c; color:#fffefa; border-color:#28533c }
.button.primary:hover { background:#1b3b2a; color:#fff }
.example-board { border:1px solid #32513b; border-radius:18px; padding:25px 27px 22px; color:#f9fbf4; background:#213c2c; background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px); background-size:22px 22px; box-shadow:0 14px 32px #203b2a12 }
.board-top { display:flex; align-items:center; gap:8px; font-size:9px; letter-spacing:1px; color:#c7d3be; padding-bottom:23px; border-bottom:1px solid #ffffff22 }
.board-top>span:last-child { margin-left:auto; font-size:8px; white-space:nowrap }
.board-dot { width:6px; height:6px; border-radius:50%; background:#bfd89c; flex:none }
.board-models { display:grid; grid-template-columns:1fr auto 1fr; gap:16px; padding:23px 0 }
.board-models>div { display:grid; gap:4px }
.board-models small { color:#b7c6ae; font-size:9px; letter-spacing:1.4px }
.board-models strong { font-size:23px; font-weight:600; letter-spacing:-.7px }
.board-models span:not(.board-plus) { font-size:11px; color:#d0daca }
.board-plus { align-self:center; color:#b7c6ae; font-size:22px }
.example-schedule { display:flex; justify-content:space-between; gap:10px; font-size:12px; border:1px solid #ffffff24; background:#ffffff06; padding:12px 14px; border-radius:6px; margin-bottom:20px }
.example-schedule strong { color:#f1e4bc; font-weight:500 }
.flow-row { display:flex; justify-content:space-between; align-items:center; font-size:12px; gap:12px }
.flow-row strong { font-size:25px; font-weight:500 }
.flow-row small { font-size:10px; font-weight:400; color:#c6d3bc }
.flow-track { height:7px; margin:7px 0 10px; border-radius:3px; background:#ffffff22; overflow:hidden }
.flow-track span { height:100%; display:block; background:#c4d49b; border-radius:3px }
.flow-row.supply { color:#ccd7c5; font-size:11px }
.flow-row.supply strong { font-size:16px }
.board-note { display:flex; align-items:flex-start; gap:10px; margin:20px 0 18px; padding:13px 0 0; border-top:1px solid #ffffff22 }
.board-note>span { border:1px solid #d9c794; width:18px; height:18px; border-radius:50%; font-size:11px; text-align:center; line-height:16px; flex:none; color:#eddcad; margin-top:2px }
.board-note p { font-size:11px; line-height:1.7; color:#d3ddcc }
.board-note strong { color:#f1e4bc }
.example-board>a { display:flex; justify-content:space-between; color:#f5f7ed; font-size:12px; text-decoration:none }
.example-board>a:hover { text-decoration:underline }
.catalog-strip { display:flex; flex-wrap:wrap; gap:20px 32px; justify-content:space-between; align-items:center; border-block:1px solid var(--line); padding:19px 0; font-size:13px; color:var(--muted) }
.catalog-strip strong { font-size:18px; color:var(--ink); margin-right:4px }
.catalog-strip a { font-size:12px }
.start-section { margin-top:52px }
.section-heading p { font-size:14px; max-width:280px }
.task-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:19px }
.task-card { display:flex; flex-direction:column; padding:24px 27px 22px; border:1px solid #d5dece; border-radius:13px; background:#e8eee2; text-decoration:none; color:#213c2c; transition:transform .16s ease,box-shadow .16s ease }
.task-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px #203b2a0d; color:#213c2c }
.task-primary { background:#fffefa }
.task-sand { background:#f0eadc; border-color:#e2dac8 }
.task-top { display:flex; justify-content:space-between; align-items:center; color:#677a5f; font-size:12px; margin-bottom:18px }
.task-top b { font-weight:500; letter-spacing:1px }
.task-top>span { font-size:20px }
.task-card>svg { width:57px; height:45px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; margin-bottom:20px }
.task-card h3 { font-size:27px; line-height:1.16; margin-bottom:16px }
.task-card>p { color:#55674e; font-size:14px; line-height:1.65; margin-bottom:25px }
.task-cta { display:flex; justify-content:space-between; gap:12px; border-top:1px solid #c8d3bf; padding-top:15px; margin-top:auto; font-size:13px; font-weight:700 }
.catalog-card { border-radius:12px; background:#fffefa; padding:25px }
.catalog-card h3 a { color:var(--ink); text-decoration:none }
.catalog-card h3 a:hover { text-decoration:underline }
.catalog-card>p { font-size:14px }
.method-band { display:grid; grid-template-columns:1.2fr 1fr 1fr 1fr; gap:30px; background:#eaf0e4; padding:32px; border-radius:12px; border:none }
.method-band h2 { font-size:28px; margin-top:12px }
.method-band h3 { font-size:17px; letter-spacing:-.02em; margin-bottom:10px }
.method-band p { font-size:13px; color:var(--muted) }
.method-band>div:not(:first-child) { padding-top:10px }
.home-faq { display:grid; grid-template-columns:1fr 1.5fr; gap:60px }
.home-faq h2 { margin:12px 0 22px }
.home-faq>div>a { font-size:14px }
.home-faq details { border-bottom:1px solid var(--line); padding:18px 0 }
.home-faq details:first-child { padding-top:0 }
.home-faq summary { font-size:17px; font-weight:600; cursor:pointer }
.home-faq details p { color:var(--muted); font-size:15px; margin-top:14px }
.shop-row .affiliate-disclosure { font-size:12px; margin-top:8px }
.shop-row { align-items:center }
.shop-row>.button { flex-shrink:0 }
.breadcrumb { overflow-wrap:anywhere }
.sources a { overflow-wrap:anywhere }
@media(min-width:1450px) { .home-hero { gap:85px } }
@media(max-width:1150px) {
  .stage { display:none }
  .home-hero { gap:30px; grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr) }
  .home-copy h1 { font-size:43px }
  .home-copy>p { font-size:16px }
  .example-board { padding:21px }
  .task-card { padding:22px }
  .task-card h3 { font-size:24px }
  .method-band { grid-template-columns:1fr 1fr }
}
@media(max-width:760px) {
  .header-inner { padding:18px 20px 14px; flex-wrap:wrap; gap:16px }
  header nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px 12px; width:100%; overflow:visible; white-space:nowrap }
  header nav a { font-size:13px; padding:4px 0 }
  .brand { font-size:25px }
  .brand-symbol { width:35px; height:35px }
  .home-hero { grid-template-columns:1fr; gap:29px; padding:37px 0 28px }
  .home-copy h1 { font-size:clamp(34px,7.8vw,50px) }
  .home-copy>p { font-size:16px }
  .home-copy .intro-actions { gap:9px; margin-top:24px }
  .intro-actions .button { font-size:13px; padding:12px 14px }
  .hero-footnote { font-size:12px!important }
  .example-board { max-width:540px; width:100%; padding:23px }
  .board-models strong { font-size:24px }
  .catalog-strip { gap:12px; font-size:11px; justify-content:flex-start }
  .catalog-strip>span { flex:1 1 28% }
  .catalog-strip a { flex-basis:100%; margin-top:4px }
  .task-grid { grid-template-columns:1fr }
  .task-card { display:grid; grid-template-columns:1fr 58px; column-gap:20px; padding:24px }
  .task-top { grid-column:1/-1; margin-bottom:6px }
  .task-card h3 { grid-column:1; grid-row:2; font-size:27px }
  .task-card>svg { grid-column:2; grid-row:2; align-self:center; width:52px; margin:0 }
  .task-card>p,.task-cta { grid-column:1/-1 }
  .task-card>p { margin-bottom:17px }
  .section-heading { align-items:flex-start }
  .section-heading h2 { font-size:27px }
  .section-heading p { max-width:none }
  .method-band { padding:25px; grid-template-columns:1fr; gap:23px }
  .method-band>div:not(:first-child) { padding:0 }
  .home-faq { grid-template-columns:1fr; gap:28px }
  .shop-row { flex-direction:column; align-items:flex-start }
  .shop-row>.button { white-space:normal }
}
@media(prefers-reduced-motion:reduce) { .task-card { transition:none } .task-card:hover { transform:none } }