/* House quality corrections. No new visual identity or substitute artwork.
   Loaded after the existing House stylesheet while its older experiments are reconciled. */
:root {
  --house-target: 44px;
  --house-reading: 1.5;
  --house-focus-width: 3px;
}

/* The legacy rail collapses at 900px, not 820px. Keep one usable menu at every width. */
@media (max-width:900px) {
  :root { --sidebar: 0px; }
  .sidebar { display:none !important; }
  .shell > .main { margin-left:0 !important; }
  .topbar { min-height:64px; padding:8px 12px; gap:8px; }
  .topbar .mobile-menu,.topbar .mobile-brand { display:inline-grid !important; }
  .topbar .mobile-brand { place-items:center; width:48px; height:48px; }
  .topbar .mobile-brand .seal-mark { width:46px; height:46px; }
  .topbar .search,.topbar .datestamp,.topbar .wx-chip,.topbar .titles,
  .topbar .who > div,.topbar #theme,.topbar .desktop-signout { display:none !important; }
  .topbar .spacer { display:block; }
  .topbar .who { border:0; padding:0; min-width:var(--house-target); min-height:var(--house-target); display:grid; place-items:center; }
  .topbar .icon-btn,.topbar .notice-bell,.topbar .mobile-menu { min-width:var(--house-target); min-height:var(--house-target); }
  .tabbar { display:none !important; }
}

/* Priority notices remain real content. On a phone they flow below the room image,
   rather than overlapping the House title or suppressing Action Required. */
@media (max-width:760px) {
  .official-hero { display:flex; flex-direction:column; min-height:0; overflow:hidden; }
  .official-hero .official-room,.official-hero .official-hero-shade { height:280px; bottom:auto; }
  .official-hero .official-hero-copy { position:relative; inset:auto; min-height:280px; padding:170px 18px 20px; display:flex; flex-direction:column; justify-content:flex-end; }
  .official-hero .official-hero-copy h1 { font-size:clamp(38px,11vw,48px); line-height:1.06; overflow-wrap:anywhere; }
  .official-hero .official-hero-copy p { font-size:clamp(19px,5.6vw,24px); line-height:1.3; }
  .official-hero .official-hero-creed { font-size:12px; line-height:1.5; letter-spacing:.05em; }
  .official-hero .official-hero-alerts { position:relative; inset:auto; transform:none; translate:none; width:auto; padding:10px; gap:8px; }
  .official-hero .official-alert:nth-child(n) { display:grid; min-height:64px; }
  .official-hero .official-alert span span { white-space:normal; overflow:visible; line-height:var(--house-reading); }
  .official-hero .official-floor-mark { top:165px; bottom:auto; left:62%; width:190px; height:190px; pointer-events:none; }
  .official-search .ask-bar input { min-height:var(--house-target); }
  .official-panel-head a,.official-list > a,.official-next-event { min-height:var(--house-target); }
  .official-panel-head a { display:inline-flex; align-items:center; }
}

/* The member photo should not permanently reserve a narrow column on a phone. */
@media (max-width:600px) {
  .account-hero { grid-template-columns:minmax(0,1fr); }
  .account-hero .account-photo { width:100px; }
  .account-hero .account-identity,.account-hero .account-earned { grid-column:1/-1; }
  .account-hero .account-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .account-hero .account-name h1 { line-height:1.08; overflow-wrap:anywhere; }
  .account-hero .account-actions { align-items:stretch; }
}

/* Shared keyboard and form feedback. Colours inherit the approved token system. */
.activation-panel .activation-error { border:1px solid var(--red); padding:12px 14px; margin-bottom:16px; line-height:var(--house-reading); }
.activation-panel .activation-error:focus { outline:var(--house-focus-width) solid var(--gold); outline-offset:3px; }
.activation-panel [aria-invalid="true"] { border-color:var(--red); }
.activation-copy h1 { overflow-wrap:anywhere; }
.activation-progress em { line-height:var(--house-reading); }
.activation-step-two .activation-progress > span { color:var(--muted); }
.activation-step-two .activation-progress .on,.activation-step-two .activation-progress .done { color:var(--gold); }
.activation-step-two .activation-progress b { color:inherit; border-color:var(--gold-line); }
.activation-step-two .activation-progress > i { background:var(--gold-line); }
@media (prefers-reduced-motion:reduce) {
  .activation-house *,.official-dashboard * { scroll-behavior:auto !important; }
}

/* Keep metadata readable on both the glass alert and its light hover surface. */
:root {
  --house-alert-muted-day: #62594e;
  --house-access-ink: #0a0b0b;
  --house-access-text: #f7f0df;
  --house-access-gold: #eac267;
}
html[data-theme="light"] .official-alert small { color:var(--house-alert-muted-day); }

/* The focused access corridor stays a night room in both portal preferences. */
html[data-view="activation"] .activation-panel .field input,
html[data-view="activation"] .activation-panel .field input:focus {
  background:var(--house-access-ink);
  color:var(--house-access-text);
  caret-color:var(--house-access-text);
  color-scheme:dark;
}
html[data-view="activation"] .activation-panel .activation-continue {
  background:var(--house-access-gold);
  border-color:var(--house-access-gold);
  color:var(--house-access-ink);
}

/* Typography must not turn a subscription address into a 74px monogram. */
input.input.mono { width:100%; min-width:0; height:auto; }
.official-next-event > span:nth-child(2) { display:grid; gap:4px; min-width:0; }
.official-next-event > span:nth-child(2) > strong { display:block; line-height:1.4; }
.official-next-event > span:nth-child(2) > small { display:block; font-size:13px; line-height:1.5; }


/* --------------------------------------------------------------------------
   Brother Home responsive authority — approved desktop/tablet/mobile family.
   NEO is recognition only. First 30 Days is temporary orientation only.
   -------------------------------------------------------------------------- */
