.content-main { width: min(1120px, calc(100% - 2rem)); margin: 0 auto; padding: 4rem 0 7rem; }
.page-hero { position: relative; padding: clamp(2rem, 6vw, 5rem); border: 1px solid var(--gold-dark); background: linear-gradient(135deg, rgba(35,38,75,.96), rgba(11,13,29,.96)); box-shadow: inset 0 0 0 4px #111323, 6px 8px var(--shadow); overflow: hidden; }
.page-hero::after { content: ""; position: absolute; width: 180px; height: 180px; right: -50px; top: -60px; border: 2px solid var(--gold-dark); transform: rotate(45deg); opacity: .45; }
.page-hero .quest-label { color: var(--magic); }
.page-hero h1 { max-width: 900px; margin: .45rem 0 1rem; color: #fff1c9; font-size: clamp(2.4rem, 7vw, 5rem); line-height: .96; letter-spacing: -.055em; text-shadow: 4px 4px #412846; }
.page-hero > p:last-child { max-width: 760px; margin: 0; color: var(--ink); font-size: clamp(1rem, 2vw, 1.2rem); }
.content-stack { display: grid; gap: 1.25rem; margin-top: 2rem; }
.paper-panel { padding: clamp(1.4rem, 4vw, 2.5rem); border: 1px solid #4c4963; background: rgba(18,20,35,.95); box-shadow: inset 0 0 0 3px #181a2c, 5px 6px var(--shadow); }
.paper-panel h2, .paper-panel h3 { color: #fff1c9; line-height: 1.15; }
.paper-panel h2 { margin: 0 0 1rem; font-size: clamp(1.55rem, 3vw, 2.25rem); }
.paper-panel h3 { margin: 1.5rem 0 .6rem; font-size: 1.25rem; }
.paper-panel p, .paper-panel li { max-width: 78ch; color: #d7ccb0; }
.paper-panel a { color: var(--magic); text-underline-offset: 4px; }
.paper-panel a:hover, .paper-panel a:focus-visible { color: var(--gold); outline: 2px solid var(--gold); outline-offset: 3px; }
.paper-panel a:active { color: var(--ember); }
.content-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.content-grid .paper-panel { height: 100%; }
.entry-list { display: grid; gap: 1rem; margin-top: 2rem; }
.entry-card { display: grid; grid-template-columns: 150px 1fr auto; gap: 1.5rem; align-items: center; padding: 1.4rem; border: 1px solid #49465b; background: #121421; text-decoration: none; box-shadow: 4px 5px var(--shadow); }
.entry-card:hover, .entry-card:focus-visible { border-color: var(--magic); background: #1a2430; outline: 2px solid var(--magic); outline-offset: 3px; }
.entry-card:active { background: #0c161b; }
.entry-card time { color: var(--gold); font-size: .8rem; text-transform: uppercase; }
.entry-card strong { color: #fff1c9; font-size: 1.15rem; }
.entry-card p { margin: .4rem 0 0; color: var(--muted); }
.entry-card > span:last-child { color: var(--magic); font-size: 1.35rem; }
.article-header { margin-bottom: 2rem; }
.article-header time { color: var(--gold); font-weight: 700; }
.prose h2 { margin-top: 2.4rem; }
.prose p, .prose li { font-size: 1.02rem; line-height: 1.75; }
.form-panel form { display: grid; gap: .8rem; max-width: 620px; }
.warden-login > div { display: grid; gap: .8rem; }
.form-panel label { color: var(--ink); font-weight: 700; }
.form-panel input, .form-panel textarea, .form-panel select { min-height: 48px; width: 100%; padding: .75rem; border: 1px solid #5d5870; background: #090b18; color: var(--ink); font: inherit; }
.form-panel input:focus-visible, .form-panel textarea:focus-visible, .form-panel select:focus-visible { border-color: var(--magic); outline: 2px solid var(--magic); outline-offset: 2px; }
.form-panel button { min-height: 48px; width: fit-content; padding: .75rem 1.2rem; border: 1px solid var(--gold); background: var(--gold); color: var(--night); font: 700 .85rem/1 "Courier New", monospace; text-transform: uppercase; cursor: pointer; }
.form-panel button:hover, .form-panel button:focus-visible { background: var(--magic); border-color: #fff; outline: 2px solid var(--magic); outline-offset: 3px; }
.form-panel button:active { background: var(--ember); }
.form-panel button:disabled { opacity: .55; cursor: wait; }
.warden-login [data-login-code-step] button { width: 100%; }
.warden-login [data-login-new-code] { border-color: var(--gold-dark); background: #171827; color: var(--ink); }
.form-panel [hidden] { display: none; }
.signup-status { min-height: 1.5rem; color: var(--magic); }
.signup-status[data-state="error"] { color: #ff9a8a; }
.account-session { margin-bottom: 1.25rem; padding: 1rem; border: 1px solid var(--magic-dark); background: #0c171f; }
.account-session[data-state="active"] { border-color: var(--magic); }
.account-session[data-state="inactive"] { border-color: var(--gold); background: #211b16; }
.account-session-actions { display: flex; gap: .75rem; flex-wrap: wrap; margin-top: .8rem; }
.account-session-actions a, .account-session-actions button { min-height: 44px; display: inline-flex; align-items: center; padding: .65rem .9rem; border: 1px solid var(--gold); background: #171827; color: var(--ink); text-decoration: none; }
.alpha-consent { display: grid; grid-template-columns: auto 1fr; gap: .7rem; align-items: start; font-weight: 400 !important; }
.alpha-consent input { width: 22px; min-height: 22px; }
.turnstile-slot { min-height: 65px; }
.changelog-items { display: grid; gap: 1rem; }
.change-card { padding: 1.25rem; border-left: 4px solid var(--violet); background: #0d0f1d; }
.change-card header { display: flex; gap: 1rem; align-items: baseline; flex-wrap: wrap; }
.change-card h2 { margin: 0; font-size: 1.2rem; }
.change-card time, .change-card small { color: var(--muted); }
.lost-panel { text-align: center; }
.lost-panel .about-mark { margin: 0 auto 2rem; }
.lost-actions { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; }
.lost-actions a { min-height: 46px; display: inline-flex; align-items: center; padding: .7rem 1rem; border: 1px solid var(--gold); text-decoration: none; }
@media (max-width: 760px) {
  .content-main { width: min(100% - 1rem, 1120px); padding-top: 2rem; }
  .content-grid { grid-template-columns: 1fr; }
  .entry-card { grid-template-columns: 1fr auto; gap: .5rem 1rem; }
  .entry-card time { grid-column: 1 / -1; }
  .page-hero h1 { overflow-wrap: anywhere; }
}