@charset "UTF-8";
:root{--paper:#f0e8d8;--paper-light:#faf6ec;--ink:#302c23;--soft:#685d49;--forest:#293a2e;--bronze:#79572c;--line:#cbbda5;--rust:#9d4a32;--gold:#e8cb8b;--serif:Georgia,'Times New Roman',serif;color-scheme:light;font-family:Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 25% 60%,#fff8e580,transparent 70%),var(--paper)}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #387950;outline-offset:4px}button{cursor:pointer}button:disabled{cursor:default}.skip{position:absolute;left:16px;top:-100px;z-index:30;background:var(--forest);color:white;padding:15px}.skip:focus{top:10px}.masthead{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font:700 19px var(--serif);letter-spacing:1.4px}.brand small{display:block;font:9px Arial,sans-serif;letter-spacing:2.1px;margin-top:7px;color:var(--bronze)}.sigil{font-size:42px;font-weight:400;color:var(--bronze)}.era-marker{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--soft)}.era-marker b{padding:0 8px}.section-nav{display:flex;justify-content:center;gap:10px;padding:0 5%;border-bottom:1px solid var(--line);background:#faf6ecb3}.section-nav a{text-decoration:none;font-size:12px;letter-spacing:.5px;padding:19px 24px;border-bottom:3px solid transparent}.section-nav a[aria-current="page"]{color:var(--forest);border-color:var(--bronze);font-weight:700}.section-nav a:hover{background:#79572c0b}.loading{padding:80px;text-align:center}.hero{position:relative;isolation:isolate;min-height:470px;display:flex;align-items:center;padding:62px 7%;color:#fbf4e5;background:var(--forest);overflow:hidden}.hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:url('/assets/eras/era-1.webp');background-position:center;background-size:cover}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#18251eeb 0%,#1d2c24cf 39%,#1d2c2433 100%)}.hero-copy{max-width:620px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--bronze);margin:0 0 18px}.hero .eyebrow{color:var(--gold)}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:clamp(44px,6vw,76px);line-height:1.02;letter-spacing:-1.7px;margin:0 0 24px}h1 em{font-weight:400;color:var(--gold)}.hero p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:530px;color:#eee4d1}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.btn{border:1px solid var(--bronze);padding:13px 18px;border-radius:0;background:var(--forest);color:var(--paper-light);font-size:12px;letter-spacing:.3px;text-decoration:none;display:inline-flex;gap:24px;justify-content:space-between;align-items:center}.btn:hover{background:#42553f}.hero .btn{background:var(--gold);color:#30291a;border-color:var(--gold)}.hero .btn.ghost{background:transparent;color:#fff6df;border-color:#d6c49e88}.hero-note{position:absolute;bottom:24px;right:30px;font-size:9px;text-transform:uppercase;letter-spacing:1.6px;opacity:.8}.content{max-width:1280px;margin:auto;padding:52px 6% 66px}.chapter-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.chapter-head h1{font-size:clamp(36px,5vw,58px);line-height:1.1;margin-bottom:16px}.chapter-head h2{font-size:clamp(29px,3vw,42px);margin:0 0 12px}.chapter-head p{max-width:650px;line-height:1.75;color:var(--soft);font-size:14px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin:0 0 45px}.intro-grid p{font-family:var(--serif);font-size:20px;line-height:1.7;margin:0}.margin-note{border-left:2px solid var(--bronze);padding-left:25px;font-size:13px;line-height:1.8;color:var(--soft)}.margin-note p{font-family:Arial,sans-serif;font-size:13px}.time-band{padding:38px 0 40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0 48px}.time-band h2{font-size:30px;margin:0 0 8px}.time-band>p{font-size:12px;color:var(--soft);line-height:1.7}.timeline{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin:30px 0 0}.phase{border-top:2px solid var(--bronze);padding:19px 15px 0 0;position:relative}.phase::before{content:"";position:absolute;top:-5px;left:0;width:8px;height:8px;background:var(--bronze);border-radius:50%}.phase small{font-size:10px;color:var(--bronze);line-height:1.5;display:block}.phase h3{font-size:18px;margin:13px 0 8px}.phase p{font-size:11px;line-height:1.6;color:var(--soft);margin:0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:24px 0}.toolbar label{font-size:12px;color:var(--soft)}input,select{border:1px solid #ad9a7c;background:var(--paper-light);color:var(--ink);min-height:44px;border-radius:0;padding:10px 12px;width:100%}.search{max-width:320px}.search input{margin-top:7px}.result-count{font-size:11px;letter-spacing:1px;color:var(--soft)}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.article-card{background:linear-gradient(150deg,#fffaf0,var(--paper));padding:25px;border:1px solid var(--line);display:flex;flex-direction:column;min-height:244px;position:relative}.article-card .number{position:absolute;right:20px;top:18px;font:italic 30px var(--serif);color:#d9cbb5}.article-card .eyebrow{font-size:9px;padding-right:40px;letter-spacing:1.5px}.article-card h3{font-size:27px;line-height:1.18;margin:0 0 14px;max-width:92%}.article-card p{color:var(--soft);line-height:1.65;font-size:13px;margin:0 0 24px}.read{border:0;background:none;color:var(--bronze);padding:7px 0;font-size:12px;text-align:left;margin-top:auto;align-self:flex-start}.read::after{content:'  ↗'}.read:hover{text-decoration:underline}.empty{grid-column:1/-1;padding:32px;border:1px dashed var(--line);line-height:1.7}.small-label{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:var(--bronze)}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);margin-bottom:44px}.people-card{padding:25px 25px 25px 0;border-bottom:1px solid var(--line)}.people-card h3{font-size:24px;margin:0 0 12px}.people-card p{font-size:13px;line-height:1.7;color:var(--soft);margin:0 0 13px}.people-card small{font-size:10px;letter-spacing:.6px;color:var(--bronze)}.quote-panel{margin:35px 0;padding:35px;background:var(--forest);color:var(--paper-light);border:1px solid #bdab86}.quote-panel blockquote{font:italic 27px/1.5 var(--serif);margin:0;max-width:750px}.quote-panel p{font-size:12px;line-height:1.7;color:#d9d4bc;margin-bottom:0}.economy-header{padding:44px 6% 0;max-width:1280px;margin:auto}.economy-header .chapter-head{margin-bottom:12px}.status-note{display:flex;gap:18px;padding:17px 20px;background:#e5dcc9;border-left:3px solid var(--bronze);font-size:12px;line-height:1.7}.status-note strong{white-space:nowrap;color:var(--bronze)}.economy-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:start}.panel{background:var(--paper-light);padding:28px;border:1px solid var(--line)}.panel h2{font-size:30px;margin:0 0 12px}.panel h3{font-size:24px}.panel>p{font-size:13px;color:var(--soft);line-height:1.7}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.fields label{font-size:11px;line-height:1.5}.fields input,.fields select{margin-top:7px}.field-help{display:block;color:var(--soft);font-size:10px;margin-top:5px}.result-main{border-top:1px solid var(--line);padding-top:25px;display:flex;align-items:baseline;gap:10px;margin-top:28px}.result-main b{font:60px var(--serif);color:var(--forest)}.result-main span{font-size:13px;color:var(--soft)}.result-description{font-size:12px;line-height:1.7;color:var(--soft)}.stock-chart{width:100%;height:auto;margin:22px 0 10px;display:block;overflow:visible}.legend{display:flex;gap:13px;flex-wrap:wrap;font-size:10px;line-height:1.6}.legend span::before{content:'';display:inline-block;width:9px;height:9px;margin-right:5px;background:var(--color)}.calculation-details{margin-top:20px;font-size:11px;line-height:1.7;color:var(--soft)}.calculation-details summary{cursor:pointer;color:var(--bronze)}.status-message{font-size:12px;line-height:1.7;color:var(--rust)}.table-wrap{overflow:auto;margin-top:30px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;font-size:12px}caption{text-align:left;padding:16px;background:var(--paper-light);font-family:var(--serif);font-size:22px}th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);line-height:1.5}th{font-size:10px;letter-spacing:.7px;background:#e4d9c3;color:#534832}tbody tr:last-child td{border:0}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.scenario{border-top:2px solid var(--bronze);padding:20px 0 0}.scenario h3{font-size:25px;margin:0 0 15px}.scenario p{font-size:13px;line-height:1.8;color:var(--soft)}.scenario small{color:var(--bronze);font-size:10px;letter-spacing:1px;text-transform:uppercase}.sky-cover{background:var(--forest);color:var(--paper-light);padding:44px;position:relative;overflow:hidden}.sky-cover::after{content:'✦';font:220px var(--serif);color:#c2ab7717;position:absolute;right:24px;top:5px;pointer-events:none}.sky-cover h2{font-size:35px;max-width:600px;margin:12px 0 18px}.sky-cover .eyebrow{color:var(--gold)}.sky-cover p{max-width:680px;font-size:14px;line-height:1.8;color:#dfd9c9}.sky-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0}.celestial-list{display:flex;flex-wrap:wrap;gap:10px}.celestial-list span{padding:11px 14px;border:1px solid var(--line);font-family:var(--serif);font-size:18px;background:var(--paper-light)}.sky-grid h3{font-size:26px}.sky-grid p{font-size:13px;line-height:1.8;color:var(--soft)}.tradition-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0 36px}.tradition{border-top:1px solid var(--line);padding-top:18px}.tradition h3{font-size:22px;margin:0 0 10px}.tradition p{font-size:13px;line-height:1.7;color:var(--soft)}footer{background:#e4d9c3;border-top:1px solid #bba98b;padding:35px 6%;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}footer>div{display:flex;align-items:center;gap:20px}footer p{font-family:var(--serif);font-size:20px;line-height:1.4;margin:0}footer nav{display:flex;flex-direction:column;gap:13px}footer a{font-size:12px;text-decoration:none;color:var(--bronze)}footer a:hover{text-decoration:underline}footer>small{font-size:10px;color:var(--soft);flex-basis:100%;border-top:1px solid #bba98b;padding-top:20px}dialog{background:var(--paper-light);color:var(--ink);border:1px solid var(--line);width:min(760px,94vw);max-height:90vh;padding:45px 55px;overflow:auto}dialog::backdrop{background:#0d1b16bd;backdrop-filter:blur(3px)}.close{position:sticky;top:-30px;float:right;font-size:30px;color:var(--ink);background:var(--paper-light);border:1px solid var(--line);min-width:44px;min-height:44px;margin:-25px -35px 0 10px}dialog h2{font-size:42px;line-height:1.1;margin:20px 0 14px}dialog .period{color:var(--bronze);font-size:12px;margin-bottom:28px}dialog .reader-body p{font-family:var(--serif);font-size:19px;line-height:1.8}.reader-notes{font-size:12px;line-height:1.7;padding:18px;background:#e9dfcc;color:var(--soft);margin-top:28px}.reader-sources{font-size:11px;line-height:1.8;border-top:1px solid var(--line);margin-top:24px;padding-top:16px;color:var(--soft)}.reader-sources ul{padding-left:18px}.reader-sources a{color:var(--bronze)}.fallback{padding:30px;max-width:760px;margin:auto}.fallback p{line-height:1.8}
@media(max-width:1000px){.timeline{grid-template-columns:repeat(4,1fr);gap:28px 0}.article-grid,.people-grid,.tradition-list{grid-template-columns:repeat(2,1fr)}.economy-grid{grid-template-columns:1fr}.section-nav a{padding:18px 14px}.scenario-grid{grid-template-columns:1fr}.intro-grid{gap:25px}.hero{min-height:430px}.hero-copy{max-width:540px}}
@media(max-width:600px){.masthead{padding:18px 5%;gap:15px}.brand{font-size:14px}.brand small{font-size:8px;letter-spacing:1.3px}.sigil{font-size:32px}.era-marker{font-size:8px;line-height:1.7;max-width:105px;text-align:right}.section-nav{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0 4%}.section-nav a{text-align:center;padding:13px 4px;font-size:11px}.hero{padding:45px 7% 60px;min-height:430px}.hero::after{background:linear-gradient(90deg,#18251ef2,#1d2c2488)}.hero h1{font-size:48px}.hero p:not(.eyebrow){font-size:13px}.hero-note{left:7%;right:auto;font-size:8px}.content{padding:36px 6%}.intro-grid,.sky-grid,.article-grid,.people-grid,.tradition-list{grid-template-columns:1fr}.intro-grid p{font-size:18px}.timeline{grid-template-columns:1fr 1fr}.chapter-head{display:block}.toolbar{align-items:stretch}.search{max-width:none;width:100%}.article-card{min-height:220px}.fields{gap:14px}.panel{padding:22px}.status-note{display:block}.status-note strong{display:block;margin-bottom:8px}.sky-cover{padding:28px}.sky-cover h2{font-size:30px}.economy-header{padding-top:35px}.hero-actions{gap:10px}.hero .btn{font-size:11px;padding:12px}.result-main b{font-size:52px}.people-card{padding-right:0}dialog{padding:30px 25px}.close{top:-16px;margin:-15px -10px 10px 10px}dialog h2{font-size:32px}dialog .reader-body p{font-size:18px}footer{gap:30px}.time-band{margin-bottom:35px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
