/* Layout: hanafuda table. A 2:1 grid like a laid-out game — wide washi panel left, one tall card standing right;
   the story below is four rounds dealt on green felt, reading card beside the card you grab. */
:root{
  --bg:#f7eedf;        /* washi page */
  --paper:#f0e1cc;     /* card paper */
  --paper-2:#e5d3b8;   /* aged paper, wells */
  --line:#d6c2a3;
  --ink:#2a2622;       /* sumi */
  --muted:#6b5a49;
  --felt:#3a5b34;      /* card border green */
  --felt-deep:#263224;
  --on-felt:#f0e1cc;
  --owl:#8e4541;       /* owl crimson — the accent */
  --owl-soft:#c98a84;
  --on-owl:#fff6ea;
  --gold:#8a6a12;      /* owl eye, darkened for text */
  --sakura:#c4507a;
  --rnt:#64659f;
  --on-rnt:#fff6ea;  
  --sakura-tint:#f5d7e1;
  --c-com:#7d6c59; --c-atom:#2f5a2a; --c-var:#8e4541; --c-op:#8a6a12;

  --f-display:"Archivo","Arial Narrow",system-ui,sans-serif;
  --f-body:"Zen Kaku Gothic New","Hiragino Sans",system-ui,sans-serif;
  --f-jp:"Zen Maru Gothic","Hiragino Maru Gothic ProN",system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;

  --button-border-radius: 8px;

  --r-sm:6px; --r-md:14px; --r-lg:22px;
  --gut:clamp(16px,2.4vw,32px);
  color-scheme:light;
}
/* @media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#141912; --paper:#1f261c; --paper-2:#283123; --line:#36412f;
  --ink:#f0e1cc; --muted:#b9a88f; --felt:#4b7343; --felt-deep:#0e130c; --on-felt:#f0e1cc;
  --owl:#d9837a; --owl-soft:#8e4541; --on-owl:#1c100e; --gold:#e1c25e;
  --sakura:#f19bbb; --sakura-tint:#3a2630;
  --c-com:#8f8270; --c-atom:#a9cf8e; --c-var:#e99a91; --c-op:#e1c25e;
  color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#141912; --paper:#1f261c; --paper-2:#283123; --line:#36412f;
  --ink:#f0e1cc; --muted:#b9a88f; --felt:#4b7343; --felt-deep:#0e130c; --on-felt:#f0e1cc;
  --owl:#d9837a; --owl-soft:#8e4541; --on-owl:#1c100e; --gold:#e1c25e;
  --sakura:#f19bbb; --sakura-tint:#3a2630;
  --c-com:#8f8270; --c-atom:#a9cf8e; --c-var:#e99a91; --c-op:#e1c25e;
  color-scheme:dark} */

*{box-sizing:border-box}
*{scrollbar-width:none}
:root{scrollbar-width:auto}
*::-webkit-scrollbar:horizontal{display:none}
img{height:auto;max-width:100%;-webkit-user-drag: none;user-select: none}
body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.6 var(--f-body);-webkit-font-smoothing:antialiased}
.wrap{position:relative;max-width:1440px;margin:0 auto;padding-inline:var(--gut)}
a{color:inherit}
:focus-visible{outline:2px solid var(--owl);outline-offset:3px;border-radius:4px}
h1,h2,h3{text-wrap:balance;margin:0}
p{margin:0}
.eyebrow{font:600 12px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

/* ---------- top: brand + menu ---------- */
.site-head{position:relative;z-index:5;padding-bottom:0}
.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px 0}
.brand{display:flex;align-items:center;gap:20px;text-decoration:none}
.mark{width:140px;display:flex;justify-content:center;align-items:center;padding:7px;position:relative;}
.mark img{position: relative;}
.mark small{position:absolute;bottom:0;transform:translateY(100%);font:600 16px/1.6 var(--f-mono);letter-spacing:.18em;color:var(--muted)}
.brand-line{font:500 clamp(18px,1.9vw,26px)/1.12 var(--f-display);font-variation-settings:"wdth" 92;letter-spacing:-.01em}
.nav{display:flex;align-items:center;gap:6px}
.nav>a,.nav summary{font:500 18px/1 var(--f-body);text-decoration:none;padding:10px 14px;border-radius:var(--button-border-radius);cursor:pointer;list-style:none}
.nav summary::-webkit-details-marker{display:none}
.nav>a:hover,.nav summary:hover,.nav details[open] summary{background:var(--paper-2)}
.nav a[aria-current="page"]{background:var(--ink);color:var(--bg)}
.dd{position:relative}
.dd summary::after{content:"";display:inline-block;width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-3px) rotate(45deg);margin-left:8px}
.dd-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:20;width:300px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:8px;
  box-shadow:0 18px 40px -18px rgba(38,50,36,.45)}
