/* ShopFloor AI — Direction A "Work-Order Spec Sheet".
   Amber is the action colour only: buttons, links, focus on dark grounds. Never logo, premium, or rank. */
:root{
--ink:#182230;--ink-2:#33404f;--muted:#56626f;
--paper:#fff;--ground:#f4f5f3;--tint:#f8f9f8;--line:#dde1e0;--line-2:#c4cbcc;
--navy:#10243e;--navy-2:#18324f;--steel:#33506e;--steel-tint:#e8eef4;
--on-navy:#e9eef4;--on-navy-2:#c3cfdc;--on-navy-line:#2c4462;
--amber:#f5a800;--amber-hover:#ffbb2e;--amber-ink:#6b4700;
--link:#124f94;--link-line:#d99500;
--focus:#1a5fb4;--focus-dark:#f5a800;
--easy:#17603a;--easy-bg:#e3f2e8;--medium:#6b4500;--medium-bg:#f6ecd6;--hard:#9b2219;--hard-bg:#fae4e1;
--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
--fs-xs:12px;--fs-sm:14px;--fs-base:16px;--fs-md:18px;--fs-lg:22px;--fs-xl:28px;--fs-2xl:34px;--fs-hero:40px;
--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;
--r-1:3px;--r-2:6px;
--measure:760px;--wide:1200px;--gutter:20px;--tap:44px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:var(--fs-base)/1.65 var(--sans);color:var(--ink);background:var(--ground);overflow-wrap:break-word}
::selection{background:#cfe0f5;color:var(--ink)}
h1,h2,h3{line-height:1.2;color:var(--ink);text-wrap:balance}
h1{font-size:var(--fs-2xl);line-height:1.15;letter-spacing:-.01em;margin:0 0 var(--s-4)}
h2{font-size:var(--fs-lg);line-height:1.25;margin:var(--s-7) 0 var(--s-3);padding-top:var(--s-4);border-top:1px solid var(--line)}
h3{font-size:17px;margin:var(--s-5) 0 var(--s-2)}
p,li{text-wrap:pretty}
p{margin:0 0 var(--s-4)}
ul,ol{padding-left:1.25em;margin:0 0 var(--s-4)}
li{margin:var(--s-1) 0}
a{color:var(--link);text-decoration:underline;text-decoration-color:var(--link-line);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--navy);text-decoration-color:var(--amber);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:2px}
.wrap{max-width:var(--wide);margin:0 auto;padding:0 var(--gutter)}
.data,time{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.92em}
.small{font-size:var(--fs-sm);color:var(--muted)}
.muted{color:var(--muted)}
.skip{position:absolute;left:var(--s-2);top:-60px;z-index:10;background:var(--amber);color:#111;padding:var(--s-2) var(--s-4);font-weight:700;border-radius:var(--r-1)}
.skip:focus{top:var(--s-2)}

/* Buttons: the only amber surfaces */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--tap);padding:10px 20px;background:var(--amber);color:#111;border:0;border-radius:var(--r-1);font:700 var(--fs-base)/1.2 var(--sans);text-decoration:none;cursor:pointer;box-shadow:inset 0 -2px 0 rgba(0,0,0,.18)}
.btn:hover{background:var(--amber-hover);color:#111;text-decoration:none}
.btn-sm{min-height:40px;padding:8px 16px;font-size:15px}
.btn-lg{min-height:52px;padding:14px 24px;font-size:var(--fs-md)}
.btn .ext{font-family:var(--mono);font-size:var(--fs-xs);font-weight:600;padding:2px 6px;border:1px solid rgba(0,0,0,.35);border-radius:var(--r-1)}

/* Stamps and chips: neutral labels, never amber */
.stamp{display:inline-block;font:600 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--steel);border:1px solid var(--line-2);border-radius:var(--r-1);padding:2px 7px;background:var(--paper);text-decoration:none}
a.stamp:hover{border-color:var(--steel);color:var(--navy)}
.chip,.tag{display:inline-block;font:600 var(--fs-xs)/1.4 var(--mono);padding:2px 8px;border-radius:var(--r-1);background:var(--steel-tint);color:var(--ink-2);text-decoration:none}
.d-Easy{background:var(--easy-bg);color:var(--easy)}.d-Medium{background:var(--medium-bg);color:var(--medium)}.d-Hard{background:var(--hard-bg);color:var(--hard)}
.tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.premium-tag,.tag.premium-tag{background:var(--paper);color:var(--steel);border:1px solid var(--steel)}