.neo-badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:22px;padding:2px 8px;margin-left:7px;border-radius:999px;
  background:var(--gold);color:#111;font-size:11px;font-weight:900;
  letter-spacing:.08em;line-height:1;text-transform:uppercase;vertical-align:middle;
}
.topbar .who .name{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.first-30{
  position:relative;overflow:hidden;margin:14px 0 16px;padding:18px;
  border:1px solid var(--gold-line);border-radius:18px;background:var(--card);
  box-shadow:0 12px 32px rgba(0,0,0,.12)
}
.first-30::before{
  content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--gold);
}
.first-30-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start}
.first-30-mark{
  display:grid;place-items:center;width:46px;height:46px;border-radius:13px;
  color:var(--gold);background:rgba(226,179,79,.09);border:1px solid var(--gold-line)
}
.first-30-mark svg{width:24px;height:24px}
.first-30-head h3{margin:2px 0 4px;font-size:clamp(21px,2vw,28px);line-height:1.1}
.first-30-head p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.45}
.first-30-count{text-align:right;display:grid;gap:1px;white-space:nowrap}
.first-30-count strong{font-size:16px;color:var(--text)}
.first-30-count span{font-size:12.5px;color:var(--muted)}
.first-30-progress{
  height:6px;margin:15px 0 14px;border-radius:999px;overflow:hidden;
  background:color-mix(in srgb,var(--text) 10%,transparent)
}
.first-30-progress>span{display:block;height:100%;border-radius:inherit;background:var(--gold)}
.first-30-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.first-30-step{
  min-width:0;min-height:74px;padding:11px 10px;border:1px solid var(--line);
  border-radius:12px;background:transparent;color:var(--text);text-decoration:none;
  display:flex;align-items:center;gap:9px;text-align:left;font:inherit;cursor:pointer
}
.first-30-step:hover,.first-30-step:focus-visible{
  border-color:var(--gold);background:rgba(226,179,79,.08);outline:none
}
.first-30-step .step-num{
  flex:0 0 30px;width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;border:1px solid var(--gold-line);
  color:var(--gold);font-weight:900
}
.first-30-step.done .step-num{background:var(--gold);color:#111;border-color:var(--gold)}
.first-30-step.done{border-color:color-mix(in srgb,var(--gold) 48%,var(--line))}
html[data-theme="light"] .first-30{box-shadow:0 10px 28px rgba(68,44,10,.08)}
html[data-theme="light"] .first-30-mark{background:rgba(180,119,18,.08)}
html[data-theme="light"] .neo-badge{background:#f7e7bd;color:#2f1d00;border:1px solid #9d6a10}

/* Tablet keeps the full House rail and full Brother capability set. Only the
   orientation steps reflow; nothing is removed. */
@media (min-width:901px) and (max-width:1180px){
  .first-30{padding:16px}
  .first-30-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
  .first-30-step{padding:9px 8px;font-size:13px}
}

.official-quick .mobile-only{display:none!important}

/* Phone authority: the normal Brother dashboard, not a special NEO dashboard. */
@media (max-width:600px){
  .shell>.main{padding-bottom:78px}
  .topbar{padding-inline:8px}
  .topbar .mobile-brand{width:42px;height:42px}
  .topbar .mobile-brand .seal-mark{width:40px;height:40px}
  .topbar .who{display:flex;align-items:center;gap:6px;min-width:0;padding:0 2px}
  .topbar .who>div{display:block!important;min-width:0}
  .topbar .who .role{display:none!important}
  .topbar .who .name{font-size:12.5px;line-height:1.1;white-space:nowrap}
  .topbar .who .name>span:first-child{max-width:92px;overflow:hidden;text-overflow:ellipsis}
  .topbar .who .avatar{width:34px;height:34px}
  .neo-badge{min-height:19px;padding:2px 6px;margin-left:2px;font-size:9.5px}

  .tabbar{
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));
    grid-auto-flow:initial;justify-content:stretch;gap:2px;
    padding:6px 5px calc(6px + env(safe-area-inset-bottom))
  }
  .tabbar a,.tabbar button{
    width:auto!important;min-width:0!important;min-height:56px;
    padding:6px 2px!important;border-radius:10px;font-size:11px!important
  }
  .tabbar a svg,.tabbar button svg{width:20px;height:20px}
  .tabbar a.active{color:var(--gold);background:rgba(226,179,79,.09)}

  .official-dashboard{display:flex;flex-direction:column}
  .official-welcome{order:0}
  .official-hero{order:1}
  .first-30{order:2}
  .official-quick{order:3}
  .official-search{order:4}
  .official-lower{order:5}
  .official-general{order:6}
  .invite{order:7}

  .first-30{margin:10px 0 14px;padding:15px 13px 14px;border-radius:15px}
  .first-30-head{grid-template-columns:auto minmax(0,1fr);gap:10px}
  .first-30-mark{width:40px;height:40px}
  .first-30-count{grid-column:2;text-align:left;display:flex;gap:5px;align-items:baseline}
  .first-30-progress{margin:12px 0}
  .first-30-steps{grid-template-columns:1fr;gap:7px}
  .first-30-step{min-height:52px;padding:9px 10px}
  .first-30-step .step-num{width:28px;height:28px;flex-basis:28px}

  /* Search remains available from More → Search the House; the home screen
     follows the approved phone hierarchy instead of duplicating a large box. */
  .official-search{display:none}
  .official-quick{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .official-quick .mobile-hide{display:none!important}
  .official-quick .mobile-only{display:flex!important}
  .official-quick>a{min-width:0!important;min-height:92px;padding:11px 5px;overflow:hidden}
  .official-quick>a strong{font-size:13px;line-height:1.18;overflow-wrap:anywhere}
  .official-quick>a span{font-size:11px;line-height:1.3;overflow-wrap:anywhere}
  .official-lower{grid-template-columns:1fr}
  .official-from-house{order:1}
  .official-upcoming{order:2}
  .official-tacoma{order:3}
  .official-impact{order:4}
  .official-calendar-card{order:5}
  .official-general-grid{grid-template-columns:1fr}
  .official-panel{min-width:0}
}

@media (max-width:390px){
  .topbar .who .name>span:first-child{max-width:72px}
  .first-30-head h3{font-size:20px}
}
@media (max-width:350px){
  .official-quick{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* ================= HOUSE HOME ELITE V33 — QUALITY AUTHORITY =================
   Loaded after styles.css, so these rules intentionally reconcile older responsive safeguards
   with the current House Home composition. */
@media (max-width:600px){
  .official-dashboard>.official-hero-stack{order:1!important}
  .official-hero-stack>.official-hero{order:0!important}
  .official-hero-stack>.official-briefing{order:1!important}

  .official-hero{
    display:block!important;
    position:relative!important;
    min-height:345px!important;
    overflow:hidden!important;
  }
  .official-hero .official-room,
  .official-hero .official-hero-shade{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:auto!important;
    bottom:0!important;
  }
  .official-hero .official-hero-copy{
    position:absolute!important;
    left:20px!important;
    right:20px!important;
    top:auto!important;
    bottom:24px!important;
    inset-inline:20px!important;
    min-height:0!important;
    padding:0!important;
    display:block!important;
  }
  .official-hero .official-hero-copy h1{
    font-size:50px!important;
    line-height:.90!important;
    overflow-wrap:normal!important;
  }
  .official-hero .official-hero-copy p{
    font-size:20px!important;
    line-height:1.2!important;
  }
  .official-hero .official-hero-creed{
    font-size:9px!important;
    line-height:1.35!important;
    letter-spacing:.115em!important;
  }

  .tabbar{
    min-height:66px!important;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;
    gap:2px!important;
    background:rgba(11,11,10,.92)!important;
    border-top:1px solid rgba(226,179,79,.15)!important;
  }
  .tabbar a,.tabbar button{
    min-height:52px!important;
    padding:6px 2px!important;
    border-radius:12px!important;
    font-size:11.5px!important;
  }
  .tabbar a.active{
    color:#e9bc61!important;
    background:transparent!important;
  }
  .tabbar a.active::before{
    content:"";
    position:absolute;
    top:1px;
    left:50%;
    width:24px;
    height:2px;
    border-radius:2px;
    transform:translateX(-50%);
    background:#e2b34f;
    box-shadow:0 0 14px rgba(226,179,79,.38);
  }
  html[data-theme="light"] .tabbar{
    background:rgba(250,246,238,.94)!important;
    border-top-color:rgba(137,91,22,.14)!important;
  }
  html[data-theme="light"] .tabbar a.active{color:#9a6410!important}
}

@media (min-width:601px) and (max-width:760px){
  .official-hero-stack>.official-hero{order:0!important}
  .official-hero-stack>.official-briefing{order:1!important}
}



/* House Orientation reminder lives in the room when the Brother is home. */
.tour-again-inline{
  position:relative!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:9px 12px!important;
  border-radius:14px!important;
  border:1px solid rgba(226,179,79,.24)!important;
  background:linear-gradient(100deg,rgba(226,179,79,.075),rgba(var(--tint),.018))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
  backdrop-filter:none!important;
}
.tour-again-inline .tour-again-mark{
  width:32px!important;height:32px!important;
  background:rgba(226,179,79,.10)!important;
}
.tour-again-inline .tour-again-words strong{font-size:13.5px!important}
.tour-again-inline .tour-again-words small{font-size:11px!important}
.tour-again-inline [data-resume]{
  min-height:36px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  box-shadow:none!important;
}
.tour-again-inline [data-dismiss]{
  width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
}
html[data-theme="light"] .tour-again-inline{
  background:linear-gradient(100deg,rgba(166,105,17,.07),rgba(255,255,255,.30))!important;
  border-color:rgba(137,91,22,.18)!important;
}

@media(max-width:600px){
  .tour-again-inline{
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr) auto 36px!important;
    gap:8px!important;
    padding:7px 9px!important;
    border-radius:13px!important;
  }
  .tour-again-inline .tour-again-words{
    display:flex!important;
    flex-direction:column!important;
    gap:1px!important;
  }
  .tour-again-inline .tour-again-words strong{font-size:13px!important}
  .tour-again-inline .tour-again-words small{font-size:10.5px!important}
  .tour-again-inline [data-resume]{
    min-height:34px!important;
    padding:0 12px!important;
    font-size:12px!important;
  }
  .tour-again-inline [data-dismiss]{
    width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
  }
}

/* ==========================================================================
   HOUSE 512 DAYLIGHT THEME AUTHORITY V1 — LOCKED 2026-09-24
   Final loaded authority for authenticated daylight surfaces.
   The approved master is DAYLIGHT-THEME-AUTHORITY.md.
   ========================================================================== */
html[data-theme="light"]{
  --page:#FEFCF7;
  --ambient:
    radial-gradient(62% 42% at 14% -6%,rgba(190,145,52,.075),transparent 72%),
    radial-gradient(46% 34% at 92% 2%,rgba(164,111,27,.055),transparent 74%),
    linear-gradient(180deg,#FFFDF9 0%,#FEFCF7 54%,#FAF6EE 100%);
  --pane:linear-gradient(165deg,rgba(255,255,253,.99),rgba(252,249,242,.99));
  --pane-solid:linear-gradient(165deg,#FFFFFD,#FCF9F2);
  --pane-edge:rgba(94,69,30,.16);
  --bar:rgba(255,254,250,.975);
  --header:rgba(255,254,250,.965);
  --toast-bg:linear-gradient(160deg,#FFFFFD,#F9F5EC);
  --avatar-bg:linear-gradient(145deg,rgba(183,132,36,.16),rgba(255,255,255,.94));
  --scrim:rgba(31,24,14,.36);

  --ink:#FEFCF7;
  --ink-2:#FCF9F2;
  --ink-3:#F8F3E9;
  --panel:#FFFFFD;
  --panel-2:#FAF6EE;
  --ivory:#17130F;
  --cream:#241E17;
  --text:#1A1713;
  --muted:#514B43;
  --muted-2:#665E53;
  --muted-3:#756B5E;

  --gold:#83570D;
  --gold-deep:#704807;
  --gold-light:#76500D;
  --gold-2:#82570D;
  --gold-dim:rgba(151,104,24,.15);
  --gold-line:rgba(151,104,24,.24);
  --leaf:#B7892A;
  --leaf-hair:rgba(183,137,42,.26);

  --glass:rgba(255,255,255,.84);
  --glass-2:rgba(255,255,255,.60);
  --glass-strong:rgba(255,255,255,.94);
  --glass-edge:rgba(80,61,34,.12);
  --glass-lit:inset 0 1px 0 rgba(255,255,255,.96);
  --card:#FFFFFD;
  --line:rgba(80,61,34,.13);
  --depth:0 1px 2px rgba(59,43,21,.04),0 9px 24px rgba(59,43,21,.07);
  --depth-lift:0 2px 5px rgba(59,43,21,.06),0 18px 42px rgba(59,43,21,.10);
  --shadow:0 12px 32px rgba(59,43,21,.09);
}

html[data-theme="light"] body{
  background:#FEFCF7!important;
  color:var(--text);
}
html[data-theme="light"] body::before{background:var(--ambient)!important}

html[data-theme="light"] .topbar{
  background:rgba(255,254,250,.97)!important;
  color:#17130F!important;
  border-bottom-color:rgba(112,72,7,.12)!important;
  box-shadow:0 8px 24px rgba(64,45,19,.045);
}
html[data-theme="light"] .topbar .who,
html[data-theme="light"] .topbar .who .name,
html[data-theme="light"] .topbar .who .role,
html[data-theme="light"] .topbar .datestamp,
html[data-theme="light"] .topbar .place{color:#1A1713!important}
html[data-theme="light"] .topbar .icon-btn,
html[data-theme="light"] .topbar .mobile-menu,
html[data-theme="light"] .topbar .notice-bell{color:#29231C!important;border-color:rgba(112,72,7,.16)!important}
html[data-theme="light"] .topbar .avatar{background:#FFFDF8!important;color:#76500D!important}

html[data-theme="light"] .sidebar{
  background:
    radial-gradient(120% 50% at 50% -8%,rgba(183,137,42,.095),transparent 68%),
    linear-gradient(180deg,#FFFDF9 0%,#FAF6EE 52%,#F7F1E6 100%)!important;
  border-right-color:rgba(112,72,7,.13)!important;
}
html[data-theme="light"] .sidebar .nav a,
html[data-theme="light"] .sidebar-signout{color:#211C16!important}
html[data-theme="light"] .sidebar .nav a.active{
  background:linear-gradient(90deg,rgba(183,137,42,.14),rgba(255,255,255,.82))!important;
  color:#17130F!important;
}

@media(max-width:700px){
  html[data-theme="light"] .tabbar{
    background:rgba(255,254,250,.975)!important;
    color:#4F4941!important;
    border-top-color:rgba(112,72,7,.12)!important;
    box-shadow:0 -8px 24px rgba(64,45,19,.06)!important;
  }
  html[data-theme="light"] .tabbar a,
  html[data-theme="light"] .tabbar button{color:#625B52!important}
  html[data-theme="light"] .tabbar a.active{color:#83570D!important}
  html[data-theme="light"] .tabbar a span,
  html[data-theme="light"] .tabbar button span,
  html[data-theme="light"] .tabbar svg{color:inherit!important}
  html[data-theme="light"] .tabbar a.active::before{
    background:#B7892A!important;
    box-shadow:none!important;
  }
}

html[data-theme="light"] .view{color:var(--text)}
html[data-theme="light"][data-view="dashboard"] .view{
  background:
    radial-gradient(80% 28% at 50% -4%,rgba(183,137,42,.055),transparent 72%),
    linear-gradient(180deg,#FFFDF9 0%,#FEFCF7 46%,#FCF9F3 100%)!important;
}

html[data-theme="light"] .card,
html[data-theme="light"] .official-panel,
html[data-theme="light"] .official-quick>a,
html[data-theme="light"] .first-30{
  background:linear-gradient(180deg,#FFFFFD,#FCF9F3)!important;
  border-color:rgba(112,72,7,.14)!important;
  box-shadow:0 8px 24px rgba(64,45,19,.055)!important;
  color:var(--text)!important;
}
html[data-theme="light"] .card h1,
html[data-theme="light"] .card h2,
html[data-theme="light"] .card h3,
html[data-theme="light"] .official-panel h1,
html[data-theme="light"] .official-panel h2,
html[data-theme="light"] .official-panel h3,
html[data-theme="light"] .item .title{color:#1A1713!important}
html[data-theme="light"] .small,
html[data-theme="light"] .item .meta,
html[data-theme="light"] .lede{color:#5C554C!important}

html[data-theme="light"] .field input,
html[data-theme="light"] .field select,
html[data-theme="light"] .field textarea,
html[data-theme="light"] .input,
html[data-theme="light"] .ask-bar{
  background:#FFFFFD!important;
  color:#17130F!important;
  border-color:rgba(112,72,7,.18)!important;
  box-shadow:none;
}
html[data-theme="light"] .field input::placeholder,
html[data-theme="light"] .field textarea::placeholder,
html[data-theme="light"] .input::placeholder{color:#827A70!important}
html[data-theme="light"] .field label{color:#514A42!important}

html[data-theme="light"] .btn:not(.btn-primary){
  background:#FFFFFD!important;
  color:#211C16!important;
  border-color:rgba(112,72,7,.18)!important;
  box-shadow:none!important;
}
html[data-theme="light"] .btn-primary{
  background:linear-gradient(165deg,#262018,#14110D)!important;
  color:#FFF9EC!important;
  box-shadow:0 8px 18px rgba(42,31,16,.12)!important;
}

/* Dashboard: the approved daylight master is high-contrast ink on near-white,
   with the House photograph remaining vivid rather than being turned into a pale card. */
html[data-theme="light"][data-view="dashboard"] .official-welcome h2{
  color:#16120E!important;
  text-shadow:none!important;
}
html[data-theme="light"][data-view="dashboard"] .official-welcome-kicker{color:#875A0E!important}
html[data-theme="light"][data-view="dashboard"] .official-welcome-date,
html[data-theme="light"][data-view="dashboard"] .official-welcome p{color:#5B544B!important}
html[data-theme="light"][data-view="dashboard"] .official-weather{
  background:transparent!important;
  border:0!important;
  border-left:1px solid rgba(112,72,7,.20)!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#1A1713!important;
}
html[data-theme="light"][data-view="dashboard"] .official-weather>.ic{color:#B7892A!important}
html[data-theme="light"][data-view="dashboard"] .official-weather small,
html[data-theme="light"][data-view="dashboard"] .official-weather em{color:#5A534A!important}
html[data-theme="light"][data-view="dashboard"] .official-weather strong{color:#17130F!important}
html[data-theme="light"][data-view="dashboard"] .official-home-motto,
html[data-theme="light"][data-view="dashboard"] .official-home-motto strong{color:#A17018!important}

/* Preserve the same House/porch photograph while grading it toward the locked
   bright-daylight master. The local hero scrim remains dark only where live white
   type needs protection. */
html[data-theme="light"][data-view="dashboard"] .official-room{
  background:url("/welcome/img/house-home-daylight-authority-v1.jpg") center 48%/cover no-repeat!important;
  filter:none!important;
}
html[data-theme="light"][data-view="dashboard"] .official-room::before{
  content:"";
  position:absolute;
  inset:0;
  display:block;
  background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0) 64%,rgba(18,12,7,.035));
  pointer-events:none;
}
html[data-theme="light"][data-view="dashboard"] .official-hero{
  border-color:rgba(112,72,7,.18)!important;
  box-shadow:0 10px 28px rgba(58,40,18,.10)!important;
}
html[data-theme="light"][data-view="dashboard"] .official-hero-shade{
  background:
    linear-gradient(90deg,rgba(10,8,6,.45),rgba(10,8,6,.035) 58%,rgba(10,8,6,.10)),
    linear-gradient(180deg,rgba(255,255,255,0),rgba(8,6,4,.16))!important;
}
html[data-theme="light"][data-view="dashboard"] .official-hero-copy,
html[data-theme="light"][data-view="dashboard"] .official-hero-copy h1,
html[data-theme="light"][data-view="dashboard"] .official-hero-copy p{
  color:#FFFDF8!important;
  text-shadow:0 3px 18px rgba(0,0,0,.86),0 1px 2px rgba(0,0,0,.95)!important;
}
html[data-theme="light"][data-view="dashboard"] .official-hero-kicker{
  color:#F0C96F!important;
  text-shadow:0 2px 12px rgba(0,0,0,.92)!important;
}
html[data-theme="light"][data-view="dashboard"] .official-briefing-head h2{
  color:#17130F!important;
  text-shadow:none!important;
}
html[data-theme="light"][data-view="dashboard"] .official-briefing-head>a{color:#83570D!important}
html[data-theme="light"][data-view="dashboard"] .official-briefing .official-alert{
  background:linear-gradient(180deg,#FFFFFD,#FCF9F3)!important;
  border-color:rgba(112,72,7,.14)!important;
  color:#1A1713!important;
  box-shadow:0 7px 20px rgba(64,45,19,.06)!important;
}
html[data-theme="light"][data-view="dashboard"] .official-briefing .official-alert b{color:#1A1713!important}
html[data-theme="light"][data-view="dashboard"] .official-briefing .official-alert span span{color:#514A42!important}
html[data-theme="light"][data-view="dashboard"] .official-briefing .official-alert small{color:#6A6258!important}

/* Photo and Scribe working surfaces keep their separately locked inner treatment.
   Only their surrounding House shell inherits the daylight authority. */
html[data-theme="light"][data-view="photos"] .viewer,
html[data-theme="light"][data-view="photos"] .photo-stage{color:#F7F0E4}



/* 320PX AUTHENTICATED HEADER FIT V1 */
/* On the narrowest supported phone the avatar already identifies the House Account destination.
   Hiding only the duplicate Brother name keeps the full menu / chapter mark / House identity /
   notice / account affordance on one line without horizontal document overflow. */
@media(max-width:360px){
  .topbar .who>div{display:none!important}
}


/* ==========================================================================
   ROOM NO. 512 — PRIVATE PROFILE REVIEW V1
   Admin-only review workspace. Solid bodies, restrained glass/brass edges.
   ========================================================================== */
.profile-review-room{
  --pr-surface:var(--pane);
  --pr-surface-strong:var(--pane-2,var(--pane));
  --pr-line:color-mix(in srgb,var(--gold) 22%,var(--pane-edge));
  --pr-soft:color-mix(in srgb,var(--gold) 7%,transparent);
  --pr-shadow:0 18px 48px rgba(var(--shade),.22);
  display:grid;
  gap:16px;
}
.profile-review-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
  min-height:230px;
  padding:32px 34px;
  border:1px solid transparent;
  border-radius:24px;
  background:
    linear-gradient(var(--solid),var(--solid)) padding-box,
    linear-gradient(120deg,color-mix(in srgb,var(--gold) 74%,transparent),color-mix(in srgb,var(--ivory) 10%,transparent),color-mix(in srgb,var(--gold) 34%,transparent)) border-box;
  box-shadow:var(--pr-shadow);
}
.profile-review-hero::after{
  content:"";
  position:absolute;
  width:320px;height:320px;
  right:-100px;top:-150px;
  border-radius:50%;
  border:1px solid color-mix(in srgb,var(--gold) 24%,transparent);
  box-shadow:0 0 0 42px color-mix(in srgb,var(--gold) 3%,transparent),0 0 0 92px color-mix(in srgb,var(--gold) 2%,transparent);
  pointer-events:none;
}
.profile-review-hero-copy{position:relative;z-index:1;max-width:880px}
.profile-review-hero h2{margin:0;color:var(--ivory);font-family:var(--serif);font-size:clamp(34px,4vw,58px);font-weight:500;letter-spacing:-.035em;line-height:.96}
.profile-review-hero .lede{max-width:760px;margin:13px 0 0;color:color-mix(in srgb,var(--ivory) 78%,transparent);font-size:15px;line-height:1.65}
.profile-review-boundary{
  display:flex;align-items:flex-start;gap:11px;
  width:max-content;max-width:100%;
  margin-top:22px;padding:10px 14px;
  border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);
  border-radius:12px;background:color-mix(in srgb,var(--gold) 6%,transparent);
}
.profile-review-boundary>.ic{width:18px;height:18px;flex:none;color:var(--gold);margin-top:2px}
.profile-review-boundary>div{display:flex;flex-direction:column;gap:2px}
.profile-review-boundary strong{color:var(--ivory);font-size:12px;letter-spacing:.035em}
.profile-review-boundary small{color:color-mix(in srgb,var(--ivory) 68%,transparent);font-size:11px;line-height:1.35}
.profile-review-hero-mark{
  position:relative;z-index:1;
  display:flex;flex-direction:column;align-items:center;gap:9px;
  min-width:140px;padding:16px 18px;
  border-left:1px solid color-mix(in srgb,var(--gold) 34%,transparent);
}
.profile-review-hero-mark img{width:86px;height:86px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(var(--shade),.34))}
.profile-review-hero-mark span{color:var(--gold-light);font-size:10px;font-weight:800;letter-spacing:.22em}

.profile-review-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.profile-review-metrics>article{
  display:flex;align-items:center;gap:12px;min-width:0;
  padding:16px 17px;border:1px solid var(--pr-line);border-radius:15px;
  background:var(--pr-surface);box-shadow:0 8px 24px rgba(var(--shade),.08);
}
.profile-review-metric-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--pr-soft);color:var(--gold)}
.profile-review-metric-icon>.ic{width:18px;height:18px}
.profile-review-metrics>article>div{display:flex;flex-direction:column;min-width:0}
.profile-review-metrics strong{color:var(--ivory);font-family:var(--serif);font-size:25px;font-weight:540;line-height:1}
.profile-review-metrics small{margin-top:4px;color:var(--muted);font-size:10.5px;line-height:1.25}

.profile-review-grid{display:grid;grid-template-columns:minmax(300px,350px) minmax(0,1fr);gap:16px;align-items:start}
.profile-review-intake{display:grid;gap:12px;position:sticky;top:16px}
.profile-review-panel,.profile-review-queue{
  border:1px solid var(--pr-line);border-radius:18px;background:var(--pr-surface);
  box-shadow:0 10px 32px rgba(var(--shade),.09);
}
.profile-review-panel{padding:20px}
.profile-review-panel-head,.profile-review-preview-head,.profile-review-queue-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:14px
}
.profile-review-panel-head h3,.profile-review-queue-head h3,.profile-review-preview-head h3{margin:0;font-family:var(--serif);font-weight:520}
.profile-review-dropzone{
  display:grid;place-items:center;gap:8px;
  margin-top:16px;padding:22px 16px;text-align:center;cursor:pointer;
  border:1px dashed color-mix(in srgb,var(--gold) 42%,var(--pane-edge));
  border-radius:15px;background:color-mix(in srgb,var(--gold) 4%,transparent);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.profile-review-dropzone:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--gold) 78%,transparent);background:color-mix(in srgb,var(--gold) 7%,transparent)}
.profile-review-dropzone>.ic{width:28px;height:28px;color:var(--gold)}
.profile-review-dropzone strong{font-size:13px;color:var(--ivory)}
.profile-review-dropzone span{font-size:10.5px;color:var(--muted)}
.profile-review-dropzone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.profile-review-intake-actions{display:grid;gap:8px;margin-top:12px}
.profile-review-plan{margin-top:14px}
.profile-review-plan-loading{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}
.profile-review-plan-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.profile-review-plan-summary>div{display:flex;flex-direction:column;padding:10px 11px;border:1px solid var(--pane-edge);border-radius:11px;background:var(--pr-surface-strong)}
.profile-review-plan-summary strong{font-family:var(--serif);font-size:22px;color:var(--ivory);line-height:1}
.profile-review-plan-summary small{margin-top:4px;color:var(--muted);font-size:9.5px}
.profile-review-plan-note,.profile-review-modal-boundary{
  display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:11px 12px;
  border:1px solid color-mix(in srgb,var(--gold) 25%,var(--pane-edge));
  border-radius:12px;background:color-mix(in srgb,var(--gold) 5%,transparent);
}
.profile-review-plan-note>.ic,.profile-review-modal-boundary>.ic{width:17px;height:17px;flex:none;margin-top:1px;color:var(--gold)}
.profile-review-plan-note>span,.profile-review-modal-boundary>span{display:flex;flex-direction:column;gap:2px}
.profile-review-plan-note strong,.profile-review-modal-boundary strong{font-size:11px;color:var(--ivory)}
.profile-review-plan-note small,.profile-review-modal-boundary small{font-size:10px;color:var(--muted)}
.profile-review-policy ul{display:grid;gap:8px;margin:13px 0;padding:0;list-style:none}
.profile-review-policy li{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}
.profile-review-policy li>.ic{width:15px;height:15px;color:var(--red)}

.profile-review-queue{padding:20px;min-width:0;container:profile-review-queue / inline-size}
.profile-review-queue-head{padding-bottom:15px;border-bottom:1px solid var(--pane-edge)}
.profile-review-tools{display:grid;grid-template-columns:minmax(220px,1fr) 150px;gap:8px;min-width:min(100%,430px)}
.profile-review-search{position:relative;display:flex;align-items:center}
.profile-review-search>.ic{position:absolute;left:12px;width:16px;height:16px;color:var(--muted);pointer-events:none}
.profile-review-search input{padding-left:36px}
.profile-review-list{display:grid;gap:9px;margin-top:14px}
.profile-review-row{
  display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,1.2fr) minmax(130px,.7fr) auto;
  gap:15px;align-items:center;padding:16px;
  border:1px solid var(--pane-edge);border-radius:14px;background:var(--pr-surface-strong);
  transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.profile-review-row:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--gold) 34%,var(--pane-edge));box-shadow:0 8px 24px rgba(var(--shade),.08)}
.profile-review-row[data-state="needs"]{border-left:3px solid var(--gold)}
.profile-review-row[data-state="claimed"]{opacity:.82}
.profile-review-person{display:flex;align-items:center;gap:10px;min-width:0}
.profile-review-avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--solid);border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);color:var(--gold-light);font-family:var(--serif);font-size:12px}
.profile-review-person>div,.profile-review-identity span,.profile-review-state{display:flex;flex-direction:column;min-width:0}
.profile-review-person strong,.profile-review-identity strong{color:var(--ivory);font-size:12.25px;line-height:1.3;overflow:hidden;text-overflow:ellipsis}
.profile-review-person small,.profile-review-identity small,.profile-review-state small{color:var(--muted);font-size:10px;line-height:1.35}
.profile-review-identity{display:grid;grid-template-columns:minmax(95px,.7fr) minmax(120px,1.3fr);gap:12px;min-width:0}
.profile-review-identity span{gap:3px}
.profile-review-state{align-items:flex-start;gap:6px}
.profile-review-flags{max-width:180px}
.profile-review-row-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}

.profile-review-preview{display:grid;gap:14px}
.profile-review-preview-grid,.profile-review-provenance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.profile-review-preview-grid>div,.profile-review-provenance>div{
  display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--pane-edge);border-radius:12px;background:var(--pr-surface-strong)
}
.profile-review-preview-grid small,.profile-review-provenance small{color:var(--muted);font-size:9.5px;text-transform:uppercase;letter-spacing:.06em}
.profile-review-preview-grid strong,.profile-review-provenance strong{color:var(--ivory);font-size:12px;line-height:1.35}

.profile-review-form{display:grid;gap:12px}
.profile-review-modal-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--pane-edge)}
.profile-review-modal-intro p{margin:0}
.profile-review-modal-section{display:grid;gap:12px;padding:15px;border:1px solid var(--pane-edge);border-radius:14px;background:var(--pr-surface-strong)}
.profile-review-section-head{display:flex;align-items:center;gap:11px}
.profile-review-section-head>span{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;border:1px solid color-mix(in srgb,var(--gold) 36%,var(--pane-edge));color:var(--gold);font-family:var(--mono);font-size:9px}
.profile-review-section-head>div{display:flex;flex-direction:column;gap:2px}
.profile-review-section-head strong{color:var(--ivory);font-size:12px}
.profile-review-section-head small{color:var(--muted);font-size:10px}
.profile-review-warning-section{border-color:color-mix(in srgb,var(--gold) 33%,var(--pane-edge))}
.profile-review-warning-list{display:grid;gap:7px}
.profile-review-warning-list label{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid var(--pane-edge);border-radius:11px;cursor:pointer}
.profile-review-warning-list input{margin-top:5px;accent-color:var(--gold)}
.profile-review-warning-list label>span{display:grid;grid-template-columns:20px 1fr;column-gap:7px;align-items:center;flex:1}
.profile-review-warning-list .ic{width:17px;height:17px;color:var(--gold);grid-row:1/3}
.profile-review-warning-list strong{font-size:11px;color:var(--ivory);text-transform:capitalize}
.profile-review-warning-list small{font-size:9.5px;color:var(--muted)}
.profile-review-modal-actions{position:sticky;bottom:-24px;margin:2px -24px -24px;padding:14px 24px;background:color-mix(in srgb,var(--pane) 94%,transparent);border-top:1px solid var(--pane-edge);backdrop-filter:blur(14px)}

html[data-theme="light"] .profile-review-room{
  --pr-surface:#fbf6ec;
  --pr-surface-strong:#fffdf8;
  --pr-line:rgba(137,92,18,.20);
  --pr-soft:rgba(180,122,24,.07);
}
html[data-theme="light"] .profile-review-hero{
  background:
    linear-gradient(#18130d,#18130d) padding-box,
    linear-gradient(120deg,rgba(190,137,38,.82),rgba(255,255,255,.22),rgba(190,137,38,.42)) border-box;
}
html[data-theme="light"] .profile-review-metrics>article,
html[data-theme="light"] .profile-review-panel,
html[data-theme="light"] .profile-review-queue{box-shadow:0 12px 34px rgba(76,52,16,.08)}
html[data-theme="light"] .profile-review-metrics strong,
html[data-theme="light"] .profile-review-panel h3,
html[data-theme="light"] .profile-review-queue h3,
html[data-theme="light"] .profile-review-row strong,
html[data-theme="light"] .profile-review-preview-grid strong,
html[data-theme="light"] .profile-review-provenance strong,
html[data-theme="light"] .profile-review-section-head strong,
html[data-theme="light"] .profile-review-warning-list strong{color:#20180e}
html[data-theme="light"] .profile-review-dropzone strong,
html[data-theme="light"] .profile-review-plan-note strong,
html[data-theme="light"] .profile-review-modal-boundary strong{color:#2f2416}

@media(max-width:1080px){
  .profile-review-grid{grid-template-columns:1fr}
  .profile-review-intake{position:static;grid-template-columns:minmax(0,1fr) minmax(240px,.65fr)}
  .profile-review-row{grid-template-columns:minmax(180px,1fr) minmax(220px,1.2fr) minmax(130px,.7fr)}
  .profile-review-row-actions{grid-column:1/-1;justify-content:flex-start;padding-top:5px;border-top:1px solid var(--pane-edge)}
}
/* Intake and the open House menu can narrow this queue on a desktop. Reflow the
   existing row fields and controls against the queue, without clipping them. */
@container profile-review-queue (max-width:780px){
  .profile-review-queue-head{flex-wrap:wrap}
  .profile-review-queue-head>div:first-child{flex:1 1 220px;min-width:0}
  .profile-review-tools{flex:1 1 370px;min-width:0;grid-template-columns:minmax(0,1fr) 150px}
  .profile-review-search,.profile-review-search input{min-width:0}
  .profile-review-row{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
  .profile-review-identity{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
  .profile-review-row-actions{grid-column:auto}
}
@media(max-width:760px){
  .profile-review-room{padding-bottom:82px}
  .profile-review-hero{grid-template-columns:1fr;min-height:0;padding:24px 20px}
  .profile-review-hero-mark{display:none}
  .profile-review-boundary{width:100%}
  .profile-review-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-review-intake{grid-template-columns:1fr}
  .profile-review-queue-head{flex-direction:column}
  .profile-review-tools{grid-template-columns:1fr;width:100%;min-width:0}
  .profile-review-row{grid-template-columns:1fr}
  .profile-review-identity{grid-template-columns:1fr 1fr}
  .profile-review-row-actions{grid-column:auto}
}
@media(max-width:470px){
  .profile-review-metrics{grid-template-columns:1fr 1fr}
  .profile-review-metrics>article{padding:12px}
  .profile-review-metric-icon{width:34px;height:34px}
  .profile-review-preview-grid,.profile-review-provenance{grid-template-columns:1fr}
  .profile-review-identity{grid-template-columns:1fr}
  .profile-review-modal-intro{flex-direction:column}
  .profile-review-modal-actions{display:grid;grid-template-columns:1fr}
}

.profile-review-intake .btn-primary:disabled{
  opacity:1;
  cursor:not-allowed;
  background:color-mix(in srgb,var(--muted) 38%,var(--pane));
  color:color-mix(in srgb,var(--ivory) 58%,transparent);
  border:1px solid color-mix(in srgb,var(--muted) 24%,transparent);
  box-shadow:none;
  filter:none;
}
html[data-theme="light"] .profile-review-intake .btn.btn-primary:disabled{
  background:#9e9a91!important;
  color:#fff!important;
  border-color:#9e9a91!important;
  box-shadow:none!important;
  filter:none!important;
}

html[data-theme="light"] .profile-review-hero h2{color:#fff6e7!important}
html[data-theme="light"] .profile-review-hero .lede{color:#eadfcd!important}
html[data-theme="light"] .profile-review-hero .eyebrow{color:#e1b65c!important}
html[data-theme="light"] .profile-review-boundary strong{color:#fff6e7!important}
html[data-theme="light"] .profile-review-boundary small{color:#e7dac8!important}
html[data-theme="light"] .profile-review-boundary{background:rgba(216,173,84,.07);border-color:rgba(216,173,84,.34)}


/* ==========================================================================
   ROOM NO. 512 — READING TABLE V1
   Shared House Reads discussion remains gated by publication/curator authority.
   ========================================================================== */
.reading-table{display:flex;flex-direction:column;gap:var(--gap);max-width:1120px;margin:0 auto}
.reading-table-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:clamp(24px,4vw,46px);border:1px solid var(--gold-dim);border-radius:calc(var(--radius) + 4px);background:linear-gradient(145deg,rgba(183,121,33,.12),rgba(var(--tint),.025));box-shadow:var(--depth)}
.reading-table-head h1{font-size:clamp(38px,5vw,64px);line-height:1;margin:10px 0}
.reading-table-head .lede{max-width:64ch}
.reading-table-prompt{padding:clamp(24px,4vw,42px);border-radius:var(--radius);border:1px solid var(--gold-line);background:linear-gradient(160deg,rgba(226,179,79,.08),rgba(var(--tint),.02))}
.reading-table-prompt blockquote{margin:8px 0 14px;font-family:var(--serif);font-size:clamp(23px,3vw,34px);line-height:1.42;color:var(--ivory);max-width:30ch}
.reading-table-compose{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px var(--pad);border-radius:var(--radius);border:1px solid var(--glass-edge);background:var(--glass)}
.reading-table-posts{display:flex;flex-direction:column;gap:14px}
.reading-post{padding:clamp(18px,3vw,28px);border-radius:var(--radius);border:1px solid var(--glass-edge);background:linear-gradient(160deg,var(--glass),var(--glass-2));box-shadow:var(--depth)}
.reading-post>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.reading-post-author{display:flex;align-items:center;gap:11px}
.reading-post-author .avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(226,179,79,.11);color:var(--gold)}
.reading-post-author p{margin:2px 0 0}
.reading-post-body{margin:0;font-family:var(--serif);font-size:clamp(18px,2vw,21px);line-height:1.67;color:var(--text);white-space:pre-wrap}
.reading-post-passage{display:block;width:100%;margin:0 0 16px;padding:15px 17px;border-radius:13px;border:1px solid var(--gold-dim);background:rgba(226,179,79,.05);color:var(--text);text-align:left;cursor:pointer}
.reading-post-passage:hover,.reading-post-passage:focus-visible{border-color:var(--gold-line);background:rgba(226,179,79,.09)}
.reading-post-passage blockquote{margin:8px 0;font-family:var(--serif);font-size:17px;line-height:1.55}
.reading-post-passage .small{color:var(--gold-2)}
.reading-post>footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px;padding-top:13px;border-top:1px solid var(--glass-edge)}
.reading-post.hidden-post{opacity:.68}
.reading-post.hidden-post:before{content:"Hidden by moderator";display:block;margin-bottom:10px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}
.margin-quote{margin:0;padding:14px 16px;border-left:2px solid var(--gold);border-radius:0 12px 12px 0;background:rgba(226,179,79,.06);font-family:var(--serif);font-size:18px;line-height:1.6;color:var(--text)}
html[data-theme="light"] .reading-table-head,
html[data-theme="light"] .reading-table-prompt,
html[data-theme="light"] .reading-table-compose,
html[data-theme="light"] .reading-post{background:#fffdf8;border-color:rgba(112,72,7,.18)}
html[data-theme="light"] .reading-table-prompt blockquote,
html[data-theme="light"] .reading-post-body,
html[data-theme="light"] .reading-post-passage{color:#211c16}
@media(max-width:700px){
  .reading-table-head{display:block;padding:22px}
  .reading-table-head>.badge{display:inline-flex;margin-top:14px}
  .reading-table-head h1{font-size:clamp(36px,11vw,52px)}
  .reading-table-compose{display:block}
  .reading-table-compose .actions{margin-top:14px;display:grid;grid-template-columns:1fr 1fr}
  .reading-table-compose .btn{width:100%}
  .reading-post>header{display:block}
  .reading-post>header>.row{margin-top:10px}
  .reading-post>footer{display:grid;grid-template-columns:1fr 1fr}
  .reading-post>footer .btn{justify-content:center}
  .margin-quote{font-size:16.5px}
}