:root{--ink:#1b332c;--muted:#68746c;--paper:#f8f7f2;--line:#dfe3da;--accent:#e3ecb0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.preview{padding:10px 5%;display:flex;gap:25px;align-items:center;background:#e9eddf;font-size:10px;letter-spacing:1px;font-weight:700}.preview span{font-size:11px;letter-spacing:0;font-weight:400}.preview a{margin-left:auto;font-size:11px;letter-spacing:0}header{max-width:1400px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-weight:700;font-size:19px;letter-spacing:-.5px}.mark{display:flex;align-items:center;justify-content:center;width:49px;height:49px;border-radius:14px;background:var(--ink);color:#f6f4e9;font-family:Georgia,serif;font-size:25px;font-weight:400}.brand-sub{display:block;margin-top:5px;font-size:9px;letter-spacing:3.5px}nav{display:flex;gap:30px;font-size:12px}nav a:hover,footer a:hover{text-decoration:underline}main{max-width:1400px;margin:auto;padding:0 5%}.hero{display:grid;grid-template-columns:1fr 245px;gap:70px;padding:70px 0 64px;align-items:center}.eyebrow{font-size:9px;letter-spacing:2.4px;font-weight:700;margin:0 0 20px}h1{font:normal clamp(36px,4.3vw,66px)/1.1 Georgia,serif;letter-spacing:-2px;margin:0 0 24px}h1 em{font-weight:400;color:#526c44}.intro{max-width:570px;line-height:1.8;font-size:14px;color:var(--muted)}.search{display:flex;background:white;border:1px solid #cdd5c7;border-radius:8px;padding:6px;max-width:590px;margin-top:29px;box-shadow:0 6px 16px #20352806}.search input{min-width:0;flex:1;background:transparent;border:0;padding:12px;font-size:13px;color:var(--ink);outline-offset:1px}.search button{border:0;border-radius:5px;background:var(--ink);color:white;padding:14px 24px;cursor:pointer;font-size:12px}.hint{font-size:10px;color:var(--muted);margin-top:12px}.hero-note{position:relative;background:#e7eccf;border-radius:90px 90px 12px 12px;padding:35px 30px 26px;min-height:310px}.note-number{font:normal 82px Georgia,serif;letter-spacing:-6px}.hero-note p{font:normal 23px/1.3 Georgia,serif;margin:10px 0 20px}.note-rule{height:1px;background:#b7c19a;margin:16px 0}.hero-note>span:not(.note-number){font-size:11px;line-height:1.7}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:25px}.section-heading .eyebrow{margin-bottom:10px}.section-heading>span{font-size:11px;color:var(--muted);padding-bottom:5px}h2{font:normal 31px/1.2 Georgia,serif;letter-spacing:-.6px;margin:0}.topics{border-top:1px solid var(--line);padding:45px 0}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.topic{position:relative;display:flex;flex-direction:column;min-height:125px;padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .15s}.topic:hover,.topic.selected{background:#e9eddf}.topic strong{font-size:12px;line-height:1.45;margin-right:0;font-weight:600}.topic-count{font-size:10px;color:var(--muted);margin-top:8px}.list-section{padding:15px 0 55px;scroll-margin-top:25px}.editorial-note{font-size:11px;line-height:1.65;color:var(--muted);max-width:740px;margin:0 0 25px}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.portal-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;display:flex;flex-direction:column;min-height:245px}.card-top{display:flex;justify-content:space-between;align-items:center}.tag{font-size:9px;color:#607255;background:#f0f3e8;padding:6px 8px;border-radius:4px}h3{font-size:17px;line-height:1.35;letter-spacing:-.3px;margin:21px 0 9px}h3 a:hover{text-decoration:underline}.portal-card>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 23px}.card-bottom{display:flex;gap:8px;justify-content:space-between;align-items:center;border-top:1px solid #edf0e9;padding-top:15px;margin-top:auto;font-size:9px}.card-bottom>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#84907e}.card-bottom>a{white-space:nowrap;font-weight:700}.about{border-radius:10px;background:var(--ink);color:#f7f6ee;padding:46px 48px;margin-bottom:55px}.about h2{font-size:35px}.about p:not(.eyebrow){font-size:13px;line-height:1.9;max-width:650px;color:#becbc0}.about a{display:inline-block;margin-top:15px;color:#e3ecb0;font-size:12px}footer{max-width:1400px;margin:auto;border-top:1px solid var(--line);padding:32px 5%;display:flex;justify-content:space-between;gap:25px}.footer-brand{font:20px Georgia,serif}.footer-brand span{display:block;font:10px Arial;color:var(--muted);margin-top:9px}footer>div{display:flex;gap:22px;align-items:center;font-size:10px;color:var(--muted)}.result-hero{padding:40px 0}.result-hero>a{font-size:11px;display:block;margin-bottom:30px}.result-hero h1{font-size:44px}.empty{grid-column:1/-1;padding:35px;background:white;border:1px solid var(--line);border-radius:8px}.empty p,.empty a{font-size:13px;line-height:1.7}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1600px){main,header,footer{max-width:1400px}}@media(max-width:950px){.hero{grid-template-columns:1fr 190px;gap:30px}.hero-note{min-height:280px;padding:25px}.note-number{font-size:65px}.portal-grid{grid-template-columns:repeat(2,1fr)}.topic-grid{grid-template-columns:repeat(3,1fr)}nav{gap:16px}}@media(max-width:650px){.preview{font-size:8px;gap:12px}.preview span{display:none}.preview a{font-size:9px}header{padding:20px 5%}.brand{font-size:16px}.mark{width:40px;height:40px}nav a:not(:last-child){display:none}.hero{grid-template-columns:1fr;padding:40px 0}.hero-note{display:none}h1{font-size:43px;letter-spacing:-1.5px}.intro{font-size:13px}.topic-grid{grid-template-columns:repeat(2,1fr)}.topic{min-height:130px;padding:15px}.portal-grid{grid-template-columns:1fr}.about{padding:32px 25px}.about h2{font-size:28px}.section-heading>span{max-width:100px;text-align:right;line-height:1.5}h2{font-size:27px}.section-heading{align-items:center}footer{flex-direction:column}footer>div{flex-wrap:wrap}.result-hero h1{font-size:37px}.search button{padding:13px 18px}}
/* Responsive editorial refinements: readable cards, clear focus, comfortable touch targets. */
:root{--focus:#687d37}a,button,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:5px}.search:focus-within{border-color:#718453;box-shadow:0 0 0 3px #71845320}.search input:focus-visible{outline:0}.search button:hover{background:#304c40}.topic:focus-visible{z-index:1;outline-offset:-4px}.topic strong{font-size:14px}.topic-count{font-size:11px}.portal-card{transition:border-color .18s,box-shadow .18s,transform .18s}.portal-card:hover{border-color:#b6c3a7;box-shadow:0 8px 24px #20352808;transform:translateY(-2px)}.portal-card>p{font-size:13px;line-height:1.75}.tag{font-size:10px}.card-bottom{font-size:11px}.card-bottom>a{padding:8px 0}.hint{font-size:11px}.editorial-note{font-size:12px}nav a{padding:10px 0}footer a{padding:8px 0}.result-hero h1{overflow-wrap:anywhere}.topic,.portal-card{min-width:0}.search button{min-height:44px}.about a{min-height:44px;padding:12px 0}
@media(min-width:651px) and (max-width:950px){.hero{grid-template-columns:minmax(0,1fr) 190px}h1{font-size:clamp(38px,5.6vw,53px)}}
@media(max-width:650px){main{padding:0 6%}header,footer{padding-left:6%;padding-right:6%}.hero{padding:42px 0 38px}h1{font-size:clamp(34px,8.5vw,48px);line-height:1.12;letter-spacing:-1.3px}.intro{font-size:14px;line-height:1.75}.search{margin-top:24px}.search input{padding:11px 9px;font-size:14px}.search button{padding:12px 15px}.hint{line-height:1.6}.topics{padding:32px 0}.topic{min-height:142px;padding:17px 14px}.topic strong{font-size:14px;line-height:1.45}.topic-count{font-size:11px;line-height:1.5}.section-heading>span{font-size:11px;flex-shrink:0}.portal-grid{gap:14px}.portal-card{padding:23px;min-height:225px}h3{font-size:19px;margin-top:19px}.portal-card>p{font-size:14px}.card-bottom{font-size:11px;gap:12px}.about{margin-top:4px;margin-bottom:36px}.about p:not(.eyebrow){font-size:14px}.list-section{padding-bottom:35px}.result-hero{padding:32px 0}.result-hero h1{font-size:clamp(30px,8vw,40px)}footer{gap:18px}footer>div{font-size:12px;gap:12px 22px}}
@media(max-width:360px){.brand{font-size:14px;gap:9px}.brand-sub{font-size:8px;letter-spacing:2.5px}.mark{width:36px;height:36px}.preview{padding-left:6%;padding-right:6%;font-size:7px}.preview a{font-size:8px}nav{font-size:11px}.topic{padding:15px 11px}.topic strong{font-size:13px}.card-bottom{flex-wrap:wrap}.card-bottom>span{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.topic,.portal-card{transition:none}.portal-card:hover{transform:none}}
.topic-icon{display:block;width:28px;height:28px;flex-shrink:0;margin-bottom:14px;color:#526c44;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.topic:hover .topic-icon,.topic.selected .topic-icon{color:var(--ink)}