/* MITHAQ PRAXIS A4 PASS — THE PAIRED-LENS LANTERN OBSERVATORY */
:root{
  --a4c-ink:#202320;--a4c-pitch:#181A15;--a4c-graphite:#2B2D2A;
  --a4c-paper:#F2EEE6;--a4c-cotton:#F5F1E9;--a4c-chalk:#FBF9F4;
  --a4c-juniper:#29403A;--a4c-verdigris:#3E5F54;--a4c-green:#465B4B;
  --a4c-celadon:#5E7E74;--a4c-pale:#C4D2CB;--a4c-sage:#84998E;
  --a4c-sumac:#5C2B27;--a4c-oxblood:#6F3330;--a4c-rose:#AD8079;
  --a4c-terracotta:#BC6A47;--a4c-parchment:#E8DCC4;--a4c-walnut:#5A4636;
  --mp-bg:var(--a4c-paper);--mp-honey:var(--a4c-verdigris);--mp-nectar:var(--a4c-ink);
  --mp-gold:var(--a4c-green);--mp-metal:var(--a4c-sage);--mp-rose:var(--a4c-oxblood);
  --mp-terracotta:var(--a4c-terracotta);--mp-olive:#9C9589;--mp-coffee:#ECE7DC;
  --mp-gild:linear-gradient(90deg,var(--a4c-terracotta),var(--a4c-celadon));
  --ink:rgba(32,35,32,.88);--ink-dim:rgba(32,35,32,.64);
  --line:rgba(70,91,75,.22);--grid:rgba(70,91,75,.055);
}
body{
  background:
    radial-gradient(circle at 50% 2%,rgba(196,210,203,.42),transparent 23%),
    linear-gradient(var(--grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--grid) 1px,transparent 1px),
    var(--a4c-paper);
  background-size:auto,42px 42px,42px 42px,auto;font-family:'Poppins',Arial,sans-serif;
}
nav{
  height:62px;background:rgba(24,26,21,.96);border-bottom:1px solid rgba(196,210,203,.20);
  color:var(--a4c-cotton);backdrop-filter:blur(10px);
}
.nav-brand{display:flex;align-items:center;font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--a4c-pale)}
.nav-brand b{color:var(--a4c-rose)}.nav-mark{width:22px;height:28px;color:var(--a4c-pale);margin-right:11px}
.nav-mark svg{display:block;width:100%;height:100%}
.nav-links a{font-family:'IBM Plex Mono',monospace;color:rgba(245,241,233,.58)}
.nav-links a:hover,.nav-links a.active{color:var(--a4c-cotton)}
.nav-links a::after{background:linear-gradient(90deg,var(--a4c-terracotta),var(--a4c-pale))}
header{
  min-height:calc(96vh - 62px);position:relative;overflow:hidden;color:var(--a4c-cotton);
  background:
    radial-gradient(circle at 50% 38%,rgba(188,106,71,.15),transparent 9%),
    radial-gradient(circle at 50% 38%,transparent 0 17%,rgba(196,210,203,.11) 17.3% 17.6%,transparent 18%),
    radial-gradient(circle at 50% 38%,transparent 0 29%,rgba(94,126,116,.10) 29.3% 29.6%,transparent 30%),
    linear-gradient(rgba(196,210,203,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(196,210,203,.04) 1px,transparent 1px),
    var(--a4c-pitch);
  background-size:auto,auto,auto,38px 38px,38px 38px,auto;
}
header::before,header::after{content:'';position:absolute;top:8%;bottom:8%;width:1px;background:linear-gradient(transparent,var(--a4c-sage),transparent);opacity:.45}
header::before{left:8%}header::after{right:8%}
header svg{filter:drop-shadow(0 18px 34px rgba(0,0,0,.35))}
header svg g:first-of-type{stroke:var(--a4c-pale)!important;opacity:.58}
header svg g:nth-of-type(2){stroke:var(--a4c-sage)!important}
.flame path{fill:var(--a4c-terracotta)!important}.flame circle{fill:var(--a4c-cotton)!important}
.kicker,.hero-tag,.scroll-hint,.sheet-label,.sheet-kind,.post-link,.lens-label,.q-role,.b-label{
  font-family:'IBM Plex Mono',monospace!important;font-style:normal;
}
header .kicker{color:var(--a4c-sage)}h1{font-family:'Source Serif 4',Georgia,serif;text-transform:none;letter-spacing:-.035em;font-size:clamp(56px,9vw,94px);color:var(--a4c-cotton)}
h1 .gild{background:none;color:var(--a4c-terracotta);-webkit-text-fill-color:var(--a4c-terracotta)}
.hero-tag{color:var(--a4c-pale);font-size:12px}.hero-sub{font-family:'Source Serif 4',Georgia,serif;color:rgba(245,241,233,.68);font-size:20px}
.hero-sub em{color:var(--a4c-rose)}.hero-line{font-family:'Source Serif 4',Georgia,serif;color:var(--a4c-cotton)}
.scroll-hint{color:var(--a4c-sage)}
main{max-width:1120px;padding:74px 28px 90px;position:relative}
main::before{
  content:'';position:absolute;top:0;bottom:0;left:62px;width:1px;
  background:linear-gradient(transparent,var(--a4c-rose) 4%,var(--a4c-celadon) 50%,var(--a4c-rose) 96%,transparent);
}
section.sheet{
  position:relative;background:rgba(245,241,233,.96);border:1px solid rgba(70,91,75,.20);
  border-left:7px solid var(--a4c-juniper);padding:66px 74px 58px;margin:0 0 42px;
  box-shadow:0 20px 54px rgba(41,64,58,.09);
}
section.sheet:nth-of-type(3n+2){border-left-color:var(--a4c-terracotta)}
section.sheet:nth-of-type(3n){border-left-color:var(--a4c-celadon)}
section.sheet::before{
  content:'';position:absolute;left:-13px;top:70px;width:11px;height:11px;background:var(--a4c-cotton);
  border:2px solid currentColor;transform:rotate(45deg);color:inherit;
}
.sheet-num{font-family:'IBM Plex Mono',monospace;background:var(--a4c-pitch);color:var(--a4c-cotton);border:0;padding:5px 13px}
.sheet-kind{color:var(--a4c-celadon)}
section.sheet h2{font-family:'Source Serif 4',Georgia,serif;text-transform:none;letter-spacing:-.025em;font-size:clamp(38px,5vw,54px);color:var(--a4c-pitch)}
.lede{font-family:'Source Serif 4',Georgia,serif;color:var(--a4c-juniper);font-size:21px}
.pull{
  font-family:'Source Serif 4',Georgia,serif;border-image:none;
  border-left-color:var(--a4c-terracotta);color:var(--a4c-juniper);
  -webkit-text-fill-color:var(--a4c-juniper);
  background:rgba(232,220,196,.42);padding:18px 22px;
}
.pull small{
  font-family:'IBM Plex Mono',monospace;color:var(--a4c-celadon);
  -webkit-text-fill-color:var(--a4c-celadon);
}
.post-link{color:var(--a4c-oxblood);font-size:10px}.post-link:hover{color:var(--a4c-juniper)}
.ledger,.principles,.steps{border-top:1px solid rgba(70,91,75,.25)}
.truth,.principle,.step{background:var(--a4c-chalk);border-bottom:1px solid rgba(70,91,75,.18)!important;padding:20px}
.truth::before,.principle::before{font-family:'IBM Plex Mono',monospace;color:var(--a4c-terracotta)}
.principle{padding:20px 20px 20px 70px}
.principle::before{left:18px;top:20px;width:32px}
.truth h5,.principle h5,.step h5{font-family:'Source Serif 4',Georgia,serif;text-transform:none;color:var(--a4c-juniper);font-size:20px}
.lens-board{
  background:
    radial-gradient(circle at 50% 0,rgba(188,106,71,.16),transparent 40%),
    var(--a4c-graphite);
  border:1px solid rgba(196,210,203,.24);color:var(--a4c-cotton);box-shadow:inset 0 0 0 8px rgba(196,210,203,.035);
}
.lens-label{color:var(--a4c-sage)}.lens-toggle{border-color:rgba(196,210,203,.32)}
.lens-toggle button{font-family:'IBM Plex Mono',monospace;color:rgba(245,241,233,.62)}
.lens-toggle button.on{background:var(--a4c-terracotta);color:var(--a4c-pitch)}
.gloss-row{border-bottom-color:rgba(196,210,203,.12)}.lens-board.myth .gloss-term{color:var(--a4c-rose)}
.lens-board.arch .gloss-term{color:var(--a4c-pale)}.gloss-note{color:rgba(245,241,233,.58)}
.chain{font-family:'IBM Plex Mono',monospace;color:var(--a4c-juniper)}.chain span{color:var(--a4c-terracotta)}
.quadrants{background:rgba(70,91,75,.25)}.quad{background:var(--a4c-fog,#E8E8E3);border:1px solid var(--a4c-cotton)}
.quad h5{font-family:'Source Serif 4',Georgia,serif;text-transform:none;color:var(--a4c-juniper);font-size:22px}.quad .q-role{color:var(--a4c-oxblood)}
.dd{border-radius:0}.dd-col.do{background:rgba(196,210,203,.30)}.dd-col.dont{background:rgba(173,128,121,.16)}
.benediction{background:var(--a4c-sumac)!important;color:var(--a4c-cotton)!important;border-color:var(--a4c-rose)!important}
.benediction .b-label{color:var(--a4c-pale)}
.benediction .b-main{
  font-family:'Source Serif 4',Georgia,serif;background:none;
  color:var(--a4c-parchment);-webkit-text-fill-color:var(--a4c-parchment);
}
.benediction .b-second{
  font-family:'Source Serif 4',Georgia,serif;
  color:rgba(245,241,233,.82);-webkit-text-fill-color:rgba(245,241,233,.82);
}
footer{background:var(--a4c-pitch);color:rgba(245,241,233,.68);border-top:6px double rgba(196,210,203,.22)}
footer .kicker{color:var(--a4c-sage)}.series-links a{border-color:rgba(196,210,203,.16);color:var(--a4c-cotton)}
.series-links a:hover{background:rgba(196,210,203,.07)}.series-links .n{font-family:'IBM Plex Mono',monospace;color:var(--a4c-rose)}
.colophon{font-family:'IBM Plex Mono',monospace;color:rgba(245,241,233,.58)}.colophon a{color:var(--a4c-pale)}
a:focus-visible,button:focus-visible{outline:2px solid var(--a4c-terracotta);outline-offset:3px}
@media(max-width:760px){
  main{padding:36px 14px 60px}main::before{left:20px}
  section.sheet{padding:42px 22px 40px;border-left-width:5px}.nav-brand{font-size:8px}
}
@media print{
  @page{size:A4;margin:14mm}
  body{background:#fff;color:#202320;font-size:10pt}
  nav,.scroll-hint{display:none!important}
  header{min-height:245mm;break-after:page;background:#181A15!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  main{max-width:none;padding:0}main::before{display:none}
  section.sheet{break-before:page;box-shadow:none;margin:0;padding:12mm 8mm;background:#fff}
  .truth,.principle,.step,.quad,.pull,.dd-col{break-inside:avoid}
  .lens-board{background:#2B2D2A!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .gloss-term::before{content:'Myth: ' attr(data-myth) ' / Architecture: ' attr(data-arch)!important}
  footer{break-before:page;background:#181A15!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}