/* Shared production refinement. The original emblem and rune field stay intact. */
.m-menu a:focus:not(:focus-visible),.menu-toggle:focus:not(:focus-visible) { outline: none; }
.m-links a:focus-visible { outline: none; color: var(--platinum); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
.action-arrow { width: .8em; height: .8em; flex: none; display: inline-block; vertical-align: baseline; }
.text-link .action-arrow,.manifesto-link .action-arrow { width: 1.1em; height: 1.1em; transition: transform .3s var(--ease); }
.text-link:hover .action-arrow,.manifesto-link:hover .action-arrow { transform: translate(2px,-2px); }
body[data-page="home"] .foundation-pillar::after { content: "↗\FE0E"; }
.reading-next strong { display: flex; align-items: baseline; justify-content: space-between; gap: .6rem; }
body[data-page] .inscription .runic-quote,body[data-page] .modern-motto .runic-quote { color: #fff; }
.root-inscription { margin: 0 0 3rem; padding: 0 0 2.5rem; border-left: 0; border-bottom: 1px solid #ffffff24; }
.longform-head::after,.essay-chapter::after { content: none; }
.essay-chapter .root-inscription .runic-quote { font: 400 clamp(1.3rem,2.4vw,1.7rem)/1.85 "Noto Sans Old Turkic",sans-serif; }
.root-inscription blockquote { font: italic 400 clamp(1.6rem,2.8vw,2.1rem)/1.5 var(--serif); }
.essay-chapter .root-inscription .translation { font-size: 1.0625rem; line-height: 1.75; }

/* Viewport-sized leaves. Long copy grows naturally instead of being clipped. */
body[data-page="home"] main > .editorial-section,
body[data-page="home"] .intro-stage > .meaning-preview { min-height: calc(100svh - var(--header-height)); display: flex; flex-direction: column; justify-content: center; padding-block: clamp(4.5rem,9svh,7rem); scroll-margin-top: var(--header-height); }
body[data-page="home"] .home-history { align-items: center; text-align: center; gap: 2rem; }
body[data-page="home"] .home-history > .reading-copy { max-width: 64ch; margin: 0 auto; }
body[data-page="home"] .home-history .inscription { width: 100%; margin: 1rem auto; text-align: center; }
body[data-page="home"] .home-history .inscription blockquote,body[data-page="home"] .home-history .translation,body[data-page="home"] .home-history .inscription figcaption { margin-inline: auto; }
body[data-page="home"] .foundation { text-align: center; }
body[data-page="home"] .foundation-grid { width: 100%; }
body[data-page="home"] .foundation-pillar { align-items: center; text-align: center; padding-inline: clamp(.65rem,3vw,3rem); }
body[data-page="home"] .foundation-pillar:first-child { padding-left: clamp(.65rem,3vw,3rem); }
body[data-page="home"] .foundation-pillar:last-child { padding-right: clamp(.65rem,3vw,3rem); }
body[data-page="home"] .foundation-pillar .pillar-meaning { max-width: 16ch; margin-inline: auto; }

/* Native scroll replaces the opening with a sourced inscription in one frame. */
.home-intro { position: relative; flex: none; }
.intro-stage { position: relative; }
.home-time { position: relative; z-index: 10; min-height: calc(100svh - var(--header-height)); padding: clamp(4rem,9svh,7rem) var(--pad-x); display: flex; align-items: center; justify-content: center; text-align: center; scroll-margin-top: var(--header-height); }
.home-time .inscription { width: min(100%,860px); margin: 0; padding: 0; border: 0; }
.home-time .runic-quote { max-width: 34ch; margin: 0 auto 2.5rem; text-align: center; font-size: clamp(1.7rem,3.4vw,2.65rem); line-height: 1.7; letter-spacing: .1em; }
.home-time blockquote { max-width: 32ch; margin-inline: auto; font: italic 400 clamp(1.85rem,3.5vw,3.1rem)/1.35 var(--serif); text-wrap: balance; }
.home-time .translation { max-width: 48ch; margin: 1.75rem auto 0; font-size: clamp(1.0625rem,1.35vw,1.2rem); line-height: 1.75; text-wrap: balance; }
.home-time figcaption { margin-top: 2rem; }
.home-intro.is-scroll-scene { height: calc(180svh - 1.8 * var(--header-height) + var(--intro-stage-height,100svh - var(--header-height))); }
.is-scroll-scene .intro-stage { position: sticky; top: var(--header-height); min-height: calc(100svh - var(--header-height)); }
body[data-page="home"] .is-scroll-scene .hero { position: absolute; inset: 0 0 auto; height: calc(100svh - var(--header-height)); min-height: 0; opacity: var(--hero-alpha,1); transform: translateY(var(--hero-shift,0px)); will-change: opacity,transform; }
.is-scroll-scene .home-time { position: absolute; inset: 0 0 auto; height: calc(100svh - var(--header-height)); min-height: 0; opacity: var(--quote-alpha,0); transform: translateY(var(--quote-shift,12px)); pointer-events: none; will-change: opacity,transform; }
.is-scroll-scene .home-time.is-interactive { pointer-events: auto; }
.is-scroll-scene .home-time .quote-cue { opacity: var(--continue-alpha,1); }
.is-scroll-scene .home-time:not(.is-readable) { visibility: hidden; }
/* Native sticky positioning handles all viewport pinning. JS changes only
   opacity and a bounded 12px depth reveal, never a counter-scroll offset. */
body[data-page="home"] .meaning-preview.is-intro-entry {
  z-index: 11;
  opacity: var(--entry-alpha,0);
}
.meaning-preview.is-intro-entry[inert] { pointer-events: none; }
body[data-page="home"] .meaning-preview.is-intro-entry[aria-hidden="true"],
body[data-page="home"] .meaning-preview.is-intro-entry.is-transitioning { border-top-color: transparent; }
.meaning-preview.is-intro-entry .meaning-grid {
  transform: translateY(var(--entry-shift,0px)) scale(var(--entry-scale,1));
  transform-origin: center;
}
.meaning-preview.is-transitioning .meaning-grid { will-change: opacity,transform; }
.home-time:focus { outline: none; }
.home-time .translation { white-space: pre-line; }
.quote-cue { min-width: 48px; min-height: 60px; justify-content: center; }
.quote-cue .scroll-line { height: 32px; }
body[data-page="home"] .principles-composition { width: 100%; transform: translateY(calc(-.5 * var(--header-height))); }
body[data-page="home"] .foundation-grid { margin-top: clamp(1.75rem,4svh,3rem); }
body[data-page="home"] .closing-copy { white-space: pre-line; }
.contact-page .contact-large { font-size:clamp(1.4rem,4.5vw,2.35rem); }
.contact-page .contact-large .row { display:flex; align-items:center; gap:.4em; min-height:48px; padding-block:.55rem; }
.contact-instagram,.contact-mail { width:.65em; height:.65em; flex:none; }
.scroll-cue > span:first-child { animation: cue-breathe 3.5s ease-in-out infinite; }
.scroll-cue .scroll-line { transform-origin: top; animation: line-breathe 3.5s ease-in-out infinite; }
.scroll-cue { transition: color .35s ease,transform .45s var(--ease); }
.scroll-cue:hover,.scroll-cue:focus-visible { color: #fff; transform: translateX(-50%) scale(1.12); }
/* Quiet, tactile section navigation. The hit areas never move or resize. */
.section-rail a { transition: background-color .2s ease; border-radius: 2px; }
.section-rail a::before { transition: transform .3s var(--ease),background-color .25s ease,border-color .25s ease; }
.section-rail a:focus-visible { outline: 1px solid #bdbdbd; outline-offset: -3px; }
.section-rail a:focus-visible::before { border-color: #fff; background: #d6d6d6; transform: rotate(45deg) scale(1.65); }
.section-rail a:active { background: #ffffff10; }
.section-rail a:active::before { transform: rotate(45deg) scale(1.15); }
@media (hover: hover) and (pointer: fine) {
  .section-rail a:hover { background: #ffffff07; }
  .section-rail a:hover::before { border-color: #fff; background: #c5c5c5; transform: rotate(45deg) scale(1.65); }
  .section-rail a:hover span { color: #fff; }
}
@keyframes cue-breathe { 0%,100% { opacity: .55; } 50% { opacity: 1; } }
@keyframes line-breathe { 0%,100% { opacity: .45; transform: scaleY(.8); } 50% { opacity: .9; transform: scaleY(1.12); } }
@media (max-width: 1300px) {
  .section-rail.is-footer-hidden { opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%,14px); }
  .section-rail { transition: opacity .25s ease,visibility .25s ease,transform .35s var(--ease); }
  body.has-section-rail .site-footer { padding-bottom: max(1.5rem,env(safe-area-inset-bottom)); }
}
@media (max-width: 760px) {
  .home-intro.is-scroll-scene { height: calc(170svh - 1.7 * var(--header-height) + var(--intro-stage-height,100svh - var(--header-height))); }
  .reading-next { grid-template-columns: 1fr; }
  .home-time .runic-quote { font-size: clamp(1.25rem,5.2vw,1.7rem); line-height: 1.7; letter-spacing: .05em; margin-bottom: 1.5rem; }
  .home-time blockquote { font-size: clamp(1.75rem,7vw,2.4rem); }
  .home-time .translation { font-size: 1.0625rem; }
  body[data-page="home"] main > .editorial-section,
  body[data-page="home"] .intro-stage > .meaning-preview { padding-block: 4rem; }
  body[data-page="home"] .home-history { gap: 1.75rem; }
}
@media (prefers-reduced-motion: reduce) {
  .action-arrow { transition: none !important; transform: none !important; }
  .scroll-cue > span:first-child,.scroll-cue .scroll-line { animation: none; }
  .scroll-cue:hover,.scroll-cue:focus-visible { transform: translateX(-50%); }
  .section-rail { transition: none; }
  .section-rail a,.section-rail a::before { transition: none; }
  .section-rail a:hover::before,.section-rail a:focus-visible::before,.section-rail a:active::before { transform: rotate(45deg); }
}
@media print { .home-intro.is-scroll-scene { height: auto; } .is-scroll-scene .intro-stage { position: static; height: auto; } body[data-page="home"] .is-scroll-scene .hero,.is-scroll-scene .home-time { position: relative; opacity: 1; transform: none; visibility: visible; } body[data-page="home"] .meaning-preview.is-intro-entry { margin-top: 0; opacity: 1; } .meaning-preview.is-intro-entry .meaning-grid { transform: none; } }

/* Original script, serif transcription, restrained sans-serif translation.
   Each layer has its own measure rather than competing display sizes. */
body[data-page] .home-time .runic-quote {
  max-width: 44ch; margin: 0 auto 1.7rem; text-align: center;
  font: 400 clamp(1.35rem,2.1vw,1.85rem)/1.85 "Noto Sans Old Turkic",sans-serif;
  letter-spacing: .075em; color: #fff; text-wrap: balance; overflow-wrap: anywhere;
}
body[data-page] .inscription blockquote {
  max-width: 52ch; margin: 0;
  font: italic 400 clamp(1.2rem,1.8vw,1.5rem)/1.6 var(--serif);
  letter-spacing: 0; color: #bdbdbd; text-wrap: pretty;
}
body[data-page] .inscription .translation {
  max-width: 58ch; margin-top: 1.4rem;
  font: 400 clamp(1.0625rem,1.35vw,1.25rem)/1.75 var(--sans);
  letter-spacing: 0; color: var(--platinum); text-wrap: pretty;
}
body[data-page] .home-time .inscription { max-width: 900px; }
body[data-page] .home-time .runic-quote { max-width: 34ch; margin-inline: auto; font-size: clamp(1.6rem,2.7vw,2.25rem); }
body[data-page] .home-time blockquote { margin-inline: auto; }
body[data-page] .home-time .translation {
  max-width: 43ch; margin-inline: auto;
  font-size: clamp(1.25rem,1.8vw,1.65rem); line-height: 1.6; text-wrap: balance;
}
body[data-page] .inscription figcaption,body[data-page] .opening-inscription > cite { margin-top: 1.6rem; }
/* Equal padding, then compensate for the header rather than stacking lifts. */
body[data-page="home"] .hero { padding: clamp(2rem,4svh,3rem) var(--pad-x); }
body[data-page="home"] .hero-core { transform: translateY(calc(-.5 * var(--header-height) - clamp(1.5rem,2.8svh,2rem))) scale(var(--hero-scale,1)); }
.home-time .inscription { transform: translateY(calc(-.5 * var(--header-height) - .5rem)); }
.is-scroll-scene .home-time .inscription { transform: translateY(calc(-.5 * var(--header-height) - .5rem)) scale(var(--quote-scale,1)); }
body[data-page="home"] .home-history > .reading-copy { max-width: 60ch; text-wrap: pretty; }
body[data-page="home"] main > .home-history { gap: 1.5rem; padding-block: clamp(2.75rem,5.5svh,4rem); }
body[data-page="home"] .home-history .inscription { max-width: 880px; }
/* A centered opening is not the alignment rule for a reading page. */
body[data-page="philosophy"] .inscription .runic-quote,
body[data-page="manifesto"] .inscription .runic-quote {
  max-width: 100%; margin: 0 0 1.5rem; text-align: left;
  font: 400 clamp(1.25rem,2.4vw,1.8rem)/1.9 "Noto Sans Old Turkic",sans-serif;
  letter-spacing: .1em; text-wrap: pretty; overflow-wrap: normal;
}
body[data-page="manifesto"] .modern-motto .runic-quote { font-size: 1.7rem; }
body[data-page="home"] .home-history .inscription .runic-quote {
  max-width: 62ch; margin: 0 auto 1.75rem; text-align: center;
  font: 400 clamp(1.05rem,1.5vw,1.35rem)/1.9 "Noto Sans Old Turkic",sans-serif;
  letter-spacing: .06em; text-wrap: balance; overflow-wrap: anywhere;
}
body[data-page="home"] .home-history .inscription blockquote {
  max-width: 42ch; font: italic 400 clamp(1.65rem,2.6vw,2.4rem)/1.45 var(--serif);
  color: #dedede; text-wrap: balance;
}
body[data-page="home"] .home-history .inscription .translation {
  max-width: 61ch; font-size: 1.0625rem; line-height: 1.8; color: #b7b9bc; text-wrap: pretty;
}
body[data-page="home"] .home-history .inscription figcaption {
  border: 0; padding: 0; margin-top: 1.1rem; min-width: 0;
}
body[data-page="home"] .home-history .inscription figcaption cite { margin-top: 0; }
body[data-page="home"] .home-history .inscription { margin-bottom: 2.5rem; }
body[data-page="home"] .home-history .inscription cite a { text-decoration-color: transparent; }
body[data-page="home"] .home-history .inscription cite a:hover,
body[data-page="home"] .home-history .inscription cite a:focus-visible { text-decoration-color: #747474; }
body[data-page="home"] .foundation-pillar .pillar-meaning { font-style: normal; width: 100%; text-align: center; text-wrap: balance; }
html[lang="tr"] body[data-page="home"] .foundation-pillar .pillar-meaning { white-space: pre-line; }
/* Native fragment targets account for the padding before the visible heading. */
body[data-page="philosophy"] .philosophy-foundation .foundation-pillar { scroll-margin-top: calc(var(--header-height) + 1.5rem - 3.5rem); }
body[data-page="manifesto"] .essay-chapter { scroll-margin-top: calc(var(--header-height) + 1.5rem - clamp(4rem,7vw,6rem)); }
body[data-page="manifesto"] .essay-chapter:first-of-type { scroll-margin-top: calc(var(--header-height) + 1.5rem - 2.5rem); }
body[data-page="home"] .foundation-grid { gap: clamp(.5rem,1.5vw,1rem); }
body[data-page="home"] .foundation-pillar {
  background: #000; border: 1px solid #ffffff29; padding-block: clamp(2.5rem,5vw,4rem);
  transition: transform .45s var(--ease),border-color .45s ease,box-shadow .45s ease;
  transform-origin: center; isolation: isolate;
}
@media (hover: hover) and (pointer: fine) {
  body[data-page="home"] .foundation-pillar:hover { transform: translateY(-6px) scale(1.035); border-color: #ffffff70; box-shadow: 0 18px 40px #0009; z-index: 2; }
}
body[data-page="home"] .foundation-pillar:focus-within { border-color: #bdbdbd; }
.foundation-intro { min-height: calc(85svh - var(--header-height)); display: flex; flex-direction: column; justify-content: center; text-align: center; padding-block: clamp(3rem,8svh,6rem); scroll-margin-top: var(--header-height); }
.philosophy-page .foundation-intro .section-label { font: 400 clamp(2.2rem,4vw,3.25rem)/1.15 var(--serif); color: var(--platinum); text-transform: none; letter-spacing: -.015em; }
.philosophy-page .foundation-intro .body-copy { max-width: 58ch; margin-inline: auto; text-align: center; text-wrap: balance; }
@media (max-width: 760px) {
  body[data-page] .home-time .runic-quote { max-width: 100%; font-size: 1.25rem; line-height: 1.8; letter-spacing: .04em; margin-bottom: 1.4rem; }
  body[data-page="philosophy"] .inscription .runic-quote,
  body[data-page="manifesto"] .inscription .runic-quote { font-size: 1.2rem; line-height: 1.9; letter-spacing: .05em; }
  body[data-page="home"] .home-history .inscription .runic-quote { font-size: 1.05rem; line-height: 1.9; letter-spacing: .035em; }
  body[data-page="home"] .home-history .inscription blockquote { font-size: clamp(1.5rem,6vw,1.8rem); line-height: 1.5; }
  body[data-page="philosophy"] .philosophy-foundation .foundation-pillar { scroll-margin-top: calc(var(--header-height) + 1.5rem - 3.5rem - 1.1rem); }
  body[data-page] .inscription blockquote { font-size: 1.2rem; line-height: 1.55; }
  body[data-page] .inscription .translation { font-size: 1.0625rem; line-height: 1.75; margin-top: 1.1rem; }
  body[data-page] .home-time .runic-quote { font-size: clamp(1.3rem,5.5vw,1.65rem); max-width: 100%; }
  body[data-page] .home-time .translation { font-size: clamp(1.125rem,4.5vw,1.3rem); line-height: 1.65; }
  .home-time { padding-block: 2.5rem; }
  body[data-page="home"] .foundation-pillar { padding-block: 2.5rem 1.5rem; }
  .foundation-intro { min-height: calc(90svh - var(--header-height)); padding-block: 3rem; }
}
@media (max-height: 650px) and (max-width: 760px) {
  body[data-page] .home-time .runic-quote { font-size: 1.2rem; margin-bottom: .8rem; }
  body[data-page] .home-time .translation { font-size: 1.0625rem; margin-top: .85rem; }
  body[data-page] .home-time figcaption { margin-top: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page="home"] .foundation-pillar { transition: none; }
  body[data-page="home"] .foundation-pillar:hover { transform: none; }
}
@media print { .is-scroll-scene .home-time .inscription { transform: none; } }
/* Principle card turn - 2026-10-29. The front is the approved card; the back
   holds its rune and approved definition passage. Gated on .pillar-turn so
   no-JS keeps the original single-face link card. */
.pillar-turn body[data-page="home"] .foundation-pillar { display: grid; grid-template-columns: minmax(0,1fr); grid-template-rows: 1fr auto; justify-items: center; perspective: 1400px; }
.pillar-turn body[data-page="home"] .foundation-pillar::after { grid-area: 2 / 1; transition: opacity .3s ease,color .35s ease,transform .35s var(--ease); }
.pillar-turn body[data-page="home"] .pillar-face { grid-area: 1 / 1; width: 100%; display: flex; flex-direction: column; align-items: center; backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: transform .95s cubic-bezier(.65,0,.25,1),opacity .5s ease; }
.pillar-turn body[data-page="home"] .pillar-back { position: relative; justify-content: center; gap: .9rem; text-align: center; transform: rotateY(180deg); pointer-events: none; }
.pillar-turn body[data-page="home"] .is-turned .pillar-front { transform: rotateY(-180deg); pointer-events: none; }
.pillar-turn body[data-page="home"] .is-turned .pillar-back { transform: rotateY(0deg); pointer-events: auto; cursor: pointer; }
.pillar-turn body[data-page="home"] .foundation-pillar.is-turned { border-color: #bdbdbd; }
.pillar-turn body[data-page="home"] .is-turned::after { opacity: 0; }
.back-rune { font: 400 clamp(2rem,3.4vw,3rem)/1 "Noto Sans Old Turkic", var(--serif); color: #fff; letter-spacing: .04em; }
.back-word { font: 400 1.55rem/1 var(--serif); color: var(--platinum); }
.back-word span { margin-left: .4rem; font: 400 .66rem/1 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: #8e8e8e; }
.back-copy { max-width: 34ch; font: 300 .94rem/1.62 var(--sans); color: #c4c4c4; }
/* Each sentence starts on its own line, no gap between sentences, and wraps
   into balanced lines. */
.back-line { display: block; text-wrap: balance; }
.back-link { display: inline-flex; width: 2.75rem; height: 2.75rem; align-items: center; justify-content: center; margin-top: .25rem; color: #989898; transition: color .3s ease,transform .35s var(--ease); }
.back-link:hover,.back-link:focus-visible { color: #fff; transform: translate(3px,-3px); }
.back-link svg { width: 1.1rem; height: 1.1rem; }
.pillar-close { position: absolute; top: -.6rem; right: -.6rem; width: 2.75rem; height: 2.75rem; display: grid; place-items: center; background: none; border: 0; color: #8a8a8a; font: 300 1.4rem/1 var(--sans); cursor: pointer; transition: color .3s ease,transform .4s var(--ease); }
.pillar-close:hover,.pillar-close:focus-visible { color: #fff; transform: rotate(90deg); }
.pillar-reading { display: none; }
@media (max-width: 1000px) {
  /* Narrow columns keep the front's height; the passage opens full width below. */
  .back-copy,.back-link,.back-word span { display: none; }
  .pillar-turn .pillar-reading { display: block; overflow: hidden; max-height: 0; opacity: 0; text-align: center; transition: max-height .7s var(--ease),opacity .5s ease,margin .5s ease; }
  .pillar-turn .pillar-reading.is-open { max-height: 30rem; opacity: 1; margin-top: 1.75rem; }
  .pillar-reading p { font: 300 1rem/1.65 var(--sans); color: #c8c8c8; }
  .pillar-reading a { display: inline-flex; align-items: center; gap: .5rem; min-height: 48px; color: var(--platinum); font: 400 .78rem/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; }
  .pillar-reading svg { width: 1rem; height: 1rem; }
  .pillar-reading p { max-width: 60ch; margin-inline: auto; }
}
@media (max-width: 760px) {
  .back-rune { font-size: clamp(1.4rem,7vw,2.2rem); }
  .back-word { font-size: clamp(1.1rem,5vw,1.5rem); }
  .pillar-close { top: -2.15rem; right: -.7rem; width: 2.25rem; height: 2.25rem; font-size: 1.1rem; }
}
@media (prefers-reduced-motion: reduce) {
  .pillar-turn body[data-page="home"] .pillar-face { transition: opacity .2s linear; }
  .pillar-turn body[data-page="home"] .pillar-back,
  .pillar-turn body[data-page="home"] .is-turned .pillar-front { transform: none; opacity: 0; }
  .pillar-turn body[data-page="home"] .is-turned .pillar-back { opacity: 1; }
  .pillar-turn .pillar-reading { transition: none; }
}
/* Okunuş - 2026-10-29. Quiet reading states on the existing inscription type:
   words ahead of the light are dimmer, the current word is lit, and the word
   the reading pauses on (törü / törümiş) keeps a faint light once read. */
.okunus .okunus-word { cursor: default; transition: opacity .45s ease,color .45s ease,text-shadow .6s ease; }
.okunus .is-ahead { opacity: .28; }
.okunus .is-current { color: #fff; opacity: 1; }
.okunus .runic-quote .is-current { text-shadow: 0 0 1.1rem rgba(214,224,235,.42); }
.okunus .is-toru:not(.is-ahead),
.home-history .reading-copy .is-toru:not(.is-ahead) { color: #fff; text-shadow: 0 0 .9rem rgba(214,224,235,.24); }
.home-history .reading-copy .is-toru { transition: color .6s ease,text-shadow .8s ease; }
/* Hover or tap: one word, seen in all three layers at once. */
.okunus.is-pairing .okunus-word { opacity: .4; }
.okunus.is-pairing .okunus-word.is-paired { opacity: 1; color: #fff; }
.okunus.is-pairing .runic-quote .is-paired { text-shadow: 0 0 1.1rem rgba(214,224,235,.42); }
.okunus.is-pairing .is-toru:not(.is-paired) { color: inherit; text-shadow: none; }
.home-history .reading-copy .is-toru.is-paired { color: #fff; text-shadow: 0 0 .9rem rgba(214,224,235,.3); }
@media (prefers-reduced-motion: reduce) {
  .okunus .okunus-word,.home-history .reading-copy .is-toru { transition: none; }
}
/* Small comforts - 2026-10-29. Touch taps no longer flash the browser's grey
   box (keyboard focus keeps its outline), and selected text uses the site's
   own ink instead of the system blue. */
html { -webkit-tap-highlight-color: transparent; }
::selection { background: rgba(237,237,236,.88); color: #050505; text-shadow: none; }