:root{--paper:#F6F2E8;--ink:#163047;--teal:#237F78;--gold:#D3AD66;--line:#d9dfd9;--paper:#fff8f0;--ink:#171c30;--teal:#a62a20;--gold:#f6b94f;--line:#ead6c7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,sans-serif}a{color:inherit;text-underline-offset:.25em}button,input,select,textarea{font:inherit}.button,button{border:1px solid var(--teal);background:var(--teal);padding:.8rem 1.2rem;border-radius:6px;cursor:pointer;text-decoration:none;font-weight:600;display:inline-block}.button:hover,button:hover{background:#195e59}a:hover{text-decoration-thickness:2px}input,select,textarea{max-width:100%;width:100%;padding:.7rem;border:1px solid #81918f;background:#fff;border-radius:4px;color:var(--ink)}textarea{resize:vertical}label{display:block;margin:.7rem 0}fieldset{border:1px solid var(--line);padding:1rem;margin:1.5rem 0}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2{font-family:Georgia,serif;font-weight:500;line-height:1.14}h1{font-size:clamp(2.3rem,5vw,4.3rem);letter-spacing:-.035em;max-width:780px;margin:.7rem 0 1.5rem}h2{font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.02em}h3{font-size:1.2rem;line-height:1.4}h1 em{font-style:normal;color:var(--teal);color:#b33120;background:linear-gradient(105deg,#942123,#c44315 70%,#b6590e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lead{font-size:1.2rem;max-width:650px;line-height:1.6}.caption{font-size:.9rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:700;color:var(--teal)}header{max-width:1400px;margin:auto;padding:1.7rem 3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font:600 1.25rem Georgia,serif;white-space:nowrap}.brand i{font-weight:400}.brand small{display:block;font:10px/1.7 system-ui;letter-spacing:.06em}nav{display:flex;align-items:center;gap:1.35rem;font-size:.9rem}nav a{text-decoration:none}.selection{border-left:1px solid var(--line);padding-left:1.2rem}.menu-toggle{display:none}.demo{text-align:center;background:var(--ink);color:#fff;padding:.4rem;font-size:.8rem}main{max-width:1280px;margin:auto;padding:0 3rem 4rem}section{margin:3.5rem 0}.hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:3rem;margin:3rem 0 4rem}.actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.secondary{color:var(--ink)}.compass{text-align:center;border-left:1px solid var(--line);font-size:.95rem}.compass>span{font:1rem Georgia;color:var(--teal)}.compass-ring{margin:.8rem auto 1.5rem;border:1px solid var(--gold);outline:1px solid var(--line);outline-offset:18px;border-radius:50%;display:grid;place-content:center}.compass b{font:1.7rem/1.4 Georgia;background:var(--paper)}.section-title{margin-bottom:1.7rem}.section-title h2{margin:.5rem 0}.entries{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.entries>a{padding:1.7rem;text-decoration:none;border-right:1px solid var(--line)}.entries>a:last-child{border:0}.entries>a:hover{background:#e7ece5;background:linear-gradient(140deg,#fff0dd,#ffdcbd)}.entries span{font:1.1rem Georgia;color:var(--teal)}.entries p{font-size:.95rem}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.card{background:#fffdf8;border:1px solid var(--line);padding:1.7rem;min-width:0}.card h2{font:1.45rem/1.35 Georgia}.card h2 a{text-decoration:none}.card p{font-size:1rem}.band{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;background:#e5ece5;padding:2.5rem}.band h2{margin:.8rem 0}.band>div+div{border-left:1px solid #b7c9be;padding-left:3rem}footer{background:var(--ink);color:var(--paper);padding:3rem max(2rem,calc((100vw - 1184px)/ 2));font-size:.9rem}footer>div{display:flex;flex-wrap:wrap;gap:1.2rem}footer .brand{font-size:1.5rem}.page-heading{padding:3rem 0 1.5rem}.reading p{margin:1.4rem 0}.search,form:not(.actions form){max-width:780px}.search>div{display:flex;gap:.6rem}.empty,.tool{border:1px solid var(--line);background:#fffdf8;padding:2rem;margin:1rem 0}.choice{display:flex;gap:.8rem;align-items:flex-start;padding:.75rem;border:1px solid var(--line);border-radius:5px}.choice input{width:1.2rem;height:1.2rem;flex-shrink:0;margin-top:.3rem;accent-color:#b52e20}.comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0}dt{font-weight:700;margin-top:1rem}dd{margin:0}.skip{position:absolute;left:1rem;top:-100px;background:#fff;padding:1rem;z-index:20}.skip:focus{top:1rem}:focus-visible{outline:#ac771b solid 3px;outline-offset:4px}.trap{position:absolute;left:-10000px}.ql-editor{min-height:240px;font:17px/1.65 system-ui;color:var(--ink)}.ql-container,.ql-toolbar{background:#fff}progress{width:100%;accent-color:var(--teal);accent-color:#b62e20}@media(max-width:1100px){header{padding:1.5rem;gap:1rem}nav{gap:.8rem;font-size:.82rem}.brand{font-size:1.1rem}main{padding-inline:2rem}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){header{position:relative;flex-wrap:wrap}.menu-toggle{display:block;font-size:.9rem}nav{display:none;flex-direction:column;align-items:stretch;width:100%;font-size:1rem}nav.open{display:flex}.selection{border:0;padding:0}.hero{grid-template-columns:1fr;margin-top:2rem}.compass{display:none}.entries{grid-template-columns:repeat(2,1fr)}.entries>a{border-bottom:1px solid var(--line)}.band{grid-template-columns:1fr;gap:1rem}.band>div+div{border:0;padding:0}.comparison{grid-template-columns:1fr}}@media(max-width:480px){body{font-size:16px}main{padding-inline:1rem}header{padding:1rem}.brand{font-size:1rem}.brand small{font-size:9px}.brand img{width:30px;height:30px}.menu-toggle{padding:.6rem}.hero h1{font-size:2.75rem}.cards,.entries{grid-template-columns:1fr}.entries>a{padding:1.3rem;border-right:0}.band,.tool{padding:1.3rem}.actions{align-items:stretch;flex-direction:column}.search>div{flex-wrap:wrap}.search button{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{.actions,.demo,button,footer,form,header{display:none}.comparison{display:block}body{background:#fff}.card{break-inside:avoid;margin:1rem 0}main{padding:0}}[hidden]{display:none!important}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;font-size:.85rem;padding-top:1.5rem}.breadcrumb span:before{content:" / ";padding-right:.6rem}.breadcrumb a{text-decoration:underline}body{background:radial-gradient(ellipse at 95% 4%,#ffd39f80,transparent 36rem),radial-gradient(ellipse at 0 45%,#ffe4d766,transparent 35rem),#fff8f0;color:var(--ink)}header{max-width:none;background:linear-gradient(115deg,#11192b,#292036 58%,#621e2e);color:#fff6ed;padding-inline:max(1.5rem,calc((100vw - 1184px)/ 2));border-bottom:3px solid #e77335;box-shadow:0 8px 26px #24152b14}header .brand small{color:#ffd7a0}header .selection{border-color:#ffffff40}header nav a:hover{color:#ffca75}.button,button{background:linear-gradient(115deg,#ac251c,#c94217 58%,#cf5410);border-color:#ad321b;box-shadow:0 5px 14px #a52b1926;color:#fff}.button:hover,button:hover{background:linear-gradient(115deg,#8d1c1a,#ac3211 58%,#b7440d)}.secondary{background:#fff9f3;color:#97281e;border-color:#bf5d3c;box-shadow:none}.secondary:hover{background:#fff0df;color:#7a1f19}.hero{position:relative;background:radial-gradient(ellipse at 85% 12%,#ffca6559,transparent 55%),linear-gradient(125deg,#fff7ee 5%,#ffe9d8 66%,#ffdaab);padding:3rem;border:1px solid #efcbaa;border-radius:22px;box-shadow:0 16px 45px #6024260d;gap:2rem}.hero h1{font-size:clamp(2.3rem,4.5vw,4.2rem)}.eyebrow{color:#a32c22}.caption{color:#615067}.compass{background:linear-gradient(145deg,#191c32,#492038 65%,#932b27);color:#ffe9cf;border:1px solid #a763474d;border-radius:16px;padding:2rem 1.2rem;box-shadow:0 15px 32px #1d172426}.compass>span{color:#ffd27b}.compass-ring{border-color:#f7b955;outline-color:#db8a534d;width:200px;height:200px;background:linear-gradient(45deg,transparent 49.7%,#ffd38266 50%,transparent 50.3%),linear-gradient(-45deg,transparent 49.7%,#ffd38266 50%,transparent 50.3%)}.compass b{background:#352037;color:#fff1de;font-size:1.5rem;padding:.8rem}.compass p{color:#ffe0b7}.entries{border:1px solid #e8c3a6;border-radius:14px;background:#fffdfa;box-shadow:0 8px 24px #6d34270a}.entries>a{border-color:#efd4be}.entries>a:first-child{border-radius:14px 0 0 14px}.entries>a:last-child{border-radius:0 14px 14px 0}.entries span{color:#b73723;font-weight:700}.entries h3{color:#28213a}.card,.empty,.tool{background:linear-gradient(150deg,#fffdf9,#fff2e7);border-color:#eac8af;border-radius:13px}.card{border-top:3px solid #d9592b;box-shadow:0 7px 20px #54292408}.card h2 a:hover{color:#a92b20}.band{background:radial-gradient(ellipse at 100% 0,#b33b2a55,transparent 65%),linear-gradient(115deg,#182033,#392039 65%,#662332);color:#fff4e5;border:1px solid #8b3d3533;border-radius:18px;box-shadow:0 16px 32px #27182614}.band .eyebrow{color:#ffbd63}.band>div+div{border-color:#e8ab7459}.band .button{background:linear-gradient(115deg,#ffd371,#ffab42);color:#422114;border-color:#f3b75b}.band .button:hover{background:#ffd58a}.band a:not(.button){color:#ffd397}footer{background:linear-gradient(115deg,#11192b,#292036 62%,#582431);border-top:3px solid #b94a2a;color:#fcebdc}footer a:hover{color:#ffc76c}.page-heading{border-bottom:1px solid #eed0b8}.reading{max-width:780px;padding-bottom:1rem}.reading h2{color:#8f2b28}.breadcrumb a,.reading a{color:#983122}input,select,textarea{border-color:#ad8d80}input:focus,select:focus,textarea:focus{border-color:#b83123}.choice{background:#fffdfa;border-color:#ead0bc}.choice:has(input:checked){background:#ffecd6;border-color:#af3a24}:focus-visible{outline-color:#c85316}@media(max-width:1100px){.hero{padding:2rem}.compass-ring{width:175px;height:175px}.compass b{font-size:1.3rem}}@media(max-width:820px){header .menu-toggle{background:linear-gradient(115deg,#ae2c1d,#cb4d15);border-color:#e88747}.hero{padding:2rem}.entries>a:first-child,.entries>a:last-child{border-radius:0}header nav a{padding:.4rem 0}.hero .eyebrow{font-size:.75rem}}@media(max-width:480px){.hero{padding:1.5rem 1.1rem;margin-inline:0;border-radius:16px}.hero h1{font-size:2.7rem}.hero .lead{font-size:1.1rem}.entries>a{border-radius:0}.entries>a:first-child{border-radius:14px 14px 0 0}.entries>a:last-child{border-radius:0 0 14px 14px}}@media print{body{background:#fff;color:#000}.band,.card,.empty,.hero,.reading,.tool{background:#fff;box-shadow:none;color:#000}h1 em{-webkit-text-fill-color:initial;background:0 0;color:#000}}