/* ============================================================
   THE ORACLE OF EAST — shared stylesheet
   Palette: rice paper / warm ink / muted gold / seal red accent
   ============================================================ */
:root{
  --ink:#2b2620;
  --ink-soft:#4a4336;
  --gold:#9a7b33;
  --gold-line:#c49a4e;
  --gold-dim:#8a7a5c;
  --paper:#f7f1e1;
  --paper-hi:#fdf8ec;
  --red:#b03228;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:Georgia,'Times New Roman',serif;
  overflow-x:hidden;
}

/* ---------- floating gold motes ---------- */
.mote{position:fixed;border-radius:50%;background:#b08c3f;opacity:.08;animation:tw 6s infinite;pointer-events:none;z-index:0}
@keyframes tw{0%,100%{opacity:.03}50%{opacity:.18}}

/* ---------- vertical couplets ---------- */
.couplet{
  position:fixed;top:50%;transform:translateY(-50%);
  writing-mode:vertical-rl;letter-spacing:14px;
  font-family:'Kaiti SC','STKaiti','KaiTi',serif;font-size:17px;
  color:rgba(138,122,92,.4);z-index:1;pointer-events:none;
}
.couplet.left{left:22px}
.couplet.right{right:22px}
@media(max-width:900px){.couplet{display:none}}

/* ---------- layout ---------- */
section{position:relative;z-index:2}
.inner{max-width:980px;margin:0 auto;padding:0 24px}
.hanzi-mark{font-family:'Kaiti SC','STKaiti','KaiTi',serif;font-size:42px;color:var(--gold);display:block;text-align:center}
.sec-title{text-align:center;font-size:13px;letter-spacing:5px;color:var(--gold-dim);text-transform:uppercase;margin-top:10px}
.goldline{width:240px;height:1px;margin:26px auto;background:linear-gradient(90deg,transparent,var(--gold-line),transparent)}

/* ---------- buttons ---------- */
.btn-main{
  display:inline-block;background:var(--ink);color:var(--paper-hi);border:1px solid var(--ink);
  font-family:inherit;font-size:15px;letter-spacing:3px;padding:16px 46px;cursor:pointer;
  text-transform:uppercase;border-radius:2px;transition:all .35s;text-decoration:none;
  box-shadow:0 4px 16px rgba(43,38,32,.25);
}
.btn-main:hover{background:#3c362c;border-color:var(--gold);color:#f1e2bd;transform:translateY(-1px)}
.btn-ghost{
  display:inline-block;background:transparent;border:1px solid var(--gold);color:var(--gold);
  font-family:inherit;font-size:13px;letter-spacing:2px;padding:11px 28px;cursor:pointer;
  text-transform:uppercase;border-radius:2px;transition:all .35s;text-decoration:none;
}
.btn-ghost:hover{background:rgba(154,123,51,.08)}

/* ---------- site header (sub-pages) ---------- */
.site-head{padding:26px 0 0;text-align:center;position:relative;z-index:2}
.site-head a{text-decoration:none;color:var(--ink)}
.site-head .t{font-size:17px;letter-spacing:6px}
.site-head .s{font-size:10px;letter-spacing:3px;color:var(--gold-dim);text-transform:uppercase;margin-top:5px}
.site-head .gl{width:160px;height:1px;margin:18px auto 0;background:linear-gradient(90deg,transparent,var(--gold-line),transparent)}

/* ---------- content page (legal / about) ---------- */
.page{max-width:720px;margin:0 auto;padding:50px 24px 90px;position:relative;z-index:2}
.page h1{font-size:24px;letter-spacing:3px;font-weight:normal;text-align:center}
.page .updated{text-align:center;font-size:12px;color:var(--gold-dim);font-style:italic;margin-top:10px}
.page h2{font-size:16px;letter-spacing:2px;margin:36px 0 12px;font-weight:normal;color:var(--ink);text-transform:uppercase}
.page p,.page li{font-size:15.5px;line-height:1.85;color:var(--ink-soft);margin-bottom:14px}
.page ul{padding-left:22px}
.page em{color:var(--ink)}

/* ---------- footer ---------- */
footer{position:relative;background:#ece2c9;z-index:2}
.mountains{display:block;width:100%;height:120px}
.foot-inner{max-width:980px;margin:0 auto;padding:10px 24px 46px;text-align:center}
.foot-links{font-size:12.5px;letter-spacing:1px;color:#8a7f68}
.foot-links a{color:#8a7f68;text-decoration:none;margin:0 10px}
.foot-links a:hover{color:var(--gold)}
.foot-disc{font-size:11.5px;color:#9a8e72;font-style:italic;margin-top:16px;line-height:1.7}
.foot-seal{margin-top:22px}

/* ---------- print: only the reading content ---------- */
@media print{
  body{background:#fff}
  .couplet,.mote,.no-print,footer .mountains,.foot-seal{display:none!important}
  .print-block{page-break-inside:avoid}
  h2{page-break-after:avoid}
}