*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:3px}button,input,select,textarea{font:inherit}button,.button{border:2px solid var(--ink);background:var(--ink);color:var(--paper);padding:12px 20px;cursor:pointer;text-decoration:none;display:inline-block;font-weight:750}button:hover,.button:hover{filter:brightness(1.2)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}input,select,textarea{width:100%;border:1px solid #777;background:#fff;color:#151515;padding:12px;border-radius:0}label{display:block;font-weight:650;margin:18px 0 6px}h1,h2,h3,p{margin:0 0 1em}h1{font-size:clamp(2.7rem,6vw,6.7rem);line-height:1.02;letter-spacing:-.055em;font-weight:850;max-width:16ch}h2{font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.12;letter-spacing:-.035em}h3{font-size:1.15rem;line-height:1.3}p{max-width:72ch}small,.small{font-size:.83rem}header{padding:24px 5vw;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid currentColor}nav{display:flex;flex-wrap:wrap;gap:12px 24px;font-weight:650;font-size:.9rem}.brand{font-size:1.45rem;font-weight:900;line-height:1.1;letter-spacing:-.06em;text-decoration:none}.brand span{display:block;font:500 .7rem/1.4 ui-monospace,monospace;letter-spacing:.06em;margin-top:5px}main{max-width:1480px;margin:auto;padding:0 5vw 70px}.hero{padding:80px 0 60px;display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center}.eyebrow{font:700 .75rem/1.3 ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;margin-bottom:24px}.lead{font-size:1.25rem;max-width:50ch}.accent{color:var(--accent)}.hero-art{aspect-ratio:1;max-height:430px;background:var(--accent);color:var(--onaccent);padding:32px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero-art strong{font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.07em}.hero-art ol{text-align:left;padding:0;list-style:none;margin:0}.hero-art li{border-top:1px solid currentColor;padding:10px 0;font-weight:750}.section{padding:52px 0;border-top:1px solid currentColor}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-head h2{margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.card{border:1px solid color-mix(in srgb,var(--ink),transparent 65%);background:var(--card);padding:24px;min-width:0}.card img{width:100%;height:240px;object-fit:contain;background:#fff;display:block;margin-bottom:20px}.card h3 a{text-decoration:none}.card h3 a:hover{text-decoration:underline}.price{font-size:1.4rem;font-weight:800;line-height:1.3}.tag{display:inline-block;border:1px solid currentColor;padding:3px 8px;font:.7rem ui-monospace,monospace;margin-bottom:16px}.steps{counter-reset:steps}.step{padding:28px 0;border-top:1px solid currentColor;display:grid;grid-template-columns:65px 1fr;gap:18px}.step:before{counter-increment:steps;content:'0' counter(steps);font:700 2rem ui-monospace,monospace;color:var(--accent)}.step p{margin-bottom:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px}.reading{max-width:850px;padding-top:60px}.reading h1{font-size:clamp(2.5rem,5vw,4.5rem)}.notice{border-left:5px solid var(--accent);padding:20px 24px;background:var(--card);margin:25px 0}.stats{display:flex;flex-wrap:wrap;gap:25px;font-size:.9rem;margin:24px 0}.stats strong{display:block;font-size:2.2rem;line-height:1.2}.action-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:25px 0}.empty{padding:35px;border:2px dashed currentColor}.crumbs{font-size:.8rem;padding:25px 0}.product{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:20px 0 50px}.product img{width:100%;max-height:580px;object-fit:contain;background:white}.product h1{font-size:clamp(2rem,3.5vw,3.8rem);letter-spacing:-.035em;max-width:none}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;margin:25px 0}td,th{border-bottom:1px solid #8888;padding:14px;text-align:left;vertical-align:top}th{font-weight:700}caption{text-align:left;font-weight:750;margin-bottom:12px}footer{padding:40px 5vw;background:var(--ink);color:var(--paper)}footer a{margin-right:22px}footer p{font-size:.85rem;margin-top:22px}.skip{position:absolute;left:10px;top:-100px;z-index:2000;background:#fff;color:#111;padding:15px}.skip:focus{top:10px}.pagination{display:flex;gap:20px;flex-wrap:wrap;margin-top:35px}.result{padding:24px;border:2px solid var(--accent);margin-top:24px;min-height:90px}.worksheet{background:var(--card);padding:28px;border:1px solid currentColor}.comparison-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.muted{opacity:.85}.saved-item{padding:16px 0;border-bottom:1px solid #8888}.saved-item button{padding:6px 10px;margin-left:15px;font-size:.8rem}.search-form{display:flex;gap:10px;margin:25px 0}.search-form input{min-width:0}details{padding:18px 0;border-top:1px solid currentColor}summary{cursor:pointer;font-weight:750}.history-dot{display:inline-block;background:var(--accent);width:12px;height:12px;border-radius:50%;margin-right:12px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
/* Ten structural directions, with independent site palettes and task-specific copy. */
.layout-0 header{border-top:10px solid var(--accent)}.layout-0 .hero-art{clip-path:polygon(0 0,100% 0,100% 88%,88% 100%,0 100%)}.layout-0 .grid{grid-template-columns:repeat(4,minmax(0,1fr))}.layout-0 h1{font-family:ui-sans-serif,system-ui}.layout-1 header{background:var(--accent);color:var(--onaccent);border:0}.layout-1 .hero{grid-template-columns:1fr;padding-top:60px}.layout-1 .hero-art{aspect-ratio:auto;max-height:none;flex-direction:row;align-items:center;gap:35px}.layout-1 .hero-art ol{flex:1}.layout-1 h1{text-transform:uppercase;max-width:19ch}.layout-1 .card{border:2px solid currentColor;box-shadow:7px 7px 0 var(--accent)}.layout-2 header{display:block;width:240px;height:100vh;position:fixed;left:0;top:0;border-right:1px solid currentColor;padding:35px 25px}.layout-2 nav{display:grid;margin-top:60px}.layout-2 main,.layout-2 footer{margin-left:240px}.layout-2 .hero{grid-template-columns:1fr;padding-top:55px}.layout-2 .hero-art{aspect-ratio:auto;max-height:none;display:grid;grid-template-columns:1fr 1.5fr;gap:35px}.layout-2 .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-2 h1{font-family:Georgia,serif;font-weight:500}.layout-3 header{border-bottom:5px solid var(--ink);text-transform:uppercase}.layout-3 h1{font-family:Impact,'Arial Black',sans-serif;font-weight:900;letter-spacing:-.025em;text-transform:uppercase}.layout-3 .hero-art{transform:rotate(-3deg);box-shadow:12px 12px 0 var(--ink)}.layout-3 .card{border:2px solid var(--ink)}.layout-3 .hero{gap:65px}.layout-4 header{display:block;text-align:center;border-top:8px solid var(--accent)}.layout-4 nav{justify-content:center;border-top:1px solid currentColor;margin-top:25px;padding-top:18px}.layout-4 .hero{grid-template-columns:1.2fr 1fr}.layout-4 h1,.layout-4 h2{font-family:Georgia,serif;font-weight:500;letter-spacing:-.055em}.layout-4 .hero-art{border-radius:50% 50% 0 0;padding-top:100px;text-align:center}.layout-4 .hero-art strong{font-family:Georgia,serif;font-weight:500}.layout-4 .card{border:0;border-top:1px solid currentColor}.layout-5 header{border-bottom:1px solid var(--accent)}.layout-5 nav{font-family:ui-monospace,monospace}.layout-5 .hero{grid-template-columns:1fr 1.2fr}.layout-5 .hero-art{background:repeating-linear-gradient(0deg,transparent,transparent 29px,#fff2 30px),repeating-linear-gradient(90deg,transparent,transparent 29px,#fff2 30px),var(--accent);border:1px solid var(--accent)}.layout-5 .card{border-color:var(--accent)}.layout-5 .tag{color:var(--accent)}.layout-5 h1{font-weight:550}.layout-6 header{padding-bottom:35px;border-bottom:0;align-items:start}.layout-6 nav{display:grid;grid-template-columns:1fr 1fr}.layout-6 .hero{grid-template-columns:1.4fr 1fr;border-bottom:14px solid var(--accent)}.layout-6 .hero-art{aspect-ratio:.85;padding:25px;background:transparent;color:var(--accent);border:20px solid var(--accent)}.layout-6 .hero-art strong{font-weight:400}.layout-6 .grid{gap:38px}.layout-6 .card:nth-child(3n+2){margin-top:40px}.layout-6 .card{border:0;padding:0}.layout-7 header{border:0;background:var(--accent);color:var(--onaccent);border-radius:0 0 30px 30px}.layout-7 .hero{grid-template-columns:1fr 1fr}.layout-7 .hero-art{border-radius:35px 90px 35px 35px}.layout-7 .card,.layout-7 .worksheet{border-radius:24px;border:0}.layout-7 h1{letter-spacing:-.06em}.layout-7 button,.layout-7 .button{border-radius:100px}.layout-8 header{flex-direction:row-reverse;border-bottom:2px solid var(--accent)}.layout-8 .hero{grid-template-columns:1fr 1.35fr}.layout-8 .hero>div:first-child{order:2}.layout-8 .hero-art{border-radius:0 45% 0 0}.layout-8 h1{font-family:Georgia,serif;font-style:italic;font-weight:500}.layout-8 .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-8 .card{display:grid;grid-template-columns:1fr 1fr;gap:22px}.layout-8 .card img{height:200px;grid-row:span 4}.layout-9 header{align-items:start}.layout-9 nav{border-left:5px solid var(--accent);padding-left:20px}.layout-9 .hero{grid-template-columns:1fr 1fr}.layout-9 .hero-art{border-radius:100%;padding:65px}.layout-9 .hero-art strong{font-family:Georgia,serif;font-weight:400}.layout-9 .grid{grid-template-columns:1fr}.layout-9 .card{display:grid;grid-template-columns:180px 2fr 1fr;gap:20px;align-items:center}.layout-9 .card img{height:150px;grid-row:span 3;margin:0}.layout-9 .card h3{grid-column:2}.layout-9 .card .tag{justify-self:start}
@media(max-width:1000px){.grid,.layout-0 .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero,.layout-4 .hero,.layout-5 .hero,.layout-6 .hero,.layout-7 .hero,.layout-8 .hero,.layout-9 .hero{gap:28px}.layout-2 header{position:static;width:auto;height:auto;display:flex;align-items:center}.layout-2 nav{display:flex;margin:0}.layout-2 main,.layout-2 footer{margin-left:0}.layout-8 .card{display:block}.layout-9 .hero-art{padding:40px}h1{font-size:4.5rem}}
@media(max-width:650px){header,.layout-2 header,.layout-8 header{display:block;padding:20px 6vw}.brand{font-size:1.4rem}nav,.layout-2 nav{margin-top:20px;gap:10px 17px;font-size:.82rem}main{padding:0 6vw 50px}.hero,.layout-4 .hero,.layout-5 .hero,.layout-6 .hero,.layout-7 .hero,.layout-8 .hero,.layout-9 .hero{display:flex;flex-direction:column;align-items:stretch;padding:40px 0;gap:30px}.hero-art{max-height:300px;aspect-ratio:1.3}.hero-art strong{font-size:2.5rem}.layout-8 .hero>div:first-child{order:0}.layout-1 .hero-art,.layout-2 .hero-art{display:block}.layout-1 .hero-art strong,.layout-2 .hero-art strong{font-size:2rem;display:block;margin-bottom:25px}.layout-3 .hero-art{transform:none;box-shadow:6px 6px 0 var(--ink)}.layout-4 .hero-art{padding-top:35px;border-radius:25px}.layout-6 .hero-art{aspect-ratio:1.3}.layout-9 .hero-art{border-radius:30px;padding:30px}.grid,.layout-0 .grid,.layout-2 .grid,.layout-8 .grid{grid-template-columns:1fr 1fr;gap:15px}.card{padding:15px}.card img{height:160px}.card h3{font-size:.98rem}.card .price{font-size:1.15rem}.layout-6 .card:nth-child(3n+2){margin-top:0}.layout-9 .card{display:block}.layout-9 .card img{width:100%;height:220px;margin-bottom:20px}.section{padding:35px 0}.section-head{display:block}.section-head a{display:inline-block;margin-top:10px}h1{font-size:3.3rem;max-width:16ch}.split,.product,.comparison-fields{grid-template-columns:1fr;gap:25px}.product h1{font-size:2.3rem}.worksheet{padding:20px}.reading{padding-top:35px}.search-form{flex-direction:column}footer{padding:30px 6vw}.hero-art li{font-size:.9rem}.step{grid-template-columns:40px 1fr;gap:12px}.action-row{gap:10px}.button,button{padding:10px 14px}}
@media(max-width:650px){.hero-art,.layout-6 .hero-art{aspect-ratio:auto;max-height:none;min-height:320px}.hero-art strong{margin-bottom:24px}.layout-4 .hero-art{padding-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{header,footer,.analytics-choice,.action-row{display:none}.worksheet{border:0}main{margin:0!important;padding:0}}

.analytics-choice{position:fixed;z-index:1000;bottom:16px;left:16px;right:16px;max-width:600px;padding:20px;background:#fff;color:#111;border:2px solid currentColor;box-shadow:0 8px 32px #0004;font:16px/1.5 system-ui}.analytics-choice[hidden]{display:none}.analytics-choice h2{font:700 20px/1.2 system-ui;margin:0 0 8px}.analytics-choice p{margin:0 0 12px}.analytics-choice-actions{display:flex;flex-wrap:wrap;gap:10px}.analytics-choice button,.analytics-settings{font:inherit;cursor:pointer;padding:10px 16px;border:2px solid currentColor;background:transparent;color:inherit}.analytics-choice button:focus-visible,.analytics-settings:focus-visible{outline:3px solid #1769ff;outline-offset:3px}.analytics-choice a{color:#111;text-decoration:underline}.analytics-settings{margin:12px 0}