.web-my-house{--mh-gold:var(--house-gold);--mh-navy:var(--house-ink);--mh-panel:var(--house-raised);--mh-line:rgba(195,211,231,.16);max-width:1440px;margin:0 auto;padding:clamp(3rem,7vw,7rem) clamp(1.25rem,5vw,5rem);color:var(--house-text)}.web-my-house-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;padding-bottom:clamp(2.5rem,5vw,5rem);border-bottom:1px solid rgba(237,189,104,.45)}.web-my-house-hero h1{max-width:900px;margin:.2rem 0 1rem;color:var(--mh-gold);font-family:var(--font-serif);font-size:clamp(3.3rem,8vw,7.5rem);font-weight:500;line-height:.9;letter-spacing:-.035em}.web-my-house-hero>div>p:last-child{max-width:760px;margin:0;color:#c9d3df;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.65}.web-my-house .eyebrow{margin:0;color:var(--mh-gold);font-size:.75rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.my-house-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.2rem;border:1px solid var(--mh-gold);background:var(--mh-gold);color:#07111e!important;font-weight:500;letter-spacing:.055em;text-decoration:none;text-transform:uppercase}.my-house-button.is-secondary{background:transparent;color:var(--mh-gold)!important}.web-my-house-status{margin:1.5rem 0;padding:1rem 1.2rem;border-left:3px solid var(--mh-gold);background:rgba(255,255,255,.045);color:#c9d3df}.web-my-house-status button{margin-left:.65rem;border:0;background:none;color:var(--mh-gold);font:inherit;font-weight:500;text-decoration:underline;cursor:pointer}.web-my-house-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:2rem 0 4rem;background:var(--mh-line);border:1px solid var(--mh-line)}.web-my-house-summary article{min-width:0;padding:1.35rem;background:var(--mh-panel)}.web-my-house-summary span,.web-my-house-summary small{display:block;color:#9eacbd}.web-my-house-summary strong{display:block;margin:.35rem 0;color:#fff;font-size:clamp(1.5rem,3vw,2.5rem);overflow-wrap:anywhere}.web-my-house-section{margin:4rem 0}.web-my-house-section>header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.web-my-house-section h2,.web-my-house-signed-out h2{margin:.35rem 0;color:#fff;font-family:var(--font-serif);font-size:clamp(2rem,4vw,3.4rem);font-weight:500}.web-my-house-section>header>a{color:var(--mh-gold);font-weight:500}.web-my-house-reading{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.web-my-house-reading-card,.web-my-house-grid>article,.web-my-house-empty{padding:1.5rem;border:1px solid var(--mh-line);border-radius:18px;background:linear-gradient(145deg,rgba(19,34,50,.96),rgba(9,20,32,.96))}.web-my-house-reading-card>p{margin:0 0 .5rem;color:#9eacbd;font-size:.75rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.web-my-house-reading-card h3{min-height:2.8em;margin:0;color:#fff;font-size:1.15rem}.web-my-house-reading-card footer{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;color:#9eacbd}.web-my-house-reading-card a,.web-my-house-grid a{color:var(--mh-gold);font-weight:500}.web-my-house-track{height:5px;margin-top:1.5rem;overflow:hidden;border-radius:999px;background:#27374a}.web-my-house-track span{display:block;height:100%;background:var(--mh-gold)}.web-my-house-filter{display:inline-flex;gap:.4rem;margin-bottom:1.2rem;padding:.3rem;border:1px solid var(--mh-line);border-radius:999px}.web-my-house-filter button{padding:.6rem 1rem;border:0;border-radius:999px;background:transparent;color:#aab6c5;font:inherit;font-weight:500;cursor:pointer}.web-my-house-filter button.is-active{background:var(--mh-gold);color:#07111e}.web-my-house-releases .release-preview-list{display:grid;gap:.85rem}.web-my-house-releases .release-card{margin:0}.web-my-house-signed-out{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;margin-top:3rem;padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--mh-line);background:var(--mh-panel)}.web-my-house-signed-out ul{display:grid;gap:.8rem;margin:0;padding-left:1.2rem;color:#c9d3df}.web-my-house-signed-out>div:last-child{grid-column:1/-1;display:flex;gap:.8rem}.web-my-house.is-ready .web-my-house-status{border-left-color:#6bc99a}@media(max-width:900px){.web-my-house-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.web-my-house-summary article:first-child{grid-column:1/-1}.web-my-house-reading{grid-template-columns:1fr}.web-my-house-signed-out{grid-template-columns:1fr}}@media(max-width:620px){.web-my-house{padding:2.5rem 1rem}.web-my-house-hero{grid-template-columns:1fr;align-items:start}.web-my-house-hero h1{font-size:3.4rem}.web-my-house-summary{margin-bottom:3rem}.web-my-house-section>header{align-items:flex-start;flex-direction:column}.web-my-house-filter{width:100%}.web-my-house-filter button{flex:1}.web-my-house-signed-out>div:last-child{flex-direction:column}}@media(prefers-reduced-motion:reduce){.web-my-house *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Account cards use compact type, independent of page-section headings. */
.web-my-house-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin: 3rem 0;
}
.web-my-house-grid > article {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-width: 0;
    padding: 24px;
    border-radius: 12px;
}
.web-my-house-grid > article[hidden] { display: none; }
.web-my-house-grid .eyebrow {
    font-family:var(--font-sans);
    font-weight: 500;
    font-size: 11px;
    line-height: 1.4;
    letter-spacing: .14em;
}
.web-my-house-grid h2 {
    margin: 12px 0 0;
    color: #fff;
    font-family:var(--font-serif);
    font-size: 26px;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -.015em;
    overflow-wrap: anywhere;
}
.web-my-house-grid p:not(.eyebrow) {
    margin: 12px 0 24px;
    color: var(--house-muted);
    font-size: 15px;
    line-height: 1.6;
}
.web-my-house-grid > article > .my-house-button,
.web-my-house-card-actions { margin-top: auto; }
.web-my-house-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.web-my-house-grid .my-house-button {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 10px 12px;
    border-color: rgba(237,189,104,.45);
    border-radius: 6px;
    font-family:var(--font-sans);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: 0;
    text-align: center;
    text-transform: none;
}
.web-my-house-grid .my-house-button:hover { background: rgba(237,189,104,.08); }
.web-my-house-grid .my-house-button:focus-visible { outline: 2px solid var(--house-focus); outline-offset: 3px; }
.web-my-house-grid .web-my-house-following-list { margin: 16px 0 24px; }
@media (max-width: 1180px) {
    .web-my-house-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
    .web-my-house-grid { grid-template-columns: 1fr; gap: 12px; }
    .web-my-house-grid > article { padding: 20px; }
}