/* Presentation for the personal reading surfaces. Hidden/gated sections and
   membership state remain controlled by their existing templates and scripts. */
body.house-brand:has(.web-my-house),
body.house-brand:has(.reading-room-hero) {
    background: radial-gradient(ellipse at 92% 12%, #20374b32, transparent 40%), var(--house-ink);
}
body.house-brand .web-my-house { padding-block: clamp(34px, 5vw, 60px); }
body.house-brand .web-my-house-hero { gap: 24px; padding-bottom: 32px; border-color: #bca36d66; }
body.house-brand .web-my-house-hero h1 { font-size: clamp(38px, 4.8vw, 62px); line-height: 1.15; overflow-wrap: anywhere; }
body.house-brand .web-my-house-hero > div > p:last-child { font-size: 16px; line-height: 1.75; max-width: 660px; }
body.house-brand .web-my-house .eyebrow { font-size: 12px; line-height: 1.5; letter-spacing: .12em; }
body.house-brand .web-my-house-status { padding: 17px 20px; border-radius: 0 5px 5px 0; border-left-width: 2px; background: #162b3b; font-size: 15px; line-height: 1.75; }
body.house-brand .web-my-house-status button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; margin-inline: 0; padding: 8px 12px; text-underline-offset: 4px; }
body.house-brand .web-my-house-summary { gap: 0; margin-block: 28px 38px; border: 1px solid #bca36d55; border-radius: 6px; background: #142838; overflow: hidden; }
body.house-brand .web-my-house-summary article { padding: 22px 20px; border-inline-end: 1px solid #73889933; background: linear-gradient(130deg, #193044, #102131); }
body.house-brand .web-my-house-summary article:last-child { border-inline-end: 0; }
body.house-brand .web-my-house-summary span { color: #d0d9df; font-size: 14px; line-height: 1.5; }
body.house-brand .web-my-house-summary small { color: #b8c6d1; font-size: 13px; line-height: 1.6; }
body.house-brand .web-my-house-summary strong { color: var(--house-ivory); font-size: 34px; line-height: 1.2; margin-block: 9px; }
body.house-brand .web-my-house-section { margin-block: 36px; }
body.house-brand .web-my-house-section > header h2 { font-size: clamp(28px, 3vw, 36px); line-height: 1.25; overflow-wrap: anywhere; }
body.house-brand .web-my-house-section > header > a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; line-height: 1.5; text-underline-offset: 4px; }
body.house-brand .web-my-house :is(.web-my-house-reading-card, .web-my-house-empty, .web-my-house-grid > article) { border: 1px solid #bca36d44; border-radius: 6px; background: linear-gradient(130deg, #19304488, #102131aa); }
body.house-brand .web-my-house-empty { color: #c7d2db; font-size: 15px; line-height: 1.7; }
body.house-brand .web-my-house-reading-card h3 { font-family: var(--font-serif); font-size: 25px; line-height: 1.35; min-height: 0; }
body.house-brand .web-my-house-reading-card > p { font-size: 12px; line-height: 1.5; }
body.house-brand .web-my-house-reading-card footer { align-items: center; flex-wrap: wrap; font-size: 14px; }
body.house-brand .web-my-house-reading-card footer a { display: inline-flex; align-items: center; min-height: 44px; }
body.house-brand .web-my-house-filter { border-radius: 6px; border-color: #8292a155; background: #102131; }
body.house-brand .web-my-house-filter button { min-height: 44px; border-radius: 3px; font-size: 14px; line-height: 1.5; }
body.house-brand .web-my-house-grid { margin-block: 30px; }
body.house-brand .web-my-house-signed-out { border: 1px solid #bca36d55; border-radius: 6px; background: linear-gradient(135deg, #193044, #102131); }
body.house-brand .web-my-house-signed-out h2 { font-size: clamp(29px, 3vw, 38px); line-height: 1.3; }
body.house-brand .web-my-house-signed-out :is(p, li) { font-size: 16px; line-height: 1.75; }
body.house-brand .web-my-house .my-house-button,
body.house-brand .web-my-house-reading-card footer a,
body.house-brand :is(.reading-room-empty, .reading-room-locked) .hot-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 44px;
    min-width: 44px;
    max-width: 100%;
    padding: 10px 17px;
    border: 1px solid var(--house-gold);
    border-radius: 4px;
    background: var(--house-gold);
    color: #102131 !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    white-space: normal;
}
body.house-brand .web-my-house .my-house-button.is-secondary,
body.house-brand .reading-room-locked .hot-button.secondary { color: var(--house-gold) !important; background: #102131; }
body.house-brand .web-my-house .my-house-button:hover,
body.house-brand .web-my-house-reading-card footer a:hover,
body.house-brand :is(.reading-room-empty, .reading-room-locked) .hot-button.primary:hover { background: #f0d495; }
body.house-brand .web-my-house .my-house-button.is-secondary:hover,
body.house-brand .reading-room-locked .hot-button.secondary:hover { background: #193044; }
body.house-brand .web-my-house-signed-out > div:last-child { flex-wrap: wrap; }
body.house-brand .reading-room-locked .chat-kicker { color: var(--house-gold); font-size: 12px; line-height: 1.5; letter-spacing: .12em; }

body.house-brand .reading-room-hero { padding-top: 30px; }
body.house-brand .reading-room-hero .eyebrow { color: var(--house-gold); font-size: 12px; letter-spacing: .12em; }
body.house-brand .reading-room-hero h1 { margin-block: 13px 17px; font-size: clamp(36px, 4.6vw, 58px); line-height: 1.18; overflow-wrap: anywhere; }
body.house-brand .reading-room-hero .story-category-header > p:not(.eyebrow) { max-width: 660px; font-size: 16px; line-height: 1.75; }
body.house-brand .reading-room-summary { gap: 12px; }
body.house-brand .reading-room-summary > div { padding: 22px; gap: 9px; border: 1px solid #bca36d55; border-radius: 6px; background: linear-gradient(130deg, #193044, #102131); }
body.house-brand .reading-room-summary strong { font-family: var(--font-serif); font-weight: 400; color: var(--house-ivory); font-size: 36px; line-height: 1.15; }
body.house-brand .reading-room-summary span { color: #c3d0da; font-size: 14px; line-height: 1.5; }
body.house-brand .reading-room-summary > p { color: #b8c6d1; font-size: 13px; line-height: 1.7; text-align: left; margin-top: 4px; }
body.house-brand .reading-room-badge-link { padding-block: 26px; border-color: #bca36d55; flex-wrap: wrap; gap: 18px; }
body.house-brand .reading-room-badge-link > div { flex: 1 1 330px; min-width: 0; }
body.house-brand .reading-room-badge-link > a { flex: 0 1 auto; width: auto; max-width: 100%; }
body.house-brand .reading-room-badge-link h2 { font-size: clamp(26px, 2.7vw, 34px); line-height: 1.3; }
body.house-brand .reading-room-badge-link p:not(.eyebrow) { color: #c4ced6; font-size: 16px; line-height: 1.7; }
body.house-brand .reading-room-empty { padding: 28px; border: 1px solid #bca36d55; border-radius: 6px; background: linear-gradient(135deg, #19304488, #102131aa); }
body.house-brand .reading-room-empty h2 { font-size: 31px; line-height: 1.3; }
body.house-brand .reading-room-empty p { color: #c4ced6; font-size: 16px; line-height: 1.7; }
body.house-brand .reading-room-section-header h2 { font-size: clamp(28px, 3vw, 36px); line-height: 1.3; }
body.house-brand .reading-room-list { gap: 16px; }
body.house-brand .reading-room-card { min-width: 0; border: 1px solid #bca36d55; border-radius: 6px; background: linear-gradient(130deg, #193044, #102131); }
body.house-brand .reading-room-card:is(:hover, :focus-within) { border-color: var(--house-gold); background: linear-gradient(130deg, #1d374b, #142838); }
body.house-brand .reading-room-card > a { min-width: 0; padding: 22px 20px 16px; border-radius: 6px; }
body.house-brand .reading-room-card > a:focus-visible { outline: 2px solid var(--house-gold); outline-offset: 3px; }
body.house-brand .reading-room-card .eyebrow { margin-bottom: 9px; color: var(--house-gold); font-size: 12px; line-height: 1.5; letter-spacing: .1em; }
body.house-brand .reading-room-card h3 { color: var(--house-ivory); font-family: var(--font-serif); font-size: 26px; font-weight: 400; line-height: 1.3; letter-spacing: 0; text-transform: none; overflow-wrap: anywhere; }
body.house-brand .reading-room-card p { color: #c3d0da; font-size: 13px; line-height: 1.6; }
body.house-brand .reading-room-progress > div { height: 6px; border-radius: 3px; background: #73889955; }
body.house-brand .reading-room-progress > div span { border-radius: inherit; background: var(--house-gold); }
body.house-brand .reading-room-progress strong { color: var(--house-gold); font-size: 13px; line-height: 1.5; }
body.house-brand .reading-room-badges { gap: 8px; }
body.house-brand .reading-room-badges:empty { display: none; }
body.house-brand .reading-room-badges span { min-height: 26px; padding: 3px 9px; color: #e4c47f; border-color: #bca36d66; background: #102131; font-size: 12px; line-height: 1.5; letter-spacing: .06em; }
body.house-brand .reading-room-resume { display: inline-flex; align-items: center; justify-self: start; min-height: 44px; margin-top: 18px; padding: 10px 17px; border: 1px solid var(--house-gold); border-radius: 4px; color: #102131; background: var(--house-gold); font-size: 14px; font-weight: 500; line-height: 1.5; letter-spacing: 0; text-transform: none; }
body.house-brand .reading-room-card > .reading-shelf-button { min-height: 44px; max-width: calc(100% - 40px); margin: 0 20px 12px; padding: 8px 0; border-color: transparent; border-radius: 3px; color: #c3d0da; font-size: 13px; line-height: 1.5; text-decoration: underline; text-underline-offset: 4px; }
body.house-brand .reading-room-card > .reading-shelf-button:hover { color: var(--house-ivory); border-color: transparent; }
body.house-brand .reading-room-card > .reading-shelf-button:focus-visible { outline: 2px solid var(--house-gold); outline-offset: 3px; }
body.house-brand .reading-room-removed > summary { min-height: 44px; padding-block: 12px; font-size: 15px; line-height: 1.5; }
@media (max-width: 760px) {
    body.house-brand .web-my-house { padding-inline: 10px; }
    body.house-brand .web-my-house-hero { padding-bottom: 26px; }
    body.house-brand .web-my-house-summary article { padding: 18px; border-bottom: 1px solid #73889933; }
    body.house-brand .web-my-house-summary article:first-child { border-inline-end: 0; }
    body.house-brand .web-my-house-summary article:nth-child(2n+1) { border-inline-end: 0; }
    body.house-brand .web-my-house-summary article:nth-last-child(-n+2) { border-bottom: 0; }
    body.house-brand .web-my-house-summary strong { font-size: 31px; margin-block: 7px; }
    body.house-brand .reading-room-hero { padding-inline: 10px; }
    body.house-brand .reading-room { padding-inline: 10px; }
    body.house-brand .reading-room-summary { gap: 10px; }
    body.house-brand .reading-room-summary > div { padding: 18px; }
    body.house-brand .reading-room-badge-link { flex-direction: column; align-items: flex-start; }
    body.house-brand .reading-room-badge-link > div { flex-basis: auto; }
    body.house-brand .reading-room-empty { padding: 24px 20px; }
}
/* Personal pages follow the approved reader surfaces: a dark opening, a fine
   boundary and a quiet slate canvas. These rules do not control account state. */
body.house-brand:has(.web-my-house),
body.house-brand:has(.reading-room-hero) { background: #122733; }
body.house-brand .web-my-house { max-width: 1040px; padding: 0 0 56px; }
body.house-brand .web-my-house-hero,
body.house-brand .reading-room-hero .story-category-header {
    position: relative;
    isolation: isolate;
    padding: 52px 0 44px;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
}
body.house-brand .web-my-house-hero::before,
body.house-brand .reading-room-hero .story-category-header::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset-block: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    border-bottom: 1px solid #8e794e;
    background: radial-gradient(ellipse at 78% 8%, #17293988, transparent 64%), linear-gradient(110deg, #040c12, #071521 72%, #030b12);
    pointer-events: none;
}
body.house-brand .web-my-house-hero > div { min-width: 0; }
body.house-brand .web-my-house-hero h1,
body.house-brand .reading-room-hero h1 {
    color: var(--house-ivory);
    font-family: var(--font-serif);
    font-size: clamp(39px, 4.8vw, 62px);
    font-weight: 400;
    letter-spacing: -.025em;
    line-height: 1.12;
    margin-block: 16px 18px;
}
body.house-brand .web-my-house-hero .eyebrow,
body.house-brand .reading-room-hero .eyebrow { padding-right: 0; color: #d5bc88; }
body.house-brand .web-my-house-hero > .my-house-button { align-self: end; margin-bottom: 4px; }
body.house-brand .web-my-house-hero > div > p:last-child,
body.house-brand .reading-room-hero .story-category-header > p:not(.eyebrow) { color: #bccad3; max-width: 650px; }
body.house-brand .web-my-house-status { margin-block: 24px 0; padding: 10px 16px; border-radius: 0; background: #172f3d; }
body.house-brand .web-my-house-summary { margin-block: 22px 34px; border-width: 0 0 1px; border-color: #81949e4d; border-radius: 0; background: none; }
body.house-brand .web-my-house-summary article { padding: 8px 20px 20px; background: none; border-color: #81949e38; }
body.house-brand .web-my-house-summary article:first-child { padding-left: 0; }
body.house-brand .web-my-house-summary strong { margin-block: 6px; font-family: var(--font-serif); font-size: 30px; font-weight: 400; }
body.house-brand .web-my-house-section { margin-block: 36px; }
body.house-brand .web-my-house-section > header { margin-bottom: 18px; gap: 18px; }
body.house-brand .web-my-house-section > header h2,
body.house-brand .reading-room-section-header h2 { color: var(--house-ivory); font-size: clamp(27px, 2.8vw, 34px); }
body.house-brand .web-my-house-section > header .eyebrow::before,
body.house-brand .reading-room-section-header .eyebrow::before { content: ""; display: inline-block; width: 22px; height: 1px; margin-right: 10px; background: #c6a363; vertical-align: middle; }
body.house-brand .web-my-house-reading { grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }
body.house-brand .web-my-house article.web-my-house-reading-card {
    padding: 28px 30px;
    border: 1px solid #70848e50;
    border-top: 2px solid #b59b67;
    border-radius: 4px;
    background: linear-gradient(115deg, #0c1c27, #122c3a);
    box-shadow: 0 12px 24px #02090f20;
}
body.house-brand .web-my-house-reading-card > p { color: #d5bc88; }
body.house-brand .web-my-house-reading-card h3 { color: var(--house-ivory); font-size: 29px; font-weight: 400; }
body.house-brand .web-my-house-reading-card:only-child { grid-column: 1 / -1; }
body.house-brand .web-my-house-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 18px; padding-top: 30px; border-top: 1px solid #81949e45; }
body.house-brand .web-my-house .web-my-house-grid > article { border-color: #81949e38; border-top-color: #b59b67; border-radius: 3px; background: #0f2330; box-shadow: none; }
body.house-brand .web-my-house-signed-out { margin-top: 34px; gap: 26px 48px; padding: 30px 0; border-width: 0 0 1px; border-color: #81949e4d; border-radius: 0; background: none; }
body.house-brand .web-my-house-signed-out h2 { color: var(--house-ivory); }
body.house-brand .web-my-house-signed-out ul { list-style: none; padding-left: 0; }
body.house-brand .web-my-house-signed-out li { padding-block: 10px; border-bottom: 1px solid #81949e38; }
body.house-brand .web-my-house-signed-out li::before { content: ""; display: inline-block; width: 15px; height: 1px; margin-right: 10px; background: #c6a363; vertical-align: middle; }
body.house-brand .reading-room-hero { max-width: 1040px; margin: 0 auto 26px; padding: 0; }
body.house-brand .reading-room-hero .story-category-header { max-width: none; margin: 0; text-align: left; }
body.house-brand .reading-room { max-width: 1040px; margin-inline: auto; padding-inline: 0; gap: 34px; }
body.house-brand .reading-room-summary { gap: 0; margin-bottom: 0; }
body.house-brand .reading-room-summary > div { padding: 4px 22px 18px; border-width: 0 1px 1px 0; border-color: #81949e4d; border-radius: 0; background: none; gap: 6px; }
body.house-brand .reading-room-summary > div:first-child { padding-left: 0; }
body.house-brand .reading-room-summary > div:nth-child(4) { border-right: 0; }
body.house-brand .reading-room-summary strong { font-size: 32px; }
body.house-brand .reading-room-summary > p { margin-top: 15px; }
body.house-brand .reading-room-summary > button { justify-self: start; margin-top: 10px; }
body.house-brand .reading-room-section { border-top: 0; padding-top: 6px; }
body.house-brand .reading-room-section-header { margin-bottom: 18px; }
body.house-brand .reading-room-section-header .eyebrow { margin-bottom: 10px; }
body.house-brand .reading-room-list { grid-template-columns: repeat(auto-fit, minmax(min(100%, 310px), 1fr)); gap: 18px; }
body.house-brand .reading-room-card {
    border: 1px solid #70848e50;
    border-top: 2px solid #b59b67;
    border-radius: 4px;
    background: linear-gradient(115deg, #0c1c27, #122c3a);
    box-shadow: 0 12px 24px #02090f20;
}
body.house-brand .reading-room-card:is(:hover, :focus-within) { border-color: #bca36d; background: linear-gradient(115deg, #102530, #183543); }
body.house-brand .reading-room-card h3 { font-size: 29px; }
body.house-brand .reading-room-card > a { padding: 26px 30px 12px; border-radius: 3px; }
body.house-brand .reading-room-card > .reading-shelf-button { margin-inline: 30px; }
body.house-brand .reading-room-card .reading-room-progress { max-width: 620px; }
body.house-brand .reading-room-section:not([data-reading-section="continue"]) .reading-room-card { border-width: 1px 0; border-color: #81949e60; border-radius: 0; background: #142d3a; box-shadow: none; }
body.house-brand .reading-room-section:not([data-reading-section="continue"]) .reading-room-card:is(:hover, :focus-within) { border-color: #bca36d; background: #193442; }
body.house-brand .reading-room-section:not([data-reading-section="continue"]) .reading-room-resume { color: #e4c47f; background: transparent; border-color: #bca36d66; }
body.house-brand .reading-room-badge-link { margin-top: 8px; padding: 28px 0; border: 0; border-block: 1px solid #81949e4d; border-radius: 0; background: none; }
body.house-brand .reading-room-badge-link h2 { color: var(--house-ivory); }
body.house-brand .reading-room-locked { max-width: 1040px; margin: 34px auto 54px; padding: 30px 0; border-width: 0 0 1px; border-color: #81949e4d; background: none; }
body.house-brand .reading-room-locked h2 { color: var(--house-ivory); }
body.house-brand .reading-room-empty { padding: 28px 30px; border-color: #81949e50; border-top: 2px solid #b59b67; border-radius: 4px; background: #0f2330; }
body.house-brand .reading-room-empty h2 { color: var(--house-ivory); }
@media (min-width: 900px) {
    body.house-brand .reading-room-card:only-child > a { grid-template-columns: minmax(0, 1fr) minmax(240px, .7fr); gap: 8px 52px; align-items: center; }
    body.house-brand .reading-room-card:only-child > a > .eyebrow { grid-column: 1; margin: 0; }
    body.house-brand .reading-room-card:only-child > a > h3 { grid-column: 1; }
    body.house-brand .reading-room-card:only-child > a > p:not(.eyebrow) { grid-column: 1; margin-top: 0; }
    body.house-brand .reading-room-card:only-child > a > .reading-room-badges { grid-column: 1; }
    body.house-brand .reading-room-card:only-child > a > .reading-room-progress { grid-column: 2; grid-row: 1 / 3; margin-top: 0; }
    body.house-brand .reading-room-card:only-child > a > .reading-room-resume { grid-column: 2; grid-row: 3 / 5; margin-top: 0; }
    body.house-brand .web-my-house-reading-card:only-child { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, .6fr); gap: 7px 40px; align-items: center; }
    body.house-brand .web-my-house-reading-card:only-child > p { grid-column: 1; margin-bottom: 0; }
    body.house-brand .web-my-house-reading-card:only-child > h3 { grid-column: 1; }
    body.house-brand .web-my-house-reading-card:only-child > .web-my-house-track { grid-column: 2; grid-row: 1; margin-top: 0; }
    body.house-brand .web-my-house-reading-card:only-child > footer { grid-column: 2; grid-row: 2; margin-top: 4px; }
}
@media (max-width: 900px) {
    body.house-brand .web-my-house-summary article { padding: 12px 16px; }
    body.house-brand .web-my-house-summary article:first-child { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: baseline; gap: 0 14px; padding: 12px 16px; border-bottom: 1px solid #81949e38; }
    body.house-brand .web-my-house-summary article:first-child strong { font-size: 25px; }
    body.house-brand .web-my-house-summary article:first-child small { grid-column: 2; }
}
@media (max-width: 760px) {
    body.house-brand .web-my-house { padding: 0 10px 36px; }
    body.house-brand .web-my-house-hero,
    body.house-brand .reading-room-hero .story-category-header { padding: 34px 0 30px; }
    body.house-brand .web-my-house-hero h1,
    body.house-brand .reading-room-hero h1 { font-size: 39px; margin-block: 14px 16px; }
    body.house-brand .web-my-house-hero { gap: 20px; }
    body.house-brand .web-my-house-hero > .my-house-button { justify-self: start; margin-bottom: 0; }
    body.house-brand .web-my-house-summary { margin-block: 16px 28px; }
    body.house-brand .web-my-house-summary strong { font-size: 27px; }
    body.house-brand .web-my-house-summary small { font-size: 12px; }
    body.house-brand .web-my-house-section { margin-block: 30px; }
    body.house-brand .web-my-house-section > header { gap: 6px; margin-bottom: 14px; }
    body.house-brand .web-my-house article.web-my-house-reading-card { padding: 22px; }
    body.house-brand .web-my-house-grid { gap: 14px; }
    body.house-brand .reading-room-hero { margin: 0 10px 22px; }
    body.house-brand .reading-room { margin-inline: 10px; gap: 30px; }
    body.house-brand .reading-room-summary > div { padding: 10px 16px 14px; }
    body.house-brand .reading-room-summary > div:first-child { padding-left: 16px; }
    body.house-brand .reading-room-summary > div:nth-child(2) { border-right: 0; }
    body.house-brand .reading-room-summary strong { font-size: 28px; }
    body.house-brand .reading-room-card > a { padding: 22px 20px 12px; }
    body.house-brand .reading-room-card > .reading-shelf-button { margin-inline: 20px; }
    body.house-brand .reading-room-badge-link { padding: 24px 0; }
    body.house-brand .reading-room-locked { margin: 0 10px 40px; padding: 22px 0; }
}

@media (forced-colors: active) {
    body.house-brand :is(.web-my-house-status, .web-my-house-summary, .web-my-house-summary article, .web-my-house-empty, .reading-room-summary > div, .reading-room-empty, .reading-room-card, .reading-room-badges span) { color: CanvasText; background: Canvas; border-color: CanvasText; }
    body.house-brand .reading-room-resume { color: ButtonText; background: ButtonFace; border-color: ButtonText; }
    body.house-brand .reading-room-progress > div span { background: Highlight; }
    body.house-brand :is(.web-my-house-hero, .reading-room-hero .story-category-header, .web-my-house-reading-card, .web-my-house-grid > article, .web-my-house-signed-out, .reading-room-locked, .reading-room-badge-link) { color: CanvasText; background: Canvas; border-color: CanvasText; box-shadow: none; }
    body.house-brand .web-my-house-hero::before,
    body.house-brand .reading-room-hero .story-category-header::before { background: Canvas; border-color: CanvasText; }
    body.house-brand .reading-room-section:not([data-reading-section="continue"]) .reading-room-card { color: CanvasText; background: Canvas; border-color: CanvasText; }
    body.house-brand .reading-room-section:not([data-reading-section="continue"]) .reading-room-resume { color: ButtonText; background: ButtonFace; border-color: ButtonText; }
    body.house-brand .web-my-house .my-house-button,
    body.house-brand .web-my-house-reading-card footer a,
    body.house-brand :is(.reading-room-empty, .reading-room-locked) .hot-button { color: ButtonText !important; background: ButtonFace; border-color: ButtonText; }
}

/* Summary labels remain visible inside their narrow cards at larger type. */
body.house-brand .reading-room-summary > div { min-width: 0; overflow-wrap: anywhere; }

/* Reading Room refinements keep the approved shelf, palette and type. */
body.house-brand .reading-room-controls { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; margin: -10px 0 -8px; }
body.house-brand .reading-room-controls label { display: grid; gap: 5px; font-size: 13px; color: #c5d0d8; }
body.house-brand .reading-room-query { flex: 1 1 260px; }
body.house-brand .reading-room-controls :is(input, select) { width: 100%; min-height: 42px; padding: 9px 12px; border: 1px solid #81949e70; border-radius: 3px; background: #102733; color: var(--house-ivory); font: inherit; }
body.house-brand .reading-room-filters { flex: 0 1 290px; }
body.house-brand .reading-room-filters summary { min-height: 42px; padding: 10px 14px; border: 1px solid #81949e70; border-radius: 3px; cursor: pointer; color: var(--house-ivory); }
body.house-brand .reading-room-filters > div { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding-top: 12px; }
body.house-brand .reading-room-filters p { grid-column: 1 / -1; margin: 0; color: #bccad3; font-size: 12px; line-height: 1.5; }
body.house-brand .reading-room-controls > button { min-height: 42px; margin: 0; }
body.house-brand .reading-room-match-count { margin: -12px 0 -8px; color: #bccad3; font-size: 13px; }
body.house-brand .reading-room-card .reading-room-chapter-meta { color: #d5bc88; font-size: 12px; line-height: 1.65; }
body.house-brand .reading-room-card .reading-room-resume { display: inline-flex; justify-self: start; align-items: center; min-height: 42px; padding: 9px 18px; margin-top: 16px; border: 1px solid #bca36d; border-radius: 3px; background: #d6b77a; color: #102431; font-size: 13px; font-weight: 600; letter-spacing: .02em; }
body.house-brand .reading-room-next { display: grid; gap: 5px; margin: 8px 30px 12px; padding-top: 14px; border-top: 1px solid #81949e4d; color: #bccad3; font-size: 12px; line-height: 1.55; }
body.house-brand .reading-room-next-label { color: #d5bc88; text-transform: uppercase; font-size: 10px; letter-spacing: .13em; }
body.house-brand .reading-room-next > strong { color: var(--house-ivory); font-size: 15px; font-weight: 500; }
body.house-brand .reading-room-card .reading-room-next-link { display: grid; gap: 5px; min-height: 44px; padding: 4px 0; color: #d3e4ed; }
body.house-brand .reading-room-next-link strong { font-size: 15px; font-weight: 500; }
body.house-brand .reading-room-next time { color: #d5bc88; }
body.house-brand .reading-room :is(input, select, summary, button, a):focus-visible { outline: 3px solid #77aeff; outline-offset: 3px; }
@media (min-width: 900px) {
    body.house-brand .reading-room-card:only-child > a > .reading-room-chapter-meta { grid-column: 1; }
}
@media (max-width: 760px) {
    body.house-brand .reading-room-controls { gap: 10px; margin-block: -8px; }
    body.house-brand .reading-room-query { flex-basis: 100%; }
    body.house-brand .reading-room-filters { flex: 1 1 180px; }
    body.house-brand .reading-room-next { margin-inline: 20px; }
}
@media (forced-colors: active) {
    body.house-brand .reading-room :is(input, select, .reading-room-resume) { background: Canvas; color: CanvasText; border-color: CanvasText; }
    body.house-brand .reading-room-next { border-color: CanvasText; }
}
