@font-face{font-family:'Histlas Display Serif';src:url('/fonts/dm-serif-display.ttf') format('truetype');font-display:swap}
.site-header{height:86px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 32px;background:#162c40;color:#f4ebda;border-bottom:1px solid #ffffff12;line-height:1.2;position:relative;z-index:800}
.site-brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#ddb778!important;flex-shrink:0;font:44px/1 'Histlas Display Serif',Georgia,serif}.site-brand small{display:block;color:#b9c9d4;font:10px/1.4 Arial,sans-serif;letter-spacing:.16em;margin-top:5px}.site-brand svg{flex-shrink:0}.site-nav{display:flex;align-items:center;gap:5px;font:14px/1.2 Arial,Helvetica,sans-serif}.site-nav a{color:#c8d4dc;text-decoration:none;padding:13px 17px;border:1px solid transparent;border-radius:5px;margin:0;white-space:nowrap}.site-nav a:hover{color:#fff;background:#ffffff0b}.site-nav a[aria-current=page]{color:#f4d49d;background:#ffffff08;border-color:#b99b65}.site-nav a:focus-visible,.site-brand:focus-visible{outline:3px solid #ddb778;outline-offset:3px}
.site-page{background:#f7f4ee;color:#243543}.site-page .site-header{padding:0 max(28px,calc((100vw - 1220px)/2));height:96px}.site-page main{max-width:1220px;padding:56px 28px 70px}.site-page .eyebrow{font:11px/1.5 Arial,sans-serif;letter-spacing:.18em;color:#896b38;margin:0 0 14px}.site-page h1{font-family:'Histlas Display Serif',Georgia,serif;font-size:clamp(38px,4.8vw,60px);letter-spacing:-.025em;max-width:850px;margin:0 0 20px}.site-page .intro{font:18px/1.7 Arial,sans-serif;color:#60707a;max-width:730px}.site-page .button{border:1px solid #233e54;border-radius:5px;background:#233e54;color:#fff;text-decoration:none;font:14px/1.3 Arial,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 19px;min-height:44px;cursor:pointer}.site-page .button:hover{background:#162c40}.site-page .button-secondary{background:transparent;color:#233e54;border-color:#b9c5cc}.site-page .button-secondary:hover{background:#edf0f1}.site-page a:focus-visible,.site-page input:focus-visible,.site-page textarea:focus-visible,.site-page select:focus-visible,.site-page button:focus-visible{outline:3px solid #bd934c;outline-offset:3px}.site-page .story-grid{gap:26px;margin-top:38px;align-items:stretch}.site-page .story-tile{background:#fff;border:1px solid #e3ded4;border-radius:9px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 3px 12px #24354304}.site-page .story-tile>a{color:#243543}.site-page .story-tile img{border-radius:0;aspect-ratio:16/10;object-fit:cover}.site-page .story-tile h2{font-size:26px;line-height:1.18;margin:22px 23px 12px}.site-page .story-tile>p{font:14px/1.7 Arial,sans-serif;color:#60707a;margin:0 23px 22px}.story-actions{display:flex;gap:10px;padding:0 23px 23px;margin-top:auto}.story-actions>a{flex:1}.site-page .prose{max-width:790px;font:17px/1.85 Arial,sans-serif;margin-bottom:30px}.site-page .prose p{margin:0 0 20px}.site-page footer{border-top:1px solid #e1dcd3;font:12px/1.5 Arial,sans-serif;padding:26px;margin-top:20px}.coming-soon{margin-top:38px;padding:36px;background:#fff;border:1px solid #e3ded4;border-radius:9px}.coming-soon h2{font-size:34px;margin:20px 0 14px}.coming-soon p{font:16px/1.75 Arial,sans-serif;color:#60707a}.status-badge{font:10px/1 Arial,sans-serif;letter-spacing:.16em;padding:8px 11px;border-radius:3px;background:#eee5d5;color:#826335}.quiz-previews{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid #e5e0d8;margin:28px 0;padding:28px 0 0}.quiz-previews h3{font-size:24px;margin:15px 0 8px}.quiz-previews>div>span{font:34px Georgia;color:#ad8847}.quiz-previews p{font-size:14px}.feedback-layout{display:grid;grid-template-columns:minmax(0,740px) minmax(220px,1fr);gap:48px;margin-top:38px;align-items:start}.feedback-form{padding:30px;background:#fff;border:1px solid #e3ded4;border-radius:8px;display:grid;gap:22px;font:14px/1.5 Arial,sans-serif}.feedback-form label{display:grid;gap:8px;font-weight:600}.feedback-form input,.feedback-form textarea,.feedback-form select{font:15px/1.5 Arial,sans-serif;border:1px solid #c8d0d3;border-radius:4px;background:#fcfcfb;color:#243543;padding:11px 12px;width:100%;min-width:0}.feedback-form textarea{resize:vertical}.feedback-form .optional{display:contents;font-weight:400;color:#697780}.form-pair{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.form-note{font:12px/1.65 Arial,sans-serif;color:#6c7880;margin:0}.feedback-form>button{justify-self:start}.feedback-form button:disabled{opacity:.6;cursor:wait}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-status{margin:0;font-size:14px}.form-status:empty{display:none}.form-status[data-state=error]{color:#a33e31}.form-status[data-state=success]{padding:14px;background:#edf5ef;color:#28613c;border-radius:5px}.feedback-aside{font:14px/1.8 Arial,sans-serif;color:#64737c}.feedback-aside h2{font-size:25px;color:#243543;margin:0 0 20px}.feedback-aside ul{padding-left:20px}.feedback-aside li{padding-bottom:10px}
@media(max-width:1000px){.site-header{gap:15px;padding:0 20px}.site-nav a{padding:12px}.site-brand{font-size:38px}.site-page .story-grid{grid-template-columns:repeat(2,1fr)}.feedback-layout{gap:25px}}
@media(max-width:760px){.site-header,.site-page .site-header{height:auto;min-height:113px;padding:12px 16px 8px;flex-wrap:wrap;gap:10px}.site-brand{font-size:34px;gap:10px}.site-brand svg{width:30px;height:30px}.site-brand small{font-size:9px}.site-nav{width:100%;justify-content:space-between;gap:2px}.site-nav a{padding:10px 8px;font-size:12px;min-height:38px}.site-page main{padding:35px 20px 45px}.site-page .intro{font-size:16px}.feedback-layout{grid-template-columns:1fr;gap:30px}.feedback-form{padding:23px}.quiz-previews{grid-template-columns:1fr;gap:15px}.coming-soon{padding:25px}.site-page .story-grid{gap:20px}.site-page .story-tile h2{font-size:24px;margin:20px 20px 12px}.site-page .story-tile>p{margin:0 20px 20px}.story-actions{padding:0 20px 20px}}
@media(max-width:540px){.site-page .story-grid{grid-template-columns:1fr}.form-pair{grid-template-columns:1fr}.site-nav a{padding:10px 6px}.site-page h1{font-size:38px}}
.site-page .site-header{position:sticky;top:0}.site-page section{scroll-margin-top:125px}@media(max-width:760px){.site-page section{scroll-margin-top:145px}}