.dd-panel a{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:10px;border-radius:10px;text-decoration:none}
.dd-panel a:hover{background:var(--paper-2)}
.dd-panel img{width:44px;border-radius:3px}
.dd-panel b{display:block;font:700 18px/1.2 var(--f-body)}
.dd-panel em{font-style:normal;font-size:15px;color:var(--muted)}
.dd-panel .soon{opacity:.6;pointer-events:none}
.dd-panel .ph{width:44px;aspect-ratio:.707;border-radius:3px;background:var(--paper-2);border:4px solid var(--felt)}
.menu-btn{display:none}

/* ---------- hero ---------- */
.hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:28px;padding-block:40px 64px}
.hero-left{display:flex;flex-direction:column;gap:28px;min-width:0}
.headline{font:800 clamp(40px,6.3vw,96px)/.9 var(--f-display);font-variation-settings:"wdth" 84;letter-spacing:-.035em;text-transform:uppercase}
.headline .acc{color:var(--owl)}
.table{flex:1;min-height:340px;background:var(--owl);border-radius:var(--r-lg);padding:14px;display:grid;box-shadow:inset 0 0 0 2px var(--felt-deep)}
.table-in{background:var(--paper);border-radius:12px;box-shadow:0 0 0 2px var(--felt-deep);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);overflow:hidden}
.code{min-width:0;padding:26px 28px;overflow-x:auto;border-right:1px dashed var(--line)}
.code .eyebrow{margin-bottom:16px;display:block}
pre{margin:0;font:400 14.5px/1.75 var(--f-mono);color:var(--ink)}
.k-c{color:var(--c-com)}.k-a{color:var(--c-atom)}.k-v{color:var(--c-var);font-weight:600}.k-o{color:var(--c-op)}
.answers{padding:26px 24px;display:flex;flex-direction:column;gap:14px;min-width:0}
.q{font:600 14px/1.5 var(--f-mono)}
.procs{display:grid;gap:8px}
.proc{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font:400 13px/1.3 var(--f-mono);padding:10px 12px;border-radius:10px;background:var(--bg);border:1px solid var(--line);
  animation:deal .5s cubic-bezier(.2,.7,.2,1) both}
.proc:nth-child(2){animation-delay:.12s}.proc:nth-child(3){animation-delay:.24s}
.proc i{width:8px;height:8px;border-radius:50%;background:var(--felt)}
.proc b{color:var(--owl);font-weight:600}
.proc s{text-decoration:none;color:var(--muted);font-size:11.5px}
.answers p{font-size:14px;color:var(--muted);margin-top:auto}
@keyframes deal{from{transform:translateY(8px)}to{transform:none}}

.hero-right{display:flex;flex-direction:column;gap:26px;min-width:0}
.stand{position:relative}
.stand>img:first-child{display:block;width:100%;max-width:100%;box-shadow:0 30px 50px -30px rgba(38,50,36,.55)}
.intro h2{font:500 clamp(22px,2vw,28px)/1.18 var(--f-display);font-variation-settings:"wdth" 92;letter-spacing:-.01em}
.intro p{margin-top:12px;color:var(--muted);max-width:44ch}
.cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.btn{display:inline-flex;align-items:center;gap:10px;font:600 15px/1 var(--f-body);padding:14px 20px;border-radius:var(--button-border-radius);text-decoration:none;border:1.5px solid var(--ink)}
.btn.pri{background:var(--owl);border-color:var(--owl);color:var(--on-owl)}
.btn:hover{transform:translateY(-1px)}

/* ---------- pillars ---------- */
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1.5px solid var(--ink);margin-bottom:96px}
.pillar{padding:26px 28px 0 0;min-width:0}
.pillar+.pillar{padding-left:28px;border-left:1px solid var(--line)}
.pillar h3{font:700 22px/1.15 var(--f-display);font-variation-settings:"wdth" 90;margin:10px 0 10px}
.pillar p{color:var(--muted);max-width:40ch}
.pillar code{font:500 13.5px var(--f-mono);background:var(--paper-2);padding:2px 6px;border-radius:4px;color:var(--ink)}

