@charset "UTF-8";
:root{color-scheme:dark;--bg:#161c19;--panel:#202721;--gold:#c3a568;--cream:#ede3cb;--muted:#b1b5a9;--ink:#35352b;--border:#414739;font-family:Georgia,'Times New Roman',serif;font-size:16px}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at top,#30392d 0,transparent 65%),var(--bg);color:var(--cream);line-height:1.65}
a{color:inherit;text-decoration:none}
button{font:inherit}
a,button,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d9aa55;outline-offset:5px}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:400;line-height:1.2}
p{margin:1rem 0}
h2{font-size:1.75rem}
h3{font-size:1.45rem}
.gold{color:var(--gold)}
.masthead{max-width:1240px;margin:auto;min-height:112px;display:flex;align-items:center;gap:24px;padding:20px 36px}
.brand{display:flex;align-items:center;gap:15px;font-size:2rem;letter-spacing:3px;line-height:1.1}
.brand small{display:block;font:10px/2.5 Arial,sans-serif;letter-spacing:3.2px;color:var(--muted)}
.crest{display:grid;place-items:center;width:48px;height:60px;border:1px solid var(--gold);outline:1px solid #64583e;outline-offset:4px;border-radius:5px 5px 45% 45%;font-size:26px;letter-spacing:-2px;color:var(--gold)}
.phase{margin-left:auto;font:12px Arial,sans-serif;text-transform:uppercase;letter-spacing:2px;color:var(--muted)}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:10px 26px;border:1px solid #c6a76a;background:linear-gradient(#b49860,#95733e);color:#171b17;font:bold 14px/1.4 Arial,sans-serif;letter-spacing:.4px;box-shadow:inset 0 0 0 3px #ffffff0d;cursor:pointer}
.button:hover{filter:brightness(1.12)}
.button.secondary{color:var(--cream);background:#1820199c;border-color:#7b785e}
.navigation{border-block:1px solid #4b503a;background:#111710b8}
.navigation>div{max-width:1168px;margin:auto;display:flex}
.navigation a{font:14px Arial,sans-serif;color:#c2c4b7;padding:20px 25px;border-right:1px solid #ffffff07;position:relative}
.navigation a:hover{background:#ffffff06;color:#eedbb1}
.navigation a[aria-current]{color:#eedbb1;background:#b59a5510}
.navigation a[aria-current]:after{content:'';position:absolute;height:2px;bottom:-1px;left:24px;right:24px;background:var(--gold)}
.menu-toggle{display:none}
.hero{min-height:415px;position:relative;border-bottom:1px solid #5b5940;background:linear-gradient(90deg,#111b18ed 8%,#17221bb8 48%,#15201d38),url('../assets/realm.png') center 49%/cover,#273a32}
.hero-inner{max-width:1168px;margin:auto;padding:54px 0 34px;position:relative}
.eyebrow{font:11px/1.6 Arial,sans-serif;letter-spacing:2px;color:var(--gold);font-weight:bold}
.hero h1{font-size:clamp(2.6rem,4.2vw,3.85rem);line-height:1.06;margin:17px 0;color:#f2e9d3;text-shadow:0 2px 15px #0008}
.hero p{color:#c9ccbd;font-size:16px;line-height:1.75;margin-bottom:24px}
.hero-actions{display:flex;gap:12px}
.hero-note{display:block;font:10px Arial,sans-serif;letter-spacing:1.7px;color:#c1c3ae;margin-top:26px}
.hero-note span{color:var(--gold);margin:0 10px}
.hero-caption{position:absolute;bottom:24px;right:4%;font:10px Arial,sans-serif;letter-spacing:3px;color:#d4d2b6}
.home-grid{max-width:1168px;margin:38px auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}
.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px;gap:15px}
.section-heading h2{margin-top:4px}
.section-detail{font:italic 13px Georgia;color:var(--muted)}
.parchment{color:var(--ink);background:radial-gradient(ellipse at 20% 0,#faf0d833,transparent 65%),linear-gradient(100deg,#d6c9aa,#e5d9ba 50%,#d7c9a8);border:1px solid #aa9871;box-shadow:inset 0 0 35px #6c55271c,0 4px 15px #0002;padding:30px}
.news-card+.news-card{border-top:1px solid #9c8a624d;margin-top:24px;padding-top:24px}
.article-meta{display:flex;gap:12px;justify-content:space-between;font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;color:#686146}
.article-meta span:first-child{font-weight:bold;color:#71603b}
.news-card h3{margin:12px 0 9px;font-size:1.5rem}
.news-card.featured h3{font-size:1.9rem}
.news-card p{font-size:15px;line-height:1.8;margin:8px 0 14px}
.news-card summary{font:12px Arial,sans-serif;font-weight:bold;cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px;color:#625030;width:fit-content;padding:5px 0}
.news-card summary::-webkit-details-marker{display:none}
.news-card summary span{font-size:17px}
.news-card details[open] summary span{transform:rotate(45deg)}
.dark-panel{background:linear-gradient(120deg,#2b3227,#202720);border:1px solid var(--border);padding:24px;margin-bottom:18px;box-shadow:inset 0 0 0 4px #00000012}
.panel-title{display:flex;justify-content:space-between;align-items:center}
.panel-title h2{font-size:1.45rem}
.tag{font:10px Arial;text-transform:uppercase;letter-spacing:1px;border:1px solid #69705a;padding:4px 7px;color:#c1c5b6}
.realm-status{font:14px Arial;color:#ccc6ab;margin:23px 0 20px;display:flex;gap:9px;align-items:center}
.status-dot{width:7px;height:7px;background:#a7a48e;border-radius:50%}
.status-dot.online{background:#98b979}
dl{margin:0}
dl>div{display:flex;justify-content:space-between;gap:20px}
dt,dd{margin:0}
.dark-panel dl{font:13px/2.4 Arial;color:#bdc0b3}
.dark-panel dd{color:#e0ddcc}
.fine{font:11px/1.6 Arial;color:#a9afa0;display:block}
.text-link{font:12px Arial;color:#d3b779}
.dark-panel .text-link{display:block;padding-top:17px;border-top:1px solid var(--border)}
.journey{text-align:center;padding-block:20px}
.small-ornament{color:var(--gold)}
.journey h2{font-size:1.4rem;margin-top:8px}
.journey p{font-size:14px;color:#b7bbac}
.journey .button{display:flex;margin:10px 0}
.journey .fine{margin-top:14px;font-size:10px}
.discord-card{display:flex;gap:12px;align-items:center;padding:15px;border:1px solid var(--border);background:#242b25}
.discord-card strong{font-size:14px;font-weight:400}
.discord-card small{display:block;font:10px/1.8 Arial;color:var(--muted)}
.discord-card>span:last-child{margin-left:auto;color:var(--gold)}
.community-icon{font-size:28px;color:var(--gold)}
.principles{max-width:1168px;display:grid;grid-template-columns:repeat(3,1fr);margin:42px auto 60px;border-block:1px solid var(--border);padding:28px 0;gap:36px}
.principles article{position:relative;padding-left:40px}
.principle-number{position:absolute;left:0;top:0;color:#887b53;font-size:15px}
.principles h3{font-size:1.2rem}
.principles p{font-size:14px;color:var(--muted);margin:10px 0 0}
.page-wrap{max-width:1100px;margin:0 auto;padding:50px 0 70px;min-height:65vh}
.page-heading{max-width:780px;margin-bottom:30px}
.page-heading h1{font-size:clamp(2.3rem,4vw,3.2rem);margin-top:10px}
.page-heading p{color:var(--muted)}
.prose{max-width:800px}
.prose h2{margin-top:25px;font-size:1.5rem}
.prose h2:first-child{margin-top:0}
.parchment .text-link{color:#69532e}
.notice{border-left:3px solid #95713b;background:#6c552712;padding:12px 16px;font:14px/1.6 Arial;margin-bottom:26px}
.rates>div{padding:15px 6px;border-bottom:1px solid #9c8a624d}
.rates dd{text-align:right;color:#6a5c41}
.community-grid,.play-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.community-grid .parchment{position:relative}
.card-number{font-size:35px;color:#9b8a65;display:block;margin-bottom:20px}
.coming{display:inline-block;font:12px Arial;text-transform:uppercase;letter-spacing:1px;color:#6e5b38;border-top:1px solid #a8956b;padding-top:14px;margin-top:12px}
.change{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid #9c8a624d}
.change:last-child{border:0}
.change-index{font-size:22px;color:#8a744a}
.change h2{font-size:1.5rem;margin:8px 0}
.parchment .eyebrow{color:#7a633b}
.play-grid>div>.parchment+.parchment{margin-top:24px}
.play-grid h2{margin:12px 0}
.play-grid h3{margin-top:28px}
.unavailable{opacity:.65;cursor:not-allowed;max-width:100%;font-size:13px}
.unavailable:hover{filter:none}
.steps{padding-left:23px}
.steps li{padding:8px 0 8px 6px}
footer{border-top:1px solid var(--border);padding:32px;text-align:center;color:#929b8a;font:11px/1.8 Arial}
footer .footer-brand{font:22px Georgia;letter-spacing:3px;color:#d6d5bf}
footer p{margin:10px 0 3px}
footer div{display:flex;justify-content:center;gap:25px;margin-top:16px;color:#c5c7b6}
.skip{position:fixed;top:-100px;left:12px;z-index:50;background:var(--cream);color:#111;padding:12px}
.skip:focus{top:10px}
main:focus{outline:none}
@media(min-width:1600px){.hero-inner{padding-block:70px}
.hero{min-height:470px}
}
@media(max-width:1240px){.hero-inner,.home-grid,.principles,.page-wrap{margin-left:32px;margin-right:32px}
.hero-caption{display:none}
.navigation a{padding:19px 20px}
.navigation>div{justify-content:center}
}
@media(max-width:850px){.home-grid{grid-template-columns:minmax(0,1fr) 260px;gap:20px}
.section-detail{display:none}
.navigation a{padding:18px 12px;font-size:12px}
.hero{background-position:60% center}
.principles{gap:20px}
.principles article{padding-left:0}
.principle-number{position:static;display:block;margin-bottom:10px}
.article-meta{flex-wrap:wrap;gap:5px}
.phase{display:none}
.top-play{margin-left:auto}
.parchment{padding:24px}
}
@media(max-width:650px){.masthead{min-height:90px;padding:18px 22px;gap:15px}
.brand{font-size:1.55rem;gap:12px;letter-spacing:2px}
.brand small{font-size:8px;letter-spacing:2px}
.crest{width:33px;height:45px;font-size:21px}
.top-play{padding:9px 13px;min-height:39px;font-size:12px}
.menu-toggle{display:flex;background:none;color:var(--cream);border:0;padding:15px 23px;width:100%;justify-content:space-between;font:14px Arial}
.navigation>div{display:none;flex-direction:column}
.navigation>div.is-open{display:flex}
.navigation a{padding:15px 23px;font-size:14px}
.hero-inner,.home-grid,.principles,.page-wrap{margin-left:20px;margin-right:20px}
.hero-inner{padding:40px 0 30px}
.hero h1{font-size:2.8rem}
.hero p{font-size:15px}
.hero p br{display:none}
.hero{background-position:65% center;min-height:410px}
.hero-actions{flex-wrap:wrap}
.hero-actions .button{padding:12px 16px;font-size:12px}
.hero-note{font-size:9px;letter-spacing:1px;line-height:1.8}
.home-grid{display:block;margin-top:28px}
.home-grid aside{margin-top:24px;display:grid;grid-template-columns:1fr;gap:0}
.parchment{padding:22px}
.news-card.featured h3{font-size:1.7rem}
.principles{grid-template-columns:1fr;gap:24px;margin-bottom:35px}
.principles article{padding-left:38px}
.principle-number{position:absolute}
.community-grid,.play-grid{grid-template-columns:1fr}
.page-wrap{padding-top:32px}
.page-heading h1{font-size:2.3rem}
.rates>div{font-size:14px}
.change{gap:15px}
.change h2{font-size:1.3rem}
footer{padding:28px 18px}
footer div{gap:18px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}
}



/* Public test edition: compact realm masthead, familiar directory / news / status layout. */
.masthead { max-width: 1460px; min-height: 116px; background: linear-gradient(90deg,#162019e8,#172119a8),url('../assets/realm.png') center 45%/cover; }
.brand small { font-size: 12px; line-height: 1.5; letter-spacing: .7px; text-transform: none; margin-top: 9px; color: #d4d2bd; }
.navigation > div { max-width: 1390px; display: flex; flex-wrap: wrap; justify-content: center; }
.navigation a { font-size: 14px; padding: 17px 24px; }
.realm-banner { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 30px; padding: 10px 20px; border-bottom: 1px solid var(--border); color: #c4bd9f; background: #0e150f80; font: 12px/1.6 Arial,sans-serif; }
.realm-layout { display: grid; grid-template-columns: 190px minmax(0,1fr) 255px; gap: 22px; max-width: 1420px; margin: 28px auto 50px; padding: 0 22px; align-items: start; }
.realm-layout > *, #page-content { min-width: 0; }
.realm-menu { background: linear-gradient(110deg,#252b23,#1d241e); border: 1px solid var(--border); box-shadow: inset 0 0 0 4px #0002; }
.realm-menu nav section { padding: 12px 0; border-bottom: 1px solid var(--border); }
.realm-menu nav section:last-child { border-bottom: 0; }
.realm-menu h2 { font-size: 17px; color: var(--gold); margin: 3px 16px 8px; padding-bottom: 8px; border-bottom: 1px solid #ad975d40; }
.realm-menu nav a { display: block; font: 13px/1.55 Arial,sans-serif; padding: 8px 15px; color: #c5c9b9; border-left: 2px solid transparent; }
.realm-menu nav a:hover { color: #f0dfb7; background: #c6a4600b; }
.realm-menu nav a[aria-current] { color: #f0dfb7; border-left-color: var(--gold); background: #c6a46015; }
.page-heading { margin-bottom: 22px; }
.page-heading h1 { font-size: clamp(1.85rem,2.4vw,2.6rem); line-height: 1.2; }
.page-heading p { font-size: 15px; margin: 12px 0 0; }
.parchment { padding: 26px; color-scheme: light; }
.parchment h2 { font-size: 1.45rem; }
.parchment h3 { font-size: 1.2rem; }
.parchment p { font-size: 16px; }
.parchment a:not(.button) { color: #5b431c; text-decoration: underline; text-underline-offset: 3px; }
.parchment a:hover { color: #221b0e; }
.parchment .button.secondary { color: #eee3c9; }
.home-actions,.inline-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; }
.home-actions .button { flex: 1 1 180px; }
.news-card h2 { margin: 12px 0; font-size: 1.65rem; }
.news-card h2 a { text-decoration: none!important; color: #352f23!important; }
.article-meta { font-size: 12px; line-height: 1.6; }
.news-card p { font-size: 16px; }
.news-card summary { font-size: 14px; min-height: 44px; }
.post-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; font: 12px/1.8 Arial,sans-serif; color: #665b40; margin-top: 16px; }
.text-link { font-size: 13px; line-height: 1.6; }
.eyebrow { font-size: 12px; letter-spacing: 1.4px; }
.realm-sidebar .dark-panel { padding: 19px; }
.realm-sidebar h2 { font-size: 1.3rem; }
.realm-sidebar .button { width: 100%; padding-inline: 12px; }
.realm-sidebar p { font-size: 14px; }
.realm-sidebar .fine { font: 12px/1.6 Arial,sans-serif; }
.sidebar-facts { margin-top: 17px; }
.sidebar-facts > div { padding: 6px 0; gap: 12px; border-bottom: 1px solid #ffffff08; line-height: 1.5; }
.sidebar-facts dd { text-align: right; max-width: 60%; }
.fine { font-size: 12px; }
.tag { font-size: 11px; }
.filter-form { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; padding: 16px; margin-bottom: 20px; border: 1px solid var(--border); background: #212820; }
.filter-form label { flex: 1 1 155px; }
label { display: flex; flex-direction: column; gap: 6px; font: 14px/1.6 Arial,sans-serif; min-width: 0; }
input,select { width: 100%; min-width: 0; min-height: 44px; border: 1px solid #77795e; border-radius: 0; background: #131b15; color: #e9e5ce; padding: 9px 10px; font: 16px Arial,sans-serif; }
input:focus-visible,select:focus-visible,.table-scroll:focus-visible { outline: 3px solid #ceaa63; outline-offset: 3px; }
fieldset { border: 1px solid #9d8c65; padding: 18px; margin: 22px 0; min-width: 0; }
fieldset label { margin: 12px 0; }
fieldset input { background: #cfc3a6; color: #595440; }
fieldset button:disabled { opacity: .65; cursor: not-allowed; }
legend { padding: 0 7px; }
.table-scroll { max-width: 100%; overflow-x: auto; margin-top: 14px; }
table { width: 100%; border-collapse: collapse; font: 14px/1.6 Arial,sans-serif; text-align: left; }
caption { text-align: left; font: 13px/1.6 Arial,sans-serif; color: #655737; margin-bottom: 12px; }
th { color: #f0e5c9; background: #394032; font-weight: 400; }
th,td { padding: 12px 10px; border-bottom: 1px solid #a18f6355; }
td { vertical-align: top; }
tbody tr:nth-child(even) { background: #8e79450c; }
.table-scroll td a { display: inline-block; min-width: 80px; }
.rates > div { gap: 16px; }
.rates dt,.rates dd { flex: 1; }
.rates dd { overflow-wrap: anywhere; }
.prose h2,.prose h3 { margin-top: 24px; }
.prose h2:first-child { margin-top: 0; }
.accuracy-item { padding: 18px 0; border-bottom: 1px solid #ad986650; }
.accuracy-item h2 { margin-top: 7px; }
.directory-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-top: 20px; }
.directory-cards article { border: 1px solid #ac986a; padding: 15px; }
.directory-cards p { font-size: 14px; margin-bottom: 0; }
.spaced { margin-top: 28px; }
.pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin: 22px 0; font: 13px Arial,sans-serif; color: var(--muted); }
.pagination .button { font-size: 13px; padding: 10px 16px; }
.back-link { display: inline-block; padding: 18px 0; color: var(--gold); }
.state-panel { min-height: 140px; }
#main { scroll-margin-top: 16px; }
@media(max-width:1150px) {
  .realm-layout { grid-template-columns: 170px minmax(0,1fr) 220px; gap: 16px; padding-inline: 16px; }
  .realm-sidebar .dark-panel { padding: 15px; }
  .parchment { padding: 20px; }
}
@media(max-width:950px) {
  .realm-layout { grid-template-columns: 170px minmax(0,1fr); }
  .realm-sidebar { grid-column: 2; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
  .realm-sidebar .dark-panel { margin: 0; }
}
@media(max-width:650px) {
  .masthead { flex-wrap: wrap; padding: 21px; gap: 20px; }
  .brand { font-size: 1.7rem; }
  .brand small { font-size: 11px; letter-spacing: 0; }
  .top-play { margin-left: 0; }
  .navigation > div { display: flex; flex-direction: row; justify-content: start; }
  .navigation a { padding: 13px 12px; font-size: 13px; flex: 1 0 auto; text-align: center; }
  .navigation a[aria-current]:after { left: 12px; right: 12px; }
  .realm-banner { font-size: 11px; gap: 5px 15px; justify-content: start; }
  .realm-layout { display: flex; flex-direction: column; margin-top: 16px; padding: 0 14px; gap: 22px; }
  .realm-layout > * { width: 100%; }
  .realm-menu .menu-toggle { display: flex; font-size: 15px; padding: 16px; }
  #realm-links { display: none; }
  #realm-links.is-open { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .realm-menu nav a { min-height: 44px; font-size: 14px; }
  .realm-sidebar { display: grid; grid-template-columns: 1fr; }
  .page-heading h1 { font-size: 2rem; }
  .parchment { padding: 18px; }
  .directory-cards { grid-template-columns: 1fr; }
  .news-card h2 { font-size: 1.5rem; }
  .article-meta { font-size: 11px; }
  .filter-form { padding: 13px; }
  th,td { padding: 10px 8px; }
  .rates > div { font-size: 15px; }
  footer div { flex-wrap: wrap; }
}

.account-form{display:grid;gap:1rem;margin-bottom:2rem}.account-form label{display:grid;gap:.4rem}.account-form .check-label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.6rem}.check-label input{width:auto}.account-form input{max-width:100%}.rates dd{overflow-wrap:anywhere}[data-account-feedback]:empty{display:none}[data-account-feedback]{border-left:3px solid var(--gold,#b79a54);padding:.75rem}

/* Character creation stays readable inside parchment without altering shared filters. */
.character-form { color: var(--cream); }
.character-form h2, .character-form p { flex-basis: 100%; margin: 0; }
.character-form input, .character-form select { color: var(--cream); }
.character-form label { color: var(--cream); }
.download-details { margin: 22px 0; }
.download-details summary { cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.home-actions .button.secondary { background: #414b3b; border-color: #9f956c; }

/* Restrained real-client preview; existing header mark retained pending approved crest. */
.gameplay-preview{margin:0;max-width:680px;margin-inline:auto}
.gameplay-preview img{display:block;width:100%;height:auto;border:1px solid #665735}
.gameplay-preview figcaption{font-size:14px;line-height:1.6;margin-top:10px}
.email-status{margin-block:20px;padding-block:14px;border-block:1px solid #9a855a}
.email-status p{overflow-wrap:anywhere}
/* Polish 2.0: retain the realm layout; bring real gameplay and news forward. */
.brand-dragon{width:64px;height:64px;object-fit:contain;flex-shrink:0;border-radius:50%}
.why-ember{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.why-ember h2{font-size:1.1rem;margin:0 0 8px}.why-ember p{font-size:14px;line-height:1.6;margin:0}
.feed-heading{color:var(--cream);font-size:1.55rem;margin:28px 0 16px}
.gameplay-preview{max-width:100%}.gameplay-preview figcaption{font-size:12px;color:#5c5139}
.news-card+.news-card{border-top:1px solid #ac986a;padding-top:24px;margin-top:24px}
.navigation form{align-self:center;margin:0 12px}.navigation form .button{min-height:44px}
@media(max-width:650px){
 .masthead{min-height:88px;padding:14px 18px;gap:10px}.brand-dragon{width:46px;height:46px}
 .brand{gap:12px}.brand small{margin-top:4px}.top-play{display:none}
 .navigation a{padding:12px 9px;min-height:44px}.navigation a[href="#/server-info"],.navigation a[href="#/community"]{display:none}
 .realm-banner{padding:8px 14px;gap:4px 12px}.realm-banner span:last-child{display:none}
 .realm-layout{margin-top:12px;gap:16px}.realm-menu .menu-toggle{padding:11px 14px;min-height:44px}
 .page-heading{margin-bottom:16px}.page-heading h1{font-size:1.65rem}.page-heading p{line-height:1.5}
 .home-actions{gap:8px;margin-bottom:16px}.home-actions .button{flex:1 1 120px;padding:12px 10px;min-height:44px}
 .home-actions .button:last-child{flex-basis:100%}.why-ember{grid-template-columns:1fr;gap:16px}
}
.home-overview{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;align-items:start}
.home-overview .why-ember{grid-template-columns:1fr;margin-top:0;gap:15px}
@media(max-width:1100px){.home-overview{grid-template-columns:1fr}.home-overview .why-ember{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.home-overview .why-ember{grid-template-columns:1fr}}
.parchment .fine{color:#594d34}

/* Keep house columns readable inside their existing mobile scroll region. */
.table-scroll[aria-label="House directory"] table { min-width: 540px; }