/* Shared reading notes, kept separate from the immersive interface. */
:root{
  --bg:#120c16;
  --bg-2:#1a121f;
  --panel:rgba(11,7,13,.84);
  --panel-2:rgba(17,10,18,.92);
  --gold:#dbb47a;
  --gold-soft:#a88353;
  --cream:#f2e1c7;
  --mist:#f7e9d5;
  --ink:#201720;
  --line:rgba(219,180,122,.34);
  --focus:#7be6ff;
  --smoke:#f5e9da;
  --shadow:0 24px 80px rgba(0,0,0,.45);
  --serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:radial-gradient(circle at top,#1a1322 0,#100b15 55%,#09070d 100%);color:var(--cream);font-family:var(--sans)}
body{overflow-x:hidden}
a,button,input,textarea,select{font:inherit}
button{cursor:pointer;border:0;background:none;color:inherit}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.hidden,[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip{position:fixed;left:14px;top:14px;z-index:50;background:#fff;color:#000;padding:12px 14px;border-radius:8px;transform:translateY(-160%);transition:transform .2s ease}
.skip:focus{transform:translateY(0)}
/* About page */
body:not(.home-shell){padding:0 0 30px;background:linear-gradient(180deg,#140d19,#0e0a13 50%,#09070e)}
.wrap{width:min(1100px,calc(100% - 40px));margin:0 auto}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 10px}
.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:1.8rem}
.brand img{width:42px;height:42px}
.brand small{display:block;font-family:var(--sans);font-size:.55rem;letter-spacing:.35em;color:rgba(232,208,173,.72);margin-top:2px}
.about-content{padding:26px 0 34px;max-width:820px}
.about-content h1{font-family:var(--serif);font-size:clamp(2.2rem,4.2vw,4rem);line-height:1.08;margin:0 0 16px}
.about-content h2{font-family:var(--serif);font-size:clamp(1.4rem,2.5vw,2rem);margin:30px 0 12px;color:#ecd0aa}
.about-content p,.about-content li,.about-content td,.about-content th{line-height:1.72;color:rgba(241,229,210,.88)}
.about-content .lede{font-size:1.18rem;color:#f1dbc0}
.about-content a,.footer a{color:#edd0a4;text-decoration:underline;text-underline-offset:2px}
.about-content table{width:100%;border-collapse:collapse}
.about-content td,.about-content th{padding:10px 8px;border-bottom:1px solid rgba(219,180,122,.16);text-align:left}
.about-content .callout{border-left:2px solid rgba(219,180,122,.6);padding-left:18px;margin:22px 0}
.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0 10px;color:rgba(232,208,173,.76)}
.footer p{margin:0}
.footer p span{padding:0 10px}