/* ---------- story ---------- */
.story{background:var(--felt-deep);color:var(--on-felt);padding-block:96px 0px}
.story-head{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1.1fr);gap:28px;align-items:end;margin-bottom:64px}
.story-head h2{font:800 clamp(36px,5vw,72px)/.92 var(--f-display);font-variation-settings:"wdth" 84;letter-spacing:-.03em;text-transform:uppercase;margin-top:16px}
.story-head p{color:#cdbda4;max-width:42ch}
.story .eyebrow{color:#cdbda4}
.round{display:grid;grid-template-columns:clamp(200px,22vw,300px) minmax(0,1fr) minmax(140px,210px);gap:clamp(20px,3vw,48px);align-items:center;padding-block:48px;border-top:1px solid rgba(240,225,204,.16)}
.yomi{width:100%;display:block;box-shadow:0 26px 40px -24px #000}
.poem{min-width:0}
.poem .eyebrow{display:block;margin-bottom:14px}
.poem blockquote{margin:0;font:400 clamp(20px,1.9vw,27px)/1.45 var(--f-display);font-variation-settings:"wdth" 96;letter-spacing:-.005em;color:#f6ead8}
.poem .taken{margin-top:26px;padding-top:18px;border-top:1px dashed rgba(240,225,204,.28)}
.poem .taken blockquote{font-size:clamp(17px,1.4vw,20px);color:#e9b7b0}
.grab{appearance:none;background:none;border:0;padding:0;justify-self:end;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.grab img{display:block;width:100%;box-shadow:0 18px 30px -18px #000}
.round:nth-child(odd) .grab{transform:rotate(4deg)}
.round:nth-child(even) .grab{transform:rotate(-3deg)}
.grab:hover{transform:rotate(0) translateY(-10px) scale(1.04)}

/* ---------- contribute ---------- */
.contribute{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding-block:96px;align-items:center}
.contribute h2{font:800 clamp(34px,4.4vw,64px)/.92 var(--f-display);font-variation-settings:"wdth" 84;letter-spacing:-.03em;text-transform:uppercase}
#contribute-cmd{overflow-x:scroll;}
.term{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:22px 24px;overflow-x:auto}
.term pre{font-size:14.5px}
.term .row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.copy{font:600 12px/1 var(--f-mono);padding:8px 12px;border-radius:var(--button-border-radius);border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}

.site-foot{padding-block:28px 40px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 32px;color:var(--muted);font-size:14px}
.site-foot .jp{font-family:var(--f-jp)}
.foot-links{display:flex;gap:18px;flex-wrap:wrap}

/* ---------- sakura page ---------- */
.page-sakura .headline .acc{color:var(--sakura)}
.s-panel{flex:1;min-height:340px;background:var(--sakura);border-radius:var(--r-lg);padding:14px;display:grid}
.s-panel .table-in{box-shadow:0 0 0 2px var(--felt-deep)}
.s-badge{display:inline-flex;align-items:center;gap:8px;font:600 12px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sakura)}
.s-badge::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--sakura)}
.s-poem{display:grid;grid-template-columns:clamp(200px,22vw,300px) minmax(0,1fr) minmax(140px,200px);gap:clamp(20px,3vw,48px);align-items:center}
.btn.sak{background:var(--sakura);border-color:var(--sakura);color:var(--on-owl)}
.btn.rnt{background:var(--rnt);border-color:var(--rnt);color:var(--on-rnt)}

.contribute .scene{width:65%;justify-self:end;filter: drop-shadow(0 22px 26px rgba(0,0,0,.35));}

@media (max-width:1000px){
  #contribute {
    padding-top: 14px;
  }
  #contribute .scene {
    padding-bottom: 82px;
  }
  #contribute > :nth-child(1) {
    grid-column: 1;
    grid-row: 2;
  }
  #contribute > :nth-child(2) {
    grid-column: 1;
    grid-row: 1;
  }
  .hero,.story-head,.contribute{grid-template-columns:1fr}
  .contribute .scene{justify-self:center;width:52%}
  .hero-right{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:end}
  .round{grid-template-columns:clamp(170px,24vw,240px) minmax(0,1fr) 150px}
  .s-poem{grid-template-columns:clamp(170px,24vw,240px) minmax(0,1fr)}
  .s-poem .grab{display:none}
}
.foot-petals{width:284px;margin:0 auto 27px;opacity:.9}
.branch-hang{width:490px;align-self:flex-end}
.branch-rise{position:absolute;left:-12px;bottom:-10px;width:200px;z-index:-1}
.branch-rise-wrapper{position:relative}
#postamble{position:relative;padding-top:150px}
@media (max-width:760px){
  .nav>a,.nav .dd{display:none}
  .nav .menu-btn{display:block}
  .table-in{grid-template-columns:1fr}
  .code{border-right:0;border-bottom:1px dashed var(--line)}
  .pillars{grid-template-columns:1fr}
  .pillar,.pillar+.pillar{padding:22px 0;border-left:0;border-top:1px solid var(--line)}
  .pillar:first-of-type{border-top:0}
  .round{grid-template-columns:1fr;gap:20px 16px;justify-items:center}
  .grab{width:140px;justify-self:center}
  .round .yomi{grid-column:1/-1;width:min(260px,70%)}
  .s-poem{grid-template-columns:1fr}
  .s-poem .yomi{width:min(260px,70%)}
  .mark{width:64px}
  .mark small{font-size:10px}
  .foot-petals{width:164px}
  .branch-hang{width:min(290px, calc(100vw - var(--gut)))}
  .site-head{padding-bottom:30px}
  .branch-rise{width:150px;bottom:50px}
}
.deck{display:grid;justify-content:center;grid-template-columns:repeat(auto-fill, minmax(200px, min(290px, 20vw)));gap:28px}
@media (max-width:480px){
  .hero-right{grid-template-columns:1fr;justify-items:center}
  .stand{max-width:300px}
  .brand-line{font-size:16px}
}
.mobile-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:20;width:min(280px,calc(100vw - 32px));background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:8px;display:grid}
.mobile-menu a{padding:12px 14px;border-radius:10px;text-decoration:none;font-weight:500;font-size:18px}
.mobile-menu a:hover{background:var(--paper-2)}
/* ---------- illustration placement ---------- */
.deco{pointer-events:none;user-select:none;display:block}
.pillars{position:relative}
.branch-hang-wrapper{display:flex;justify-content:flex-end}
.pillar{position:relative;z-index:1}
.story{position:relative;overflow:hidden}
.story-head .scatter{width:100%;max-width:896px;justify-self:end;margin-top:12px;filter:drop-shadow(0 22px 26px rgba(0,0,0,.45))}
.story-head .lead{margin-top:20px}
.flight-band{position:relative;background:linear-gradient(var(--felt-deep),var(--bg));padding:60px 0}
.flight-band img{position:relative;left:50%;transform:translateX(-50%);width:min(760px,80vw);animation:glide 14s ease-in-out infinite alternate}
@keyframes glide{from{transform:translate(-54%,6px)}to{transform:translate(-46%,-8px)}}
.contribute{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.contribute-left{display:grid;gap:28px;min-width:0}
.plant-sakura{display:flex;gap:10px}
.plant-sakura>.icon{contain:size;align-self:stretch;aspect-ratio:1/1}
.plant-sakura>.icon>img{display:block;height:100%;width:auto}
.site-foot{position:relative}

/* home: latest posts */
.latest{padding-block:24px 96px}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:32px}
.sec-head h2{font:800 clamp(30px,3.6vw,52px)/.92 var(--f-display);font-variation-settings:"wdth" 84;letter-spacing:-.03em;text-transform:uppercase}
.sec-head a{font-weight:600}

