:root{--bg:#080a0e;--panel:#10151c;--panel2:#151c25;--fg:#edf2f7;--muted:#a9b4c2;--line:#263241;--accent:#b9d5ff;--gold:#d9c18d;--green:#9fd0b6;--amber:#efc98f;--red:#e5a7a7;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -12%,#192438 0,#0c1016 34%,#080a0e 72%);color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.68}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(var(--max),92vw);margin:auto}
.site{position:sticky;top:0;z-index:30;background:rgba(7,9,12,.91);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}nav{display:flex;align-items:center;gap:18px;padding:12px 0}.brand{flex:0 0 auto;color:#fff;font-weight:800;letter-spacing:.08em}.navlinks{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding:2px 0}.navlinks::-webkit-scrollbar{display:none}.navlinks a{font-size:13px;padding:7px 9px;border-radius:999px;border:1px solid transparent}.navlinks a:hover{border-color:var(--line);text-decoration:none;background:#10151c}
.hero,.subhero{padding:72px 0 34px}.subhero{padding-top:52px}.eyebrow,.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-size:12px;font-weight:750}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:10px}.hero h1,.subhero h1,h2{font-family:Georgia,"Times New Roman",serif}.hero h1{font-size:clamp(50px,8vw,98px);line-height:.94;margin:.18em 0}.subhero h1{font-size:clamp(40px,7vw,76px);line-height:1.02;margin:.18em 0}.lead{font-size:clamp(18px,2.2vw,27px);color:#d7dee7;max-width:920px}
section{padding:26px 0 42px}h2{font-size:clamp(31px,4.8vw,52px);line-height:1.08;margin:.3em 0 .55em}h3{line-height:1.25}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:17px}.card{grid-column:span 4;background:linear-gradient(180deg,rgba(21,28,37,.96),rgba(13,18,24,.96));border:1px solid var(--line);border-radius:17px;padding:21px}.card.wide{grid-column:span 6}.card.full{grid-column:1/-1}.card h3{margin-top:0}.callout{border-left:3px solid var(--gold);padding:16px 20px;background:#10151c;border-radius:0 14px 14px 0;color:#d9e1ea;margin:20px 0}.note{background:#0d1218;border:1px solid var(--line);padding:15px 17px;border-radius:14px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fact{padding:18px;border-top:1px solid var(--line)}.fact b{display:block;font:700 27px Georgia,serif}.tag{display:inline-block;padding:4px 9px;border:1px solid #344256;border-radius:999px;font-size:12px;color:#dbe5f0;margin:0 6px 6px 0}.tag.primary{border-color:#315c49;color:var(--green)}.tag.medieval{border-color:#6b5531;color:var(--amber)}.tag.modern{border-color:#56506d;color:#cfc4ef}.tag.arch{border-color:#34596b;color:#a9d5e6}.tag.caution{border-color:#6b3f3f;color:var(--red)}
table{width:100%;border-collapse:collapse;background:#0f1319;border:1px solid var(--line)}th,td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}th{color:#dbe5f0;background:#121923}.tablewrap{overflow-x:auto}.mythmap{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.node{border:1px solid var(--line);border-radius:16px;padding:16px;background:#0d1218}.node strong{display:block;font-size:18px}.timeline{border-left:1px solid #39485b;margin-left:8px;padding-left:24px}.timeline article{position:relative;padding:0 0 24px}.timeline article:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--gold);left:-29px;top:.55em}
.figure{margin:22px 0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#0d1218}.figure img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain;background:#07090c}.figure figcaption{padding:12px 15px;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.gallery .figure{margin:0}.hero-visual{margin:28px 0 0;position:relative;overflow:hidden;border-radius:22px;border:1px solid var(--line);background:#07090c}.hero-visual img{width:100%;height:min(58vw,560px);object-fit:cover;display:block;filter:saturate(.8) contrast(1.06)}.hero-label{position:absolute;left:14px;bottom:12px;font-size:12px;color:white;background:rgba(0,0,0,.6);padding:6px 9px;border-radius:999px}
.sourcebox{border:1px solid var(--line);background:#0c1117;border-radius:15px;padding:16px;margin:16px 0}.sourcebox b{color:#fff}.sourcebox small{color:var(--muted)}.quote{font-family:Georgia,serif;font-size:1.12em;color:#dce3ec;border-left:2px solid #5a6d83;padding-left:16px}.tocgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tocitem{border:1px solid var(--line);border-radius:14px;padding:14px;background:#0d1218}.tocitem strong{display:block}.source-list li{margin:.55em 0}.footer{padding:34px 0 58px;color:var(--muted);border-top:1px solid var(--line);margin-top:40px}.footer strong{color:#e7edf4}
.article{max-width:920px}.article p{font-size:1.04rem}.article h2{margin-top:1.05em}.article h3{margin-top:1.5em;font-size:1.32rem}.article ul,.article ol{padding-left:1.35em}.article li{margin:.45em 0}
.intro-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:24px;align-items:start}
.belief-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.belief{padding:18px;border:1px solid var(--line);border-radius:16px;background:#0d1218}.belief h3{margin:.15em 0 .4em;font-size:1.12rem}.belief p{margin:0 0 .75em;color:#c7d0db}
.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.story{display:block;padding:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#111822,#0c1117);color:var(--fg)}.story:hover{text-decoration:none;border-color:#4b6179}.story strong{display:block;font:700 1.23rem Georgia,serif;margin-bottom:5px}.story span{color:var(--muted)}
.legend{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 26px}.legend span{padding:5px 10px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:#cfd8e3}
.definition{padding:18px 20px;border-radius:16px;background:#121925;border:1px solid #2d3c4e;margin:18px 0}.definition dt{font-weight:750;color:#fff}.definition dd{margin:3px 0 12px;color:#c7d0db}
.quote-box{padding:20px;border-left:3px solid #6d86a4;background:#0c1219;border-radius:0 16px 16px 0;margin:22px 0;font-family:Georgia,serif;font-size:1.08rem}
.subnav{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;padding:3px 0 8px;margin:6px 0 20px;scrollbar-width:none}.subnav::-webkit-scrollbar{display:none}.subnav a{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:12px;color:#cbd7e5}
.smallsource{color:var(--muted);font-size:.88rem}.smallsource a{color:#c7d8ef}
@media(max-width:850px){.intro-grid,.belief-grid,.story-grid{grid-template-columns:1fr}}
@media(max-width:800px){.wrap{width:min(94vw,var(--max))}.site nav{align-items:flex-start;flex-direction:column;gap:8px}.navlinks{width:100%;padding-bottom:6px}.card,.card.wide{grid-column:1/-1}.facts,.mythmap,.gallery,.tocgrid{grid-template-columns:1fr}.hero{padding-top:48px}.subhero{padding-top:38px}.hero-visual img{height:56vw;min-height:250px}table{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.skip-link{position:fixed;left:12px;top:-80px;z-index:100;background:#fff;color:#000;padding:10px 14px;border-radius:8px}.skip-link:focus{top:12px}.navlinks a[aria-current="page"]{border-color:#526980;background:#17202b;color:#fff}.navlinks{scroll-snap-type:x proximity}.navlinks a{scroll-snap-align:start}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.figure img,.hero-visual img{aspect-ratio:auto}.section-label{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--muted)}.compare-note{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.compare-note>div{border:1px solid var(--line);border-radius:14px;padding:15px;background:#0d1218}.compare-note strong{display:block;color:#fff;margin-bottom:5px}@media(max-width:700px){.compare-note{grid-template-columns:1fr}}.deepening{padding-top:10px}.references-panel{margin:28px 0 18px;padding:20px;border:1px solid var(--line);border-radius:17px;background:#0b1016}.references-panel h2{font-size:clamp(26px,3.5vw,38px);margin-top:0}.references-panel>p{color:var(--muted);max-width:820px}.references-panel .source-list{columns:2;column-gap:32px}.references-panel .source-list li{break-inside:avoid;margin:0 0 .72em}@media(max-width:760px){.references-panel .source-list{columns:1}}