/* Public reading pages: dark oak, cream lettering, and occasional paper accents.
   Artwork belongs to bounded panels; never scale it to the full document. */
body.medieval-companion{--site-text:#e4d1ac;--site-muted:#c7b798;--site-gold:#dfb87b;--site-line:#735b3b;background:#241c14;color:var(--site-text);color-scheme:dark;font:17px/1.75 Georgia,serif}
.medieval-companion a{color:#e5be7e}.medieval-companion a:hover{color:#fff0c7}
.medieval-companion button,.medieval-companion input,.medieval-companion select,.medieval-companion textarea{font:16px/1.5 Georgia,serif;border:1px solid #9d7d4e;border-radius:2px;padding:11px 15px;background:#1d1913;color:#f0dfbd;min-height:44px}
.medieval-companion button{background:#63432d;color:#fff0cc}.medieval-companion button:hover{background:#805337;color:#fff8e7}.medieval-companion input::placeholder{color:#baaa8d}
.medieval-companion input:is([type=checkbox],[type=radio]){min-height:0;padding:0;accent-color:#d4ad6d}
.medieval-companion .site-header{padding:21px max(28px,calc((100vw - 1240px)/2));background:#211a14;border-bottom:1px solid #896b40;gap:24px}.medieval-companion .wordmark{color:#f0ddba;font-size:16px;letter-spacing:2px;gap:15px}.medieval-companion .wordmark small{font:9px/1.8 Georgia,serif;color:#c9b28c;letter-spacing:1.5px}
.medieval-companion .site-nav{padding:12px max(28px,calc((100vw - 1240px)/2));gap:8px 23px;background:#30251a;border-bottom:1px solid #80623c;font:14px/1.6 Georgia,serif}.medieval-companion .site-nav a{color:#d6c3a0;padding:5px 0}.medieval-companion .site-nav a:hover{color:#fff0ce}.medieval-companion .site-nav [aria-current=page]{color:#ffe2a7;border-bottom:1px solid #ceac70}
.medieval-companion main{max-width:1300px;padding:0 38px 65px}
.medieval-companion .site-hero{padding:52px 38px 35px;margin:0 -38px 32px;border-bottom:1px solid #84663d;min-height:290px;background:#211d16}
.medieval-companion .eyebrow{color:#d2b47f}.medieval-companion h1{font-size:clamp(37px,4.8vw,62px);line-height:1.12;color:#f5e7c9;margin:14px 0 20px;max-width:900px;position:relative;text-shadow:0 2px 12px #120f0a}
.medieval-companion #page-intro{font-size:19px;color:#e1d2b5;max-width:760px;position:relative;margin-bottom:0}
.medieval-companion .hero-art{right:0;top:0;width:66%;height:100%;background:linear-gradient(90deg,#211d16,transparent 70%),linear-gradient(#211d1650,#211d16aa),url('/site-art/castle.webp') center 58%/cover no-repeat;opacity:1;mask-image:none;pointer-events:none}
body.medieval-companion .site-hero::after{filter:brightness(2.3) sepia(.35);opacity:.78}
.medieval-companion h2{font-size:30px;color:#f0ddba;line-height:1.25}.medieval-companion h3{font-size:23px;color:#f0dbb4}.medieval-companion p{overflow-wrap:anywhere}.medieval-companion .small{font:13px/1.7 Georgia,serif;color:#c7b798}
.medieval-companion .guide-layout{grid-template-columns:230px minmax(0,1fr);gap:54px}.medieval-companion .chapter-nav{gap:0;border:1px solid #b59a72;padding:16px 20px;background:#e4d0a9;font:14px/1.5 Georgia,serif;box-shadow:inset 0 0 0 4px #efdfbf}
.medieval-companion .chapter-nav a{color:#51371f;padding:11px 0;border-bottom:1px solid #a483544d}.medieval-companion .chapter-nav a:last-child{border-bottom:0}.medieval-companion .chapter-nav a:hover{color:#86361f;text-decoration:underline}
.medieval-companion .guide-copy{max-width:800px}.medieval-companion .guide-copy section{border-bottom:1px solid #695339;padding-bottom:30px;margin-bottom:27px}.medieval-companion .guide-copy p{color:#dfcfb0;font-size:18px;line-height:1.85}.medieval-companion .guide-copy section:first-child>p:first-of-type::first-letter{float:none;font-size:1.6em;line-height:1;padding:0;margin:0;vertical-align:baseline;color:#e4bd7d;font-family:inherit}
.medieval-companion .notice{border:1px solid #876b44;border-left:4px solid #c49a5d;background:#35291c;color:#ecdbb7;padding:18px 23px;font-size:16px}.medieval-companion .notice p{color:#ecdbb7}
.medieval-companion .catalog-tools{gap:14px;margin:25px 0 20px}.medieval-companion .catalog-tools label{color:#d3bd96;font:14px/1.5 Georgia,serif}.medieval-companion .catalog-tools input{min-width:0}.medieval-companion .catalog-tools select{min-width:220px}.medieval-companion .group-heading{margin:44px 0 22px;padding-bottom:13px;border-bottom:1px solid #8c6b40}
.medieval-companion .skill-paths{gap:22px;margin-bottom:32px}.medieval-companion .skill-path{background:#283027;border:1px solid #7e7656;padding:27px 29px;box-shadow:inset 0 0 0 4px #20271f}.medieval-companion .skill-path h2{font-size:27px;color:#f0d5a4}.medieval-companion .skill-path p{font:16px/1.7 Georgia,serif;color:#d8c9ab}.medieval-companion .skill-path nav{font:14px/1.6 Georgia,serif;gap:5px 20px}
.medieval-companion .skill-path:first-child{background:#e9d8b5;border-color:#b89865;box-shadow:inset 0 0 0 4px #dac198}.medieval-companion .skill-path:first-child h2{color:#4b301e}.medieval-companion .skill-path:first-child p{color:#503b29}.medieval-companion .skill-path:first-child a{color:#773a24}.medieval-companion .skill-path:first-child a:hover{color:#9c3f22}
.medieval-companion .skill-grid{gap:21px}.medieval-companion .skill-card{background:#30271d;border:1px solid #715c3c;padding:25px;box-shadow:0 3px 8px #0002}.medieval-companion .skill-card small{font:10px/1.6 Georgia,serif;color:#d6b77e;letter-spacing:1px}.medieval-companion .skill-card h3{margin-top:8px}.medieval-companion .skill-card p{font:15px/1.75 Georgia,serif;color:#d9c9ac}.medieval-companion .skill-card .skill-pitch{color:#e4bd83;font-style:italic}.medieval-companion .skill-card details{border-top:1px solid #76603e;font:14px/1.6 Georgia,serif;color:#d7c4a3}.medieval-companion .skill-card summary{color:#f1c78b;padding:8px 0}.medieval-companion .skill-card:target{border-color:#d8b374;box-shadow:0 0 0 2px #8b6b3d}.medieval-companion .skill-card .skill-emblem{width:52px;height:52px}
.medieval-companion .news-list{max-width:920px;margin:30px auto}.medieval-companion .news-card{position:relative;background:#30271d;border:1px solid #745d3c;border-top:3px double #b28b52;padding:35px 42px;margin-bottom:30px;box-shadow:0 5px 14px #0002}.medieval-companion .news-card time{font:13px/1.6 Georgia,serif;color:#cab899}.medieval-companion .news-card>.eyebrow{font-size:10px;color:#e1bc80;margin:0 0 5px}.medieval-companion .news-card h2{font-size:32px;margin:17px 0 23px;color:#f2ddba}.medieval-companion .news-card p:not(.eyebrow){font-size:17px;color:#dfcfb0;line-height:1.8}
.medieval-companion .news-card:first-child{background:#ecdbb8;border-color:#bba073;box-shadow:inset 0 0 0 5px #dbc49b,0 7px 18px #0003}.medieval-companion .news-card:first-child h2{color:#4b301f}.medieval-companion .news-card:first-child p:not(.eyebrow){color:#4c3928}.medieval-companion .news-card:first-child time{color:#61472b}.medieval-companion .news-card:first-child>.eyebrow,.medieval-companion .news-card:first-child a{color:#783c27}
/* Green stone standings, with a continuous texture across each row. */
.medieval-companion .scores{background:#142c24;border:1px solid #8c8059;font-size:16px;color:#f1d294}
.medieval-companion .scores caption{color:#efd29d;text-align:left;font-size:23px;padding:12px 0 19px}
.medieval-companion .scores thead{background:linear-gradient(#09271dcc,#09271dcc),url('/site-art/stone-panel.webp') 0 0/256px 256px}
.medieval-companion .scores th{font:12px/1.6 Georgia,serif;background:transparent;color:#ffe1a5;letter-spacing:1px}
.medieval-companion .scores th,.medieval-companion .scores td{border-bottom:1px solid #b59a584d}
.medieval-companion .scores td{background:transparent;color:#f1d294;font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #071710}
.medieval-companion .scores td:first-child{color:#efc875}
.medieval-companion .scores tbody tr{background:linear-gradient(#123c2db8,#123c2db8),url('/site-art/stone-panel.webp') 0 0/256px 256px}
.medieval-companion .scores tbody tr:nth-child(even){background:linear-gradient(#366044b8,#366044b8),url('/site-art/stone-panel.webp') 97px 83px/256px 256px}
.medieval-companion .score-tools{align-items:flex-end}
.medieval-companion .score-tools>label{flex:0 1 270px;min-width:0;width:auto}
.medieval-companion .score-tools>button{flex:0 0 auto;width:auto}
.medieval-companion .score-tools select,.medieval-companion .score-tools>button{box-sizing:border-box;height:44px;min-height:44px;padding:8px 14px;line-height:26px}
.medieval-companion .score-tools select{width:100%;min-width:0}
.medieval-companion .score-tools>button{background:linear-gradient(#174431cc,#174431cc),url('/site-art/stone-panel.webp') center/256px 256px;color:#f7d99e;border-color:#9c986a;box-shadow:inset 0 1px #c5d6a426,0 2px 4px #0003}
.medieval-companion .score-tools>button:hover{background:linear-gradient(#2d6345cc,#2d6345cc),url('/site-art/stone-panel.webp') center/256px 256px;color:#fff0c2;border-color:#d7bb7c}
@media(max-width:650px){.medieval-companion .score-tools>label{flex:1 1 0}.medieval-companion .score-tools select{min-width:0}}
.medieval-companion .feedback-intro{padding-bottom:25px;border-bottom:1px solid #80633c;margin-bottom:30px}.medieval-companion .feedback-intro p{font-size:18px;color:#dfcfb0}.medieval-companion .feedback-intro .play{margin-top:16px}.medieval-companion .feedback-intro nav{font-size:17px}
.medieval-companion .founder-card{background:#293027;border:1px solid #9a8254;padding:38px 30px;color:#ead8b4;box-shadow:inset 0 0 0 4px #20251e}.medieval-companion .founder-card.grand_founder{background:#3b2b27;border-color:#c99e5b;box-shadow:inset 0 0 0 4px #2c201d}.medieval-companion .founder-card p{color:#d9bb88}.medieval-companion .founder-star{color:#e6bc76}.medieval-companion .founder-card h2{color:#f1dbb2}
.medieval-companion .map-tools{font:15px/1.5 Georgia,serif}.medieval-companion .map-viewport{background:#263b38;border:6px solid #795c37;outline:1px solid #b3915b}.medieval-companion .kingdom-card{background:#2d2c22;border:1px solid #806941;padding:26px}.medieval-companion .kingdom-card small{color:#d7b579;font:10px/1.6 Georgia,serif}.medieval-companion .kingdom-card p{font-size:16px;color:#dbccb0}.medieval-companion .kingdom-card .kingdom-capital{color:#e7bb79;font-size:14px}.medieval-companion .kingdom-card .kingdom-places{font:13px/1.7 Georgia,serif;color:#d1bd99;border-color:#79613e}.medieval-companion .kingdom-card .kingdom-wilds{font:13px/1.7 Georgia,serif;color:#e7b99d}.medieval-companion .kingdom-card button{background:none;color:#edc58b;font:14px/1.5 Georgia,serif;min-height:44px}
/* Atlas styles load after the shell. These selectors deliberately outrank them. */
body.medieval-companion.world-map-page .hero-art{opacity:1}
body.medieval-companion .public-atlas :is(#atlas-counts,#atlas-status,#atlas-legend .atlas-legend-hint,#atlas-places small,.atlas-connections>small){color:#cbb999}
body.medieval-companion .public-atlas #atlas-detail strong{color:#efd19d}
body.medieval-companion .public-atlas :is(#atlas-detail p,.atlas-map-options,.world-map-legend,.map-layer-panel label,.map-layer-panel>p){color:#dfcfb0}
body.medieval-companion .public-atlas :is(.atlas-sidebar>label,.world-map-heading span){color:#e0be86}
body.medieval-companion .public-atlas :is(.atlas-sidebar input,.atlas-sidebar select){background:#211b14;color:#f0dfbd;border-color:#9d7d4e}
body.medieval-companion .public-atlas :is(#atlas-places button,.map-layer-panel,.map-layer-heading,.atlas-caption){background:#30271d;color:#ecdbb9;border-color:#8c7048}
body.medieval-companion .public-atlas :is(#atlas-places button:hover,#atlas-places button:focus-visible,#atlas-detail .atlas-inspect,.world-map-tools button[aria-pressed=true]){background:#68452d;color:#fff0cd;border-color:#d2aa6a}
body.medieval-companion .public-atlas #atlas-detail .atlas-inspect:hover{background:#805337}
body.medieval-companion .public-scene-viewer{background:#292118;color:#e4d1ac;border-color:#ab8754;border-radius:2px}
body.medieval-companion .public-scene-viewer::backdrop{background:#110d09de}
body.medieval-companion :is(.public-scene-heading small,.public-scene-help summary){color:#e2bd80}
body.medieval-companion .public-scene-heading h2{color:#f0ddba}
body.medieval-companion :is(.public-scene-heading p,.public-scene-help,.public-scene-note){color:#d9c7a7}
body.medieval-companion .public-scene-status{background:#241c14f5;color:#efddbb;border-color:#a68653;border-radius:2px}
body.medieval-companion .public-scene-viewer button{background:#63432d;color:#fff0cc;border-color:#a78652;border-radius:2px}
body.medieval-companion .public-scene-viewer button:hover{background:#805337}
body.medieval-companion.world-map-page .public-map-intro{color:#e4d1ac;font-size:17px}.medieval-companion .public-map-status{background:#342a1d;border-color:#a18250;color:#edddbd;font-family:Georgia,serif}.medieval-companion .public-map-illustration{border-color:#8b7048}.medieval-companion .public-map-illustration>summary{color:#e9c58e}.medieval-companion .public-atlas{background:#2b251d;border-color:#a58451;border-radius:2px;font-family:Georgia,serif;color:#e5d3af}.medieval-companion .public-atlas button{background:#59402b;color:#f5dfb6;border-color:#ab8754}.medieval-companion .public-atlas #world-map-region{background:#201b14;border-color:#ab8754;color:#f0debb}.medieval-companion .public-atlas .world-map-heading h2{color:#f5e4bf}
.medieval-companion .site-footer{background:#1b1510;border-top:1px solid #a17d48;padding:32px 26px;font:13px/1.6 Georgia,serif;color:#c7af89;gap:18px 27px}.medieval-companion .site-footer a{color:#e2c69c}
@media(max-width:900px){.medieval-companion .guide-layout{grid-template-columns:1fr;gap:28px}.medieval-companion .chapter-nav{position:static;display:flex;flex-wrap:wrap;gap:0 22px;padding:12px 20px}.medieval-companion .chapter-nav a{border:0}.medieval-companion .skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.medieval-companion .site-header{padding:19px 20px;gap:14px;align-items:center}.medieval-companion .wordmark{font-size:12px;letter-spacing:1px;gap:10px}.medieval-companion .wordmark small{font-size:8px;letter-spacing:.6px}.medieval-companion .sigil{width:36px;height:46px}.medieval-companion .sigil img{width:28px;height:32px}.medieval-companion .play{padding:9px 14px;white-space:nowrap}.medieval-companion .site-nav{padding:11px 20px;gap:6px 19px;font-size:13px}.medieval-companion main{padding:0 23px 40px}.medieval-companion .site-hero{padding:38px 23px 26px;margin:0 -23px 24px;min-height:0}.medieval-companion h1{font-size:38px}.medieval-companion #page-intro{font-size:17px}.medieval-companion .hero-art{width:100%;opacity:.55}.medieval-companion .skill-grid,.medieval-companion .skill-paths{grid-template-columns:1fr}.medieval-companion .skill-path{padding:23px}.medieval-companion .skill-card{padding:23px}.medieval-companion .news-card{padding:26px 24px}.medieval-companion .news-card h2{font-size:27px}.medieval-companion .news-card p:not(.eyebrow){font-size:16px}.medieval-companion .catalog-tools input,.medieval-companion .catalog-tools select{width:100%;min-width:0}.medieval-companion .guide-copy p{font-size:17px}.medieval-companion .scores th,.medieval-companion .scores td{padding:14px 11px}.medieval-companion .notice{padding:15px 18px}.medieval-companion .kingdom-grid{grid-template-columns:1fr}}
@media(max-width:370px){.medieval-companion .site-header{padding-inline:15px}.medieval-companion .wordmark{font-size:10px}.medieval-companion .wordmark small{font-size:7px}.medieval-companion main{padding-inline:18px}.medieval-companion .site-hero{padding-inline:18px;margin-inline:-18px}.medieval-companion h1{font-size:34px}}
