/* shared look: paper, ink, terracotta — nothing like the other house */
@import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400;0,500;0,700;1,400&family=Alegreya+SC:wght@400;700&display=swap');
:root{--paper:#F3EAD8;--paper2:#EADFC8;--ink:#1C1A17;--ink2:#5A544B;--clay:#B44E2A;--clay2:#8E3A1D;--line:rgba(28,26,23,.18)}
*{margin:0;padding:0;box-sizing:border-box}
html,body{background:var(--paper);color:var(--ink);font-family:'Alegreya',Georgia,serif;font-size:19px;line-height:1.55}
a{color:var(--clay2);text-decoration:none;border-bottom:1px solid rgba(180,78,42,.35)}
a:hover,a:focus{border-bottom-color:var(--clay2)}
.sheet{max-width:640px;margin:0 auto;padding:0 20px 72px}
header{text-align:center;padding:44px 0 26px}
h1{font-family:'Alegreya SC','Alegreya',serif;font-weight:700;font-size:clamp(2.4rem,9vw,3.6rem);letter-spacing:.06em;line-height:1;color:var(--ink)}
h1 .en{display:block;font-family:'Alegreya',serif;font-weight:400;font-style:italic;font-size:1.05rem;letter-spacing:.04em;color:var(--ink2);margin-top:10px}
.tag{font-family:'Alegreya SC',serif;font-size:.85rem;letter-spacing:.22em;color:var(--clay);margin-top:12px}
h2{font-family:'Alegreya SC',serif;font-weight:700;font-size:1.05rem;letter-spacing:.2em;color:var(--clay2);margin:38px 0 12px;padding-bottom:6px;border-bottom:2px solid var(--clay)}
h2 .en{font-family:'Alegreya',serif;font-weight:400;font-style:italic;letter-spacing:0;color:var(--ink2);font-size:.9rem;margin-left:10px}
ol{padding-left:26px}li{margin-bottom:10px}
p{margin:0 0 14px}
b{font-weight:700}
.k{font-family:'Alegreya SC',serif;letter-spacing:.08em;color:var(--clay2)}
.goal{text-align:center;font-style:italic;font-size:1.15rem;margin:26px 0 0;color:var(--ink)}
.rule{border:none;border-top:2px solid var(--clay);width:120px;margin:12px auto 0}
footer{margin-top:56px;padding-top:14px;border-top:1px solid var(--line);text-align:center;font-family:'Alegreya SC',serif;font-size:.8rem;letter-spacing:.18em;color:var(--ink2);line-height:2.2}
.en-block{color:var(--ink2)}
.en-block li,.en-block p{color:var(--ink2)}
.marks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 18px}
.mark{border:1px solid var(--line);background:var(--paper2);padding:12px 8px;text-align:center}
.mark .g{font-size:2rem;line-height:1;color:var(--clay2)}
.mark .n{font-family:'Alegreya SC',serif;letter-spacing:.08em;margin-top:6px}
.mark .e{font-style:italic;color:var(--ink2);font-size:.9rem}
table{width:100%;border-collapse:collapse;margin:6px 0 16px}
td,th{padding:7px 6px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{font-family:'Alegreya SC',serif;font-weight:700;letter-spacing:.1em;font-size:.85rem;color:var(--clay2)}
td.num{font-family:'Alegreya SC',serif;color:var(--clay2);width:2.2em}
.wheel{display:block;width:min(100%,360px);height:auto;margin:10px auto 6px}
.doors{display:grid;gap:16px;margin-top:8px}
.door{display:block;border:1px solid var(--line);background:var(--paper2);padding:22px 20px;color:var(--ink);border-bottom:1px solid var(--line)}
.door:hover,.door:focus{border-color:var(--clay)}
.door .t{font-family:'Alegreya SC',serif;font-weight:700;font-size:1.6rem;letter-spacing:.08em;color:var(--ink)}
.door .s{font-style:italic;color:var(--ink2)}
.door .go{display:block;margin-top:10px;font-family:'Alegreya SC',serif;font-size:.85rem;letter-spacing:.2em;color:var(--clay2)}
@media print{body{background:#fff}.sheet{padding-bottom:0}}
