/*
Theme Name: The Kept House
Theme URI: https://thekepthouse.4wardmediagroup.com
Author: 4wardpress · 4ward Media Group
Description: Companion site for The Kept House — a solo game of witness and deduction. The house's fuller record: deals occupants, keepsakes, and clues from a deeper memory than the printed tables carry. Includes native email capture (see the Kept House admin menu).
Version: 1.2
License: All rights reserved
Text Domain: kepthouse
*/

/* v1.2 — inverted: lantern-lit dark. Book stays ash; the site is the house at night. */
:root{
  --ash:#D2CDC2; --ash-deep:#C4BEB1; --umber:#1C1712; --umber-soft:#2A241C;
  --ox:#5C211F; --gold:#B88724; --gold-deep:#8A661A;
  --ink:#D8D1C2; --mut:#9A9078; --line:#4A4234;
}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:17px}
body.kepthouse{
  font-family:Georgia,'Iowan Old Style','Palatino Linotype',serif;
  color:var(--ink); background-color:var(--umber); min-height:100vh;
  background-image:url('assets/paper-umber.jpg');
  background-size:cover; background-position:center top; background-attachment:fixed;
}
.wrap{max-width:680px;margin:0 auto;padding:2.2rem 1.2rem 4rem}
h1,h2,h3{font-weight:700;color:var(--gold);letter-spacing:.06em}
h1{font-size:1.9rem;text-align:center;margin:1rem 0 .2rem}
h1 span{letter-spacing:.22em}
.sub{color:var(--mut);font-style:italic;text-align:center;margin-bottom:1.4rem}
.rule{border:0;border-top:1px solid var(--gold);width:9rem;margin:.6rem auto 1.2rem}
h2{font-size:1.15rem;margin:1.6rem 0 .5rem}
p{line-height:1.62;margin:.6rem 0}
.mut{color:var(--mut);font-style:italic}
.gold{color:var(--gold-deep)}
.small{font-size:.85rem}
.card{
  background:rgba(24,19,14,.72); border:1px solid var(--line);
  padding:1.1rem 1.2rem; margin:1rem 0;
}
.dark{
  background:rgba(14,11,8,.8); color:#D3CCBE; border:1px solid #3A3226;
}
.dark h2, .dark h3{color:var(--gold)}
.qname{color:var(--gold)!important}
.dark .mut{color:#8F8676}
button, .btn{
  font-family:inherit; font-size:.95rem; cursor:pointer;
  background:var(--ox); color:#EDE7DA; border:0; padding:.6rem 1.1rem;
  letter-spacing:.05em; margin:.25rem .3rem .25rem 0;
}
button:hover{background:#6E2A27}
button.ghost{background:transparent;color:#CDB483;border:1px solid #8A661A}
button.ghost:hover{background:rgba(184,135,36,.12)}
button.gold{background:var(--gold-deep);color:#FBF6E9}
button:disabled{opacity:.45;cursor:default}
input[type=email], select, input[type=number]{
  font-family:inherit;font-size:1rem;padding:.55rem .7rem;width:100%;
  border:1px solid var(--line);background:rgba(10,8,6,.55);color:var(--ink)
}
.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.suit-red{color:#C96A55} .suit-blk{color:#E4DDCB}
.cleared{text-decoration:line-through;opacity:.5}
.qgrid{display:grid;grid-template-columns:5.5rem 1fr;gap:.35rem .8rem;margin:.6rem 0}
.qname{font-weight:700;color:var(--ox);letter-spacing:.08em}
.lantern{font-size:1.5rem;letter-spacing:.35rem;color:var(--gold)}
.clue{border-left:3px solid var(--gold);padding:.6rem .9rem;margin:.8rem 0;background:rgba(184,135,36,.10)}
.entry{margin:.9rem 0;padding-bottom:.7rem;border-bottom:1px dashed var(--line)}
.hand{font-style:italic;color:#C9B896}
.hidden{display:none}
.center{text-align:center}
.footerline{margin-top:3rem;text-align:center;color:var(--mut);font-size:.8rem;font-style:italic}
@media(max-width:480px){html{font-size:15.5px}}

.glyph{cursor:pointer;font-size:1.15rem;padding:.05rem .15rem}
#suitread{min-height:1.3rem}