/* post cards built on the blank karuta frame */
.pcard{position:relative;aspect-ratio:600/893;text-decoration:none;color:#2a2622;display:block;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.pcard:nth-child(4n+1){transform:rotate(-1.5deg)}.pcard:nth-child(4n+2){transform:rotate(1deg)}.pcard:nth-child(4n+3){transform:rotate(-.5deg)}.pcard:nth-child(4n){transform:rotate(1.8deg)}
.pcard:hover,.pcard:focus-visible{transform:translateY(-8px) rotate(0)}
.pcard>img{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 18px 22px rgba(0,0,0,.35))}
.pcard-in{position:absolute;inset:11% 13% 9%;display:flex;flex-direction:column;gap:12px}
.pcard time,.pcard .tag{font:600 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#6b5a49}
.pcard h3{font:700 clamp(19px,1.6vw,23px)/1.12 var(--f-display);font-variation-settings:"wdth" 90;letter-spacing:-.01em}
.pcard p{font-size:14px;line-height:1.5;color:#4e4236}
.pcard .tag{margin-top:auto;color:#8e4541}
.pcard .jp{position:absolute;right:15%;bottom:10%;writing-mode:vertical-rl;font:700 15px/1 var(--f-jp);color:#8e4541;opacity:.85}

/* page heads (posts, about) */
.phead{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:center;padding-block:40px 56px}
.phead .headline{font-size:clamp(40px,5.6vw,84px);margin-top:16px}
.phead p{color:var(--muted);max-width:48ch;margin-top:18px;font-size:19px}
.phead .art{width:100%}
.all-posts{padding-block:8px 110px}

/* single post */
.post{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,790px) minmax(0,1fr);padding-block:32px 96px}
.post>*{grid-column:2}
.post .back{font:600 13px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--muted)}
.post h1{font:800 clamp(34px,4.4vw,60px)/.95 var(--f-display);font-variation-settings:"wdth" 84;letter-spacing:-.03em;text-transform:uppercase;margin:22px 0 14px}
.post .meta{font:600 12px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap}
.post .meta b{color:var(--owl)}
.post .body,.post .body [class^="outline"]{display:grid;gap:20px}
.post .body{margin-top:36px;font-size:17.5px;line-height:1.7}
.post .body h2{font:700 26px/1.15 var(--f-display);font-variation-settings:"wdth" 90;margin-top:14px}
.post .body pre{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:20px 22px;overflow-x:auto;scrollbar-width:none}
.post .body pre::-webkit-scrollbar{display:none}

/* about */
.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding-block:24px 96px;position:relative}
.principles img{width:92px;margin-bottom:18px}
.principles h3{font:700 22px/1.15 var(--f-display);font-variation-settings:"wdth" 90;margin-bottom:10px}
.principles p{color:var(--muted)}
.contrib{background:var(--felt-deep);color:var(--on-felt);border-radius:var(--r-lg);padding:clamp(28px,4vw,56px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:center;margin-bottom:96px}
.contrib h2{font:800 clamp(28px,3.4vw,48px)/.92 var(--f-display);font-variation-settings:"wdth" 84;letter-spacing:-.03em;text-transform:uppercase}
.contrib p{color:#cdbda4;margin-top:14px;max-width:46ch}
.contrib .nest{width:100%;max-width:420px;justify-self:end}
.contrib .btn{border-color:#f0e1cc;color:#f0e1cc;margin-top:22px}

/* sakura extras */
.page-sakura{position:relative}
.page-sakura .hero-right .stand{position:relative}
.fall{position:absolute;inset:0;pointer-events:none;z-index:2}
.fall .flower-wrapper{position:absolute;width:34px;opacity:.9}
.fall .flower-wrapper:nth-child(1){left:28%;animation:85s linear -3s infinite fall}
.fall .flower-wrapper:nth-child(2){left:42%;width:26px;animation: 105s linear -11s infinite fall}
.fall .flower-wrapper:nth-child(3){left:58%;width:30px;animation: 95s linear -7s infinite fall}
.fall .flower-wrapper:nth-child(4){left:10%;width:22px;animation: 120s linear -16s infinite fall}
.fall img:nth-child(1){animation: 17s linear -3s infinite rotate}
.fall img:nth-child(2){animation: 26s linear -11s infinite rotate}
.fall img:nth-child(3){animation: 22s linear -7s infinite rotate}
.fall img:nth-child(4){animation: 34s linear -16s infinite rotate}
@keyframes fall{0%{top:-300px;transform:translate(0, 0)}100%{top:calc(100% + 300px);transform:translate(180px, 0)}}
@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.rooted{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:center;padding-block:24px 96px}
.rooted img{width:100%}
.rooted h2{font:800 clamp(30px,3.6vw,52px)/.92 var(--f-display);font-variation-settings:"wdth" 84;letter-spacing:-.03em;text-transform:uppercase;margin-bottom:18px;margin-top:14px}
.rooted p{color:var(--muted);max-width:44ch}
.s-branch{position:absolute;left:0;right:0;top:-10px;width:100%;max-width:none;opacity:.9}

@media (max-width:1000px){
  .phead,.rooted,.contrib{grid-template-columns:1fr}
  .principles{grid-template-columns:1fr}
  .contribute{grid-template-columns:1fr}
  .contrib .nest{justify-self:start}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.fall{display:none}}

/* ---------- plain Org pages (docs) ---------- */
#content>h1.title,#content>[class^="outline-2"],#content>p{max-width:728px;margin-inline:auto;padding-inline:var(--gut)}
#content>h1.title{font:800 clamp(34px,4.4vw,60px)/.95 var(--f-display);font-variation-settings:"wdth" 84;letter-spacing:-.03em;text-transform:uppercase;margin-block:32px 24px}
#content>[class^="outline-2"]{font-size:17.5px;line-height:1.7}
#content>[class^="outline-2"] h2{font:700 26px/1.15 var(--f-display);font-variation-settings:"wdth" 90;margin:40px 0 12px}
#content>[class^="outline-2"] p{margin-bottom:16px}
#content>[class^="outline-2"] pre{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:20px 22px;overflow-x:auto}

#footer-separator{border-bottom:1.5px solid var(--ink)}

.org-src-container{overflow-x:scroll}