:root{--ink:#13202e;--paper:#efe8d8;--cinnabar:#b4382a;--jade:#3f7f6b;--text:#1d232b}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.ridge_body{margin:0;background:var(--paper);color:var(--text);font-family:"Hoefler Text",Baskerville,"Baskerville Old Face",Georgia,serif;font-size:1.08rem;line-height:1.7}
a{color:var(--cinnabar);text-underline-offset:3px;overflow-wrap:anywhere}
a:hover{color:var(--jade)}
.ridge_frame{display:block}
.ridge_side{background:var(--ink);color:var(--paper);padding:1.25rem 1.1rem 1rem}
.ridge_mark{display:flex;align-items:center;gap:.7rem;color:var(--paper);text-decoration:none}
.ridge_mark-cn{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border:2px solid var(--cinnabar);color:var(--cinnabar);font-size:1.5rem;border-radius:4px;background:#0c1520}
.ridge_mark-en{font-family:"Avenir Next","Segoe UI",Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.18em;font-weight:600;font-size:.95rem}
.ridge_motto{margin:.6rem 0 .8rem;font-size:.9rem;opacity:.8;font-style:italic}
.ridge_nav ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem;counter-reset:ch}
.ridge_nav li{counter-increment:ch}
.ridge_nav a{display:block;padding:.45rem .55rem;color:var(--paper);text-decoration:none;font-family:"Avenir Next","Segoe UI",Helvetica,Arial,sans-serif;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;border-left:3px solid transparent}
.ridge_nav a::before{content:counter(ch,cjk-ideographic) "  ";color:#d98b7f}
.ridge_nav a[aria-current=page]{border-left-color:var(--cinnabar);background:rgba(239,232,216,.08)}
.ridge_nav a:hover{background:rgba(63,127,107,.35)}
.ridge_main{padding:1.6rem 1.15rem 2.5rem;max-width:44rem}
.ridge_chapter{font-family:"Avenir Next","Segoe UI",Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.25em;font-size:.78rem;color:var(--jade);margin:0 0 .4rem}
h1,h2,h3{font-family:"Avenir Next","Segoe UI",Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.07em;color:var(--ink);line-height:1.25}
h1{font-size:1.65rem;margin:.1rem 0 1rem;border-bottom:3px double var(--cinnabar);padding-bottom:.6rem}
h2{font-size:1.1rem;margin:2rem 0 .6rem}
h3{font-size:.98rem;margin:1.4rem 0 .4rem;color:var(--jade)}
.ridge_lede{font-size:1.18rem;font-style:italic}
blockquote.ridge_pull{margin:1.6rem 0;padding:.6rem 0 .6rem 1.1rem;border-left:5px solid var(--cinnabar);font-size:1.15rem;font-style:italic;color:var(--ink)}
.ridge_gloss{display:grid;grid-template-columns:1fr;gap:.2rem 1rem;background:#f7f2e6;border:1px solid #d8ccb2;padding:1rem;border-radius:4px}
.ridge_gloss dt{font-family:"Avenir Next","Segoe UI",sans-serif;font-weight:700;color:var(--cinnabar);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;margin-top:.5rem}
.ridge_gloss dd{margin:0}
.ridge_sources{margin-top:2.5rem;border-top:1px solid #c9bc9f;padding-top:.8rem;font-size:.93rem}
.ridge_sources h2{font-size:.85rem;margin-top:.4rem}
.ridge_timeline{list-style:none;padding:0;margin:1rem 0;border-left:2px solid var(--jade)}
.ridge_timeline li{padding:.25rem 0 .55rem 1rem;position:relative}
.ridge_timeline li::before{content:"";position:absolute;left:-7px;top:.75rem;width:12px;height:12px;background:var(--paper);border:2px solid var(--cinnabar);border-radius:50%}
.ridge_timeline b{font-family:"Avenir Next","Segoe UI",sans-serif;color:var(--ink)}
.ridge_foot{background:var(--ink);color:var(--paper);padding:1rem 1.15rem;font-size:.88rem}
.ridge_foot p{margin:0;max-width:44rem}
@media (min-width:900px){
  .ridge_frame{display:grid;grid-template-columns:17rem 1fr;min-height:100vh}
  .ridge_side{position:sticky;top:0;height:100vh;padding:2rem 1.3rem}
  .ridge_main{padding:3rem 3rem 4rem}
  .ridge_foot{padding-left:18.3rem}
  .ridge_gloss{grid-template-columns:11rem 1fr}
  .ridge_gloss dt{margin-top:0}
}