/* V22: existing palette, native permissions, no global post-body overrides. */
.srp22-showcase{max-width:1280px;margin:0 auto;color:var(--ui-text,var(--srp-ink));font:14px/1.65 Arial,sans-serif}
.srp22-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0 22px;border-bottom:1px solid var(--srp-line)}
.srp22-heading h1{font:400 clamp(30px,4vw,46px)/1.1 Impact,'Arial Narrow',Arial,sans-serif;margin:10px 0}
.srp22-heading p,.srp22-panel p,.srp22-story p{color:var(--ui-muted,var(--srp-muted));margin:8px 0 16px}
.srp22-heading nav{display:flex;flex-wrap:wrap;gap:12px;flex-shrink:0}
.srp22-heading nav a,.srp22-discovery a{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--srp-line);border-radius:6px}
.srp22-panel,.srp22-story{padding:22px;border:1px solid var(--srp-line);border-radius:8px;background:var(--ui-panel,var(--srp-surface));margin:20px 0;min-width:0;box-sizing:border-box}
.srp22-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}
.srp22-grid>.srp22-story{margin:0}
.srp22-story header{display:flex;align-items:center;gap:18px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--srp-line)}
.srp22-story header>img{object-fit:contain;width:70px;height:108px;flex-shrink:0;background:radial-gradient(ellipse,#be904a28,transparent 70%)}
.srp22-story h2,.srp22-story h3{margin:6px 0!important;overflow-wrap:anywhere;line-height:1.3!important}
.srp22-story h2{font:400 26px/1.2 Impact,'Arial Narrow',Arial,sans-serif!important}
.srp22-story small{color:var(--srp-accent);font-size:11px;letter-spacing:.7px}
.srp22-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}
.srp22-gallery img{display:block;width:100%;height:150px;object-fit:cover;border-radius:5px}
.srp22-faction-photo{display:block;width:100%;height:180px;object-fit:cover;border-radius:5px;margin-bottom:16px}
.srp22-panel summary{cursor:pointer;font-weight:bold;padding:6px 0;color:var(--srp-accent)}
.srp22-panel label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:15px 0}
.srp22-panel label:has(>input:not([type=checkbox])),.srp22-panel label:has(>select){display:grid;gap:7px}
.srp22-panel input:not([type=checkbox]),.srp22-panel select{max-width:100%;width:100%;box-sizing:border-box}
.srp22-panel label small{font-weight:normal;color:var(--srp-muted);line-height:1.5}
.srp22-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.srp22-story-form{padding:16px 0;border-top:1px solid var(--srp-line)}
.srp22-official-card{display:flex;align-items:center;gap:16px;padding:16px 20px;border:1px solid var(--srp-line);border-radius:6px;background:var(--ui-panel,var(--srp-surface));box-sizing:border-box}
.srp22-official-card img{object-fit:contain;flex-shrink:0}
.srp22-official-card small,.srp22-official-card strong{display:block}
.srp22-official-card small{font-size:10px;letter-spacing:1.6px;color:var(--srp-accent)}
.srp22-official-card strong{font-size:16px;margin:3px 0}
.srp22-official-card p{font:12px/1.5 Arial,sans-serif!important;color:var(--srp-muted);margin:0}
#wrapper#wrapper#wrapper #boardindex_table .up_contain.srp-board-quiet22{min-height:60px!important;padding-top:10px!important;padding-bottom:10px!important}
#wrapper#wrapper#wrapper #boardindex_table .srp-board-quiet22 .board_icon{opacity:.65}
#wrapper#wrapper#wrapper #boardindex_table .srp-board-quiet22 .info a{font-size:14px!important}
#wrapper#wrapper#wrapper .srp-cover[data-content-kind]{min-height:120px!important;max-height:175px!important;border-left:3px solid var(--srp-accent)!important}
#wrapper#wrapper#wrapper .srp-cover[data-content-kind] small{letter-spacing:1.6px!important}
#wrapper#wrapper#wrapper .srp-cover[data-content-kind] small{display:flex;align-items:center;gap:8px}
#wrapper#wrapper#wrapper .srp-cover[data-content-kind] small svg{width:17px;height:17px;flex-shrink:0}
.srp22-showcase a:focus-visible,.srp22-panel summary:focus-visible{outline:2px solid var(--srp-accent);outline-offset:4px}
@media(max-width:700px){.srp22-heading{display:block}.srp22-heading nav{margin-top:18px}.srp22-grid,.srp22-editor-grid{grid-template-columns:1fr}.srp22-panel,.srp22-story{padding:16px}.srp22-heading nav a{flex:1;justify-content:center}.srp22-official-card{padding:14px;gap:12px}.srp22-official-card strong{font-size:14px}.srp22-gallery img{height:115px}}
/* V22.1: a dark photographic cover must retain light foregrounds in both themes. */
html[data-srp-palette] body>main[data-srp-view=home]>.hero.srp-city-hero21 h1{color:#f7f0e5!important}
html[data-srp-palette] body>main[data-srp-view=home]>.hero.srp-city-hero21 h1 em{color:#f0c976!important}
html[data-srp-palette] body>main[data-srp-view=home]>.hero.srp-city-hero21>p{color:#e4ded3!important}
html[data-srp-palette] body>main[data-srp-view=home]>.hero.srp-city-hero21 .server-card{background:#202225f2!important;border-color:#847050!important;color:#f1e8d9!important}
html[data-srp-palette] body>main[data-srp-view=home]>.hero.srp-city-hero21 .server-card :is([data-server-state],[data-server-count],[data-server-capacity],.server-card-version,.server-card-updated){color:#e5ddcf!important}
html[data-srp-palette] body>main[data-srp-view=home]>.hero.srp-city-hero21 .server-card-connect{background:#d8af63!important;color:#211d17!important;border-color:#d8af63!important}
html[data-srp-palette] body>main[data-srp-view=home]>.hero.srp-city-hero21 [data-server-copy]{background:transparent!important;color:#edcf91!important;border-color:#847050!important}
