:root{color-scheme:light;--ink:#141e28;--muted:#52616c;--paper:#fbf7ec;--line:#c9c7b8;--blue:#1f435d;--green:#1a5343;--red:#9e3d28}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main,.wrap{width:min(1220px,calc(100% - 48px));margin:auto}header{background:var(--ink);color:#fff;position:relative}header .wrap{display:flex;justify-content:space-between;align-items:center;min-height:58px;gap:16px}header a{color:#ffe8b7;font-weight:650;text-decoration:none}header a.brand{color:#fff;font:600 21px Georgia,serif}header nav{display:flex;gap:20px;font-size:14px}a{color:var(--blue);text-underline-offset:.19em}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ed7931;outline-offset:2px}h1,h2,h3{font-family:Georgia,serif;line-height:1.12;font-weight:500}h1{font-size:clamp(42px,6.5vw,86px);letter-spacing:-.056em;margin:.18em 0 .22em}h2{font-size:clamp(30px,4vw,49px);letter-spacing:-.04em;margin:.2em 0 .45em}h3{font-size:23px;margin:.3em 0}p{margin:.45em 0 .8em}.hero{display:grid;grid-template-columns:1.17fr .83fr;align-items:center;gap:6%;padding:56px 0 40px}.lede{font-size:clamp(16px,1.6vw,21px);max-width:53ch;color:var(--muted)}.kicker,.number{font:650 11px/1.5 ui-monospace,SFMono-Regular,monospace;text-transform:uppercase;letter-spacing:.15em}.hero-art{width:100%;height:auto;max-height:300px;display:block}.filters{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:14px;margin:20px 0 10px}label{display:grid;gap:4px;font-size:13px;font-weight:600}input,select,button{font:inherit;color:var(--ink)}input,select{background:#fffefa;border:1px solid #94998d;padding:10px 12px;min-height:44px;border-radius:3px;max-width:100%;width:100%}button,.button{border:1px solid var(--ink);background:var(--ink);color:#fff;padding:10px 15px;border-radius:3px;cursor:pointer;display:inline-block;text-decoration:none;font-weight:620}button[disabled]{opacity:.35;cursor:default}.sections{padding:24px 0;border-top:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:18px 0}.card{--accent:var(--green);padding:21px;background:#fffdf5;border:1px solid var(--line);border-top:4px solid var(--accent);display:flex;flex-direction:column;gap:4px;min-height:195px}.card[data-fam=commerce]{--accent:var(--red)}.card[data-fam=office]{--accent:var(--blue)}.card .kicker{color:var(--accent)}.card h3 a{color:var(--ink);text-decoration:none}.card p{font-size:14px;line-height:1.45;color:#3a4d53}.card .go{font-size:14px;font-weight:650;margin-top:auto}.pagination{display:flex;justify-content:flex-end;gap:10px;align-items:center;flex-wrap:wrap}.buy{background:#e3eddd;padding:clamp(20px,4vw,46px);margin:16px 0 40px;display:grid;grid-template-columns:1.3fr .7fr;gap:6%;align-items:center}.buy .price{font:500 53px/1 Georgia,serif;margin-bottom:10px}.fine{color:var(--muted);font-size:13px}footer{padding:22px 0;background:var(--ink);color:#e4e9df}footer a{color:#f3e1b1}footer p{margin:0}.skip{position:absolute;left:-300px;top:0}.skip:focus{left:8px;z-index:10;background:white;padding:8px}.kitnote{padding:18px;border:1px solid var(--line);background:#fffef7}.guide{max-width:830px;margin:auto;padding:52px 0}.guide h1{font-size:clamp(38px,6vw,68px)}.guide ul{padding-left:22px}.guide section{margin-top:26px}.nojs li{margin:6px 0}
@media(max-width:780px){.hero{grid-template-columns:1fr .64fr;gap:20px}.grid{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}.buy{grid-template-columns:1fr}.card{min-height:165px}}
@media(max-width:540px){main,.wrap{width:calc(100% - 32px)}header nav{gap:10px;font-size:12px}.hero{display:block;padding:28px 0 20px}.hero-art{max-height:128px;margin:14px 0 5px}.grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.filters label:first-child{grid-column:auto}.guide{padding:30px 0}.card{min-height:0}header a.brand{font-size:17px}}
@media print{header,.filters,.pagination,.buy,footer,.skip{display:none}main,.wrap{width:100%}body{background:white}.card{break-inside:avoid}}
.finder{background:#f0eddf;border:1px solid var(--line);border-left:4px solid var(--green);padding:clamp(18px,3vw,34px);margin:0 0 34px}.finder h2{font-size:clamp(29px,4vw,44px)}.ask-row{display:flex;gap:8px}.ask-row input{flex:1;min-width:0}.ask-row button{flex:none}.finder label{margin-bottom:5px}.finder #suggestions{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.finder #suggestions button{background:transparent;color:var(--green);border:1px solid #a1ad9f;font-size:13px;padding:5px 9px}.finder article{background:#fffdf6;border-top:1px solid var(--line);padding:12px 15px}.finder article h3{font-size:20px}.finder article p{margin-bottom:0}.finder>p:last-child{margin:12px 0 0}.example-table{width:100%;overflow:auto}.example-table table{border-collapse:collapse;min-width:min(100%,28em);width:100%;background:#fffdf6}.example-table th,.example-table td{text-align:left;padding:8px 12px;border:1px solid #c9c7b8;font-size:14px}.example-table th{background:#e7ebdf}.sample{padding:12px 17px;background:#e3eddd}.answer-nav{display:flex;flex-wrap:wrap;gap:16px}.answer-group{padding:20px 0 40px;border-top:1px solid var(--line)}.answer-group ul{columns:2;column-gap:42px;padding-left:20px}.answer-group li{break-inside:avoid;margin-bottom:12px}.index-intro{max-width:initial}.guide h2{font-size:clamp(25px,3.5vw,38px)}header nav{flex-wrap:wrap}.related{padding:18px 0 32px}.related a{margin-right:20px;display:inline-block}@media(max-width:640px){.answer-group ul{columns:1}.ask-row{display:grid}.ask-row button{justify-self:start}header .wrap{padding:6px 0}header nav{gap:3px 10px}.finder #suggestions button{min-height:36px}}