/* Header */
header.site{background:var(--navy);color:#fff;border-bottom:1px solid #07121f}
header.site .bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-5);min-height:64px;padding-top:var(--s-2);padding-bottom:var(--s-2)}
.logo{color:#fff;font-weight:800;font-size:19px;letter-spacing:-.01em;text-decoration:none;display:inline-flex;align-items:center;min-height:var(--tap)}
.logo:hover{color:#fff;text-decoration:none}
.logo span{font:700 12px/1 var(--mono);letter-spacing:.06em;color:var(--on-navy);border:1.5px solid var(--on-navy-2);border-radius:var(--r-1);padding:4px 5px;margin-left:6px}
header.site nav{display:flex;flex-wrap:wrap;gap:0 var(--s-1);margin-left:auto}
header.site nav a{color:var(--on-navy);font-size:15px;text-decoration:none;padding:10px 10px;min-height:var(--tap);display:inline-flex;align-items:center;border-radius:var(--r-1)}
header.site nav a:hover{color:#fff;background:var(--navy-2);text-decoration:underline;text-decoration-color:var(--amber)}
header.site :focus-visible,footer.site :focus-visible,.hero :focus-visible,.nl :focus-visible{outline-color:var(--focus-dark)}

/* Hero (home) */
.hero{background-color:var(--navy);background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:24px 24px;color:#fff;padding:var(--s-8) 0 var(--s-6)}
.hero h1{color:#fff;font-size:var(--fs-hero);max-width:var(--measure);margin:0 0 var(--s-4)}
.hero p{color:var(--on-navy);font-size:var(--fs-md);max-width:680px;margin:0 0 var(--s-5)}
.hero .nl-inline{max-width:520px;border:1px solid var(--on-navy-line);background:rgba(7,18,31,.45);border-radius:var(--r-2);padding:var(--s-4)}
.hero .nl-inline .stamp{background:transparent;color:var(--on-navy-2);border-color:var(--on-navy-line);margin-bottom:var(--s-2)}
.hero .small,.nl .small,.nl-note,.hero .nl-note{color:var(--on-navy-2);font-size:var(--fs-sm);line-height:1.5;margin:var(--s-2) 0 0}
.nl-note a,.hero a:not(.btn),.nl a:not(.btn){color:var(--amber);text-decoration-color:var(--amber)}
.stats{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);margin:var(--s-6) 0 0;padding:var(--s-4) 0 0;border-top:1px solid var(--on-navy-line);list-style:none;font:500 var(--fs-sm)/1.4 var(--mono);color:var(--on-navy-2)}
.stats li{margin:0}.stats b{color:#fff;font-weight:700}

/* Newsletter band (reused on every page type) */
#newsletter{min-height:48px;max-width:480px}
.nl{background:var(--navy);color:var(--on-navy);border-radius:var(--r-2);padding:var(--s-5);margin:var(--s-7) 0 var(--s-6);display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,400px);gap:var(--s-4) var(--s-5);align-items:center;border-top:4px solid var(--steel)}
.nl h2{color:#fff;margin:var(--s-2) 0 0;padding:0;border:0;font-size:var(--fs-lg)}
.nl .stamp{background:transparent;color:var(--on-navy-2);border-color:var(--on-navy-line)}
.nl p{color:var(--on-navy)}
.wrap>.nl{margin-top:var(--s-6)}

/* Directory filters */
.filters{display:grid;grid-template-columns:minmax(0,1fr) 220px 180px;gap:var(--s-3);margin:var(--s-6) 0 var(--s-3);align-items:end}
.filters label{display:block;font:600 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s-1)}
.filters input,.filters select{width:100%;min-height:var(--tap);padding:10px 12px;border:1px solid var(--line-2);border-radius:var(--r-1);font:var(--fs-base) var(--sans);color:var(--ink);background:var(--paper)}
.filters input:focus-visible,.filters select:focus-visible{outline-offset:0}
.count{font:500 var(--fs-sm)/1.4 var(--mono);color:var(--muted);margin:0 0 var(--s-3)}

/* Cards with a pinned spec footer */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:var(--s-4);margin:0 0 var(--s-6)}
.card{position:relative;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--navy);border-radius:var(--r-2);display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s}
.card:hover{border-color:var(--line-2);border-top-color:var(--steel);box-shadow:0 6px 18px rgba(16,36,62,.08)}
/* Pack mark: a solid navy bar. Not a chip. Not amber. */
.pack-mark{display:block;margin:0 0 var(--s-4);padding:10px 14px;background:var(--navy);color:#fff;font:800 14px/1.3 var(--mono);letter-spacing:.08em;border-radius:var(--r-1)}
.card .pack-mark{margin:0}
.offer>.pack-mark{margin:0;border-radius:0}
.pack-price{margin:0;padding:8px 10px;background:var(--navy);color:#fff;font:700 15px/1.4 var(--sans);border-radius:var(--r-1)}
.card:has(.pack-mark){border:2px solid var(--navy);border-top:8px solid var(--navy)}
.card:has(.pack-mark):hover{border-color:var(--navy);border-top-color:var(--navy)}
.card:focus-within{border-top-color:var(--amber)}
.card-body{padding:var(--s-4) 18px;display:flex;flex-direction:column;gap:var(--s-2);flex:1}
.card .tags{gap:var(--s-2)}
.card h3{margin:var(--s-1) 0 0;font-size:var(--fs-md);line-height:1.3}
.card h3 a{color:var(--ink);text-decoration:none}
.card h3 a::after{content:"";position:absolute;inset:0;border-radius:var(--r-2)}
.card h3 a:hover{text-decoration:underline;text-decoration-color:var(--amber)}
.card h3 a:focus-visible{outline:0}
.card:has(h3 a:focus-visible){outline:3px solid var(--focus);outline-offset:2px}
.card p{margin:0;color:var(--ink-2);font-size:15px}
.card .card-tools{color:var(--muted);font-size:var(--fs-sm);margin-top:auto;padding-top:var(--s-1)}
.spec-row{margin:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);background:var(--tint);border-radius:0 0 var(--r-2) var(--r-2)}
.spec-row>div{padding:var(--s-2) 18px;min-width:0}
.spec-row>div+div{border-left:1px solid var(--line)}
.spec-row .cost{grid-column:1/-1;border-bottom:1px solid var(--line)}
.spec-row .cost+div{border-left:0}
.spec-row dt{font:600 10.5px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.spec-row dd{margin:2px 0 0;font:500 13px/1.45 var(--mono);color:var(--ink);font-variant-numeric:tabular-nums}
.spec-row .cost dd{min-height:2.9em}
.cat-card .card-body{gap:var(--s-1)}
.cat-card p{font:500 var(--fs-sm)/1.4 var(--mono);color:var(--muted)}

/* Reading sheets */
main.page{background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--navy);border-radius:var(--r-2);padding:var(--s-6) 40px var(--s-5);margin:var(--s-6) auto var(--s-7);max-width:calc(var(--measure) + 82px)}
main.page.wide{max-width:var(--wide)}
main.page h1{margin-top:var(--s-3);overflow-wrap:anywhere}
main.page a{overflow-wrap:anywhere}
main.page>.tags:first-child,.crumb{margin:0 0 var(--s-2)}
.crumb{font:500 var(--fs-sm)/1.4 var(--mono)}
.crumb a{text-decoration-thickness:1px}
main.dir{padding:var(--s-6) 0 var(--s-2)}
main.dir h1{margin:var(--s-2) 0 var(--s-4)}
.answer{font-size:var(--fs-md);line-height:1.6;color:var(--ink);border-left:3px solid var(--steel);padding-left:var(--s-4)}
.guide h2:first-child{margin-top:var(--s-6)}

/* Shop traveler. Sign-off boxes use the ochre chip colours, not action amber. */
.traveler{border:1.5px solid var(--navy);border-radius:var(--r-2);overflow:hidden;margin:var(--s-5) 0;background:var(--paper);max-width:100%}
.traveler-head{background:var(--navy);color:#fff;padding:14px 20px;display:flex;justify-content:space-between;align-items:baseline;gap:12px 16px;flex-wrap:wrap}
.traveler-head h2{margin:0;padding:0;border:0;color:#fff;font-size:20px;line-height:1.25;flex:1 1 12rem}
.traveler-head .data{color:var(--amber);font-size:13px;margin:0}
.op{display:flex;gap:16px;padding:16px 20px;border-top:1px solid var(--line);max-width:100%}
.op-num{font-family:var(--mono);font-weight:700;font-size:15px;color:var(--navy);background:var(--steel-tint);border:1px solid var(--line-2);border-radius:var(--r-1);padding:6px 10px;height:fit-content;white-space:nowrap}
.op-body{flex:1 1 auto;min-width:0}
.op-body h3{margin:0 0 6px;padding:0;border:0;font-size:16px}
.op-body p{margin:0 0 6px}
.op-body p:last-child{margin-bottom:0}
.gate{margin:0 20px 16px 88px;border:1.5px dashed var(--medium);background:var(--medium-bg);border-radius:var(--r-2);padding:12px 16px;display:flex;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;align-items:center;max-width:100%}
.gate p{margin:0;flex:1 1 220px;min-width:0;color:var(--medium)}
.gate strong{color:var(--medium);font-weight:700}
.sign{display:flex;gap:18px;flex-wrap:wrap;font-family:var(--mono);font-size:12.5px;color:var(--ink-2)}
.sign span{border-bottom:1.5px solid var(--medium);padding:0 28px 2px 4px}
@media (max-width:720px){
.op{flex-wrap:wrap;padding:12px 16px}
.traveler-head,.offer-head{padding:12px 16px}
.offer-body{padding:4px 12px 16px}
.gate{margin:0 12px 12px;flex-direction:column;align-items:stretch}
.sign span{padding-right:12px}
}

/* Spec tables: label column + value column, like a work-order header */
table{border-collapse:collapse;width:100%}
.spec{border:1px solid var(--line-2);border-radius:var(--r-2);margin:var(--s-4) 0 var(--s-5);border-collapse:separate;border-spacing:0;overflow:hidden}
.spec th,.spec td{text-align:left;vertical-align:top;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line)}
.spec tr:last-child>*{border-bottom:0}
.spec th{width:190px;background:var(--tint);border-right:1px solid var(--line);font:600 11.5px/1.5 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);padding-top:14px}
.spec td{overflow-wrap:anywhere}
.spec td ul{margin:var(--s-2) 0 0}
.spec td.data,.spec .data{font-family:var(--mono);font-size:14.5px;font-variant-numeric:tabular-nums}
.keyfacts{border-color:var(--steel);border-left:4px solid var(--steel)}
.keyfacts th{background:var(--steel-tint)}
.not-recorded{color:var(--muted);font-style:italic}

/* Disclosure band (compare, tools) */
.disclosure{border:1px solid var(--line-2);border-left:4px solid var(--steel);background:var(--steel-tint);border-radius:var(--r-2);padding:var(--s-4) var(--s-5);margin:var(--s-4) 0 var(--s-5)}
.disclosure .stamp{margin-bottom:var(--s-2);background:var(--paper)}
.disclosure p{margin:var(--s-2) 0 0}
.disclosure p:first-of-type{margin-top:var(--s-2)}

/* Comparison table */
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--s-3) 0 var(--s-3);border:1px solid var(--line-2);border-radius:var(--r-2)}
.cmp{min-width:640px}
.cmp th,.cmp td{text-align:left;vertical-align:top;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line)}
.cmp thead th{background:var(--navy);color:#fff;font:600 11.5px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;border-bottom:0}
.cmp tbody tr:nth-child(even){background:var(--tint)}
.cmp tbody tr:last-child>*{border-bottom:0}
.cmp tbody th{font-size:var(--fs-md);width:20%}
.cmp .price{width:28%}
.cmp td:last-child{width:32%}
.cmp a{overflow-wrap:normal;word-break:normal}
.cmp td ul{margin:0;padding-left:1.1em}
.cmp td ul li:first-child{margin-top:0}
.cmp .price{font-family:var(--mono);font-size:14.5px;font-variant-numeric:tabular-nums}
.table-note{font-size:var(--fs-sm);color:var(--muted);margin:0 0 var(--s-5)}

/* Other tables */
.tooltable{margin:var(--s-4) 0 var(--s-5);border:1px solid var(--line-2)}
.tooltable th,.tooltable td{text-align:left;vertical-align:top;padding:10px var(--s-3);border-bottom:1px solid var(--line)}
.tooltable thead th{background:var(--navy);color:#fff;font:600 11.5px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase}
.tooltable tbody tr:nth-child(even){background:var(--tint)}
.fit{width:100%;border-collapse:collapse;table-layout:fixed;margin:var(--s-3) 0 var(--s-5);border:1px solid var(--line-2)}
.fit th,.fit td{text-align:left;vertical-align:top;padding:10px var(--s-3);border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.fit thead th{background:var(--tint);font:600 11.5px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2)}

/* Definition lists (premium teaser) */
dl{display:grid;grid-template-columns:180px 1fr;gap:10px 18px;margin:0 0 var(--s-4)}
dt{font:600 11.5px/1.6 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);padding-top:2px}
dd{margin:0;overflow-wrap:anywhere}

/* Callouts */
.resource{border:1px solid var(--line-2);border-left:4px solid var(--navy);background:var(--tint);border-radius:var(--r-2);padding:var(--s-3) var(--s-4)}
.lead-links{display:grid;gap:var(--s-3);margin:0 0 var(--s-5);max-width:var(--measure)}
.lead-links p{margin:0}
.cta{background:var(--paper);border:1px solid var(--line-2);border-left:4px solid var(--navy);border-radius:var(--r-2);padding:var(--s-5);margin:var(--s-6) 0}
.cta h2{margin:0 0 var(--s-2);padding:0;border:0}
.download{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-4);border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--tint);padding:var(--s-4);margin:var(--s-5) 0}
.download p{margin:0;font-size:var(--fs-sm);color:var(--ink-2);flex:1 1 240px}

/* FAQ */
.faq h3{font-size:17px;margin:var(--s-5) 0 var(--s-2);padding-top:var(--s-4);border-top:1px dashed var(--line-2)}
.faq h3:first-of-type{border-top:0;padding-top:0}

/* Pack offer: navy header, spec table, amber only on the buy button and the price figure. */
.offer{border:1.5px solid var(--navy);border-radius:var(--r-2);overflow:hidden;margin:var(--s-6) 0;background:var(--paper);max-width:100%}
.offer-head{background:var(--navy);color:#fff;padding:14px 20px;display:flex;justify-content:space-between;align-items:baseline;gap:12px 16px;flex-wrap:wrap}
.offer-head h2{margin:0;padding:0;border:0;color:#fff;font-size:20px;line-height:1.25;flex:1 1 12rem}
.offer-head .data{color:var(--amber);margin:0;font-size:15px}
.offer-body{padding:4px 20px 20px;max-width:100%}
.offer-body .spec{margin-bottom:var(--s-4)}
.offer-body .btn{max-width:100%}
/* Premium teaser: steel, not amber */
.premium{border:1px solid var(--line-2);border-top:4px solid var(--steel);background:var(--tint);border-radius:var(--r-2);padding:var(--s-5);margin:var(--s-6) 0}
.premium h2{margin-top:0;padding-top:0;border-top:0}.premium .tags{margin-bottom:14px}
.locked{border-top:2px dashed var(--line-2);margin-top:18px}.locked h3{margin-bottom:6px}
.inc,.toc{list-style:none;padding-left:0}.inc li:before{content:"✓ ";color:var(--easy);font-weight:700}.toc li{margin-bottom:6px}

/* Checklists */
.checks{list-style:none;padding-left:0;margin:var(--s-2) 0 var(--s-5)}
.checks li{position:relative;margin:0;padding:var(--s-2) 0 var(--s-2) 2em;border-bottom:1px solid var(--line)}
.checks li:before{content:"";position:absolute;left:2px;top:.72em;width:14px;height:14px;border:1.5px solid var(--ink-2);border-radius:2px;background:var(--paper)}

/* Footer */
footer.site{background:var(--navy);color:var(--on-navy-2);font-size:15px;padding:var(--s-7) 0 var(--s-5);border-top:4px solid var(--steel)}
footer.site a{color:var(--on-navy);text-decoration-color:var(--on-navy-line)}
footer.site a:hover{color:#fff;text-decoration-color:var(--amber)}
.foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1.6fr 1fr;gap:var(--s-5)}
.foot-h{font:600 11.5px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-navy-2);margin:0 0 var(--s-3)}
footer.site ul{list-style:none;padding:0;margin:0}
footer.site li{margin:0}
footer.site nav li a{display:inline-flex;align-items:center;min-height:40px}
.foot-cats ul{columns:2;column-gap:var(--s-4)}
.foot-brand .logo{margin-bottom:var(--s-2)}
.foot-brand .btn{margin-top:var(--s-2)}
.colophon{margin-top:var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--on-navy-line);display:grid;grid-template-columns:200px 1fr;gap:var(--s-2) var(--s-5)}
.colophon ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:var(--s-2) var(--s-5)}
.colophon li{color:var(--on-navy)}
.colophon .data{color:#fff}
.legal{margin:var(--s-5) 0 0;padding-top:var(--s-4);border-top:1px solid var(--on-navy-line);font-size:var(--fs-sm);color:var(--on-navy-2)}

/* Example tables (rfq guide) keep their mobile stacking below */

@media (max-width:1080px){
.foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
:root{--gutter:16px}
h1{font-size:30px}
.hero{padding:var(--s-7) 0 var(--s-5)}
.hero h1{font-size:34px}
main.page{padding:var(--s-5) var(--s-5) var(--s-4);margin:var(--s-5) auto var(--s-6)}
.nl{grid-template-columns:1fr}
.filters{grid-template-columns:1fr 1fr}
.filters .f-q{grid-column:1/-1}
.colophon{grid-template-columns:1fr}
}
@media (max-width:720px){
header.site .bar{gap:0 var(--s-3)}
header.site nav{order:3;width:calc(100% + 14px);margin:0 -7px;gap:0;justify-content:space-between}
header.site nav a{padding:10px 7px}
header.site .hdr-cta{margin-left:auto}
.cmp{min-width:0}
.table-scroll{border:0;overflow:visible}
.cmp,.cmp tbody,.cmp tr,.cmp th,.cmp td{display:block;width:100%}
.cmp thead{display:none}
.cmp tbody tr{border:1px solid var(--line-2);border-radius:var(--r-2);margin:0 0 var(--s-3);background:var(--paper)!important;overflow:hidden}
.cmp tbody th{background:var(--navy);width:100%;border-bottom:0}
.cmp tbody th a{color:#fff;text-decoration-color:var(--amber)}
.cmp td{border-bottom:1px solid var(--line);padding:var(--s-2) var(--s-4) var(--s-3)}
.cmp td[data-k]:before{content:attr(data-k);display:block;font:600 11px/1.6 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.tooltable,.tooltable tbody,.tooltable tr,.tooltable td{display:block;width:100%}
.tooltable thead{display:none}
.tooltable tbody tr{border-bottom:1px solid var(--line);padding:var(--s-2) 0}
.tooltable td{border:0;padding:2px var(--s-3)}
.tooltable td[data-k]:before{content:attr(data-k) ": ";font:600 11px/1.6 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
}
@media (max-width:600px){
body{font-size:16px}
h1,main.page h1{font-size:26px}
h2{font-size:20px;margin-top:var(--s-6)}
.hero h1{font-size:29px}
.hero p{font-size:17px}
main.page{padding:var(--s-4) var(--s-4) var(--s-3);margin:var(--s-4) auto var(--s-5);border-left:0;border-right:0;border-radius:0}
main.page:not(.wide){margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter))}
main.page.wide{margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter));border-left:0;border-right:0;border-radius:0}
.nl{padding:var(--s-4);margin-left:0;margin-right:0}
.spec th,.spec td{display:block;width:100%;border-right:0}
.spec th{border-bottom:0;padding:var(--s-2) var(--s-3) 0;background:var(--paper)}
.keyfacts th{background:var(--paper)}
.spec td{padding:2px var(--s-3) var(--s-3)}
.spec tr{display:block;border-bottom:1px solid var(--line)}
.spec tr:last-child{border-bottom:0}
.spec tbody{display:block}
.spec tr>*{border-bottom:0}
dl{grid-template-columns:1fr;gap:2px}dt:not(:first-child){margin-top:10px}
td,th{overflow-wrap:anywhere}
table.examples,table.examples tbody,table.examples tr,table.examples td{display:block;width:100%}table.examples thead{display:none}table.examples tr{margin:0 0 12px}table.examples td{border-bottom:0;padding:2px 0}table.examples td:first-child{font-weight:700;margin-top:8px}table.examples td[data-k]:before{content:attr(data-k) ": ";font-weight:700}
.fit{border:0}
.foot-grid{grid-template-columns:1fr}
.foot-cats ul{columns:2}
.download .btn{width:100%}
.btn-lg{font-size:17px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{
header.site,footer.site,.noprint,.skip,.nl{display:none!important}
body{background:#fff;font-size:11pt;color:#000}
main.page{border:0;margin:0;padding:0;max-width:none}
a{color:#000;text-decoration:none}
h2{break-after:avoid;border-top:1px solid #999}
.checks li{break-inside:avoid;border-color:#bbb}
.checks li:before{border-color:#000}
.spec,.cmp,.fit{break-inside:avoid}
.traveler,.offer{border:1.5px solid #000;overflow:visible;background:#fff}
.traveler-head,.offer-head{background:#fff !important;color:#000 !important;border-bottom:1.5px solid #000}
.traveler-head h2,.traveler-head .data,.offer-head h2,.offer-head .data{color:#000 !important;border:0}
.pack-mark,.pack-price{background:#fff !important;color:#000 !important;border:2px solid #000}
.op,.gate{break-inside:avoid}
.op-num{border-color:#000;background:#fff;color:#000}
.gate{border:1.5px dashed #000;background:#fff}
.gate p,.gate strong{color:#000}
.sign span{border-bottom:1.5px solid #000}
}