/* The About page (/about/) */
.wrap.abt{width:min(46rem,calc(100% - 2rem));max-width:none;padding-bottom:3rem}
.abt-hero{text-align:center;padding:1.5rem 0 1rem}
.abt-flake{display:block;width:min(300px,62vw);aspect-ratio:1/1;margin:0 auto .6rem}
.abt-eyebrow{margin:0 0 .4rem;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}
.abt-hero h1{margin:0 0 .8rem;font:400 clamp(2.4rem,7vw,3.6rem)/1.02 "Instrument Serif",Georgia,serif;letter-spacing:-.02em;color:var(--frost)}
.abt-lede{max-width:34rem;margin:0 auto;color:#cbd5e1;font-size:clamp(1.05rem,2.6vw,1.2rem);line-height:1.6}
.abt-sec{padding:2.2rem 0 .4rem;border-top:1px solid rgba(248,250,252,.08);margin-top:1.6rem}
.abt-sec h2{margin:0 0 .8rem;font:400 clamp(1.8rem,4.5vw,2.3rem)/1.1 "Instrument Serif",Georgia,serif;color:var(--frost)}
.abt-sec p{margin:0 0 1rem;color:#cbd5e1;font-size:1.06rem;line-height:1.7}
.abt-pull{padding:.2rem 0 .2rem 1rem;border-left:3px solid #c4b5fd;font:italic 400 1.25rem/1.5 "Instrument Serif",Georgia,serif !important;color:#ede9fe !important}
.abt-three{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:12px}
.abt-three article{padding:1rem 1.05rem;border-radius:16px;background:rgba(12,18,32,.72);border:1px solid rgba(248,250,252,.09)}
.abt-three h3{margin:0 0 .4rem;font:400 1.35rem/1.15 "Instrument Serif",Georgia,serif;color:var(--frost)}
.abt-three p{margin:0;font-size:.98rem;line-height:1.55}
.abt-path{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.abt-path li{position:relative;padding-left:1.4rem;color:#cbd5e1;font-size:1.04rem;line-height:1.6}
.abt-path li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px rgba(103,232,249,.6)}
.abt-path b{color:var(--frost)}
.abt-note p{font-family:Georgia,"Times New Roman",serif;font-size:1.08rem}
.abt-sign{margin-top:.2rem !important;font:italic 400 1.35rem "Instrument Serif",Georgia,serif !important;color:var(--frost) !important}
.abt-end{margin-top:2rem;padding:1.6rem 1.2rem;border-radius:20px;text-align:center;background:rgba(103,232,249,.06);border:1px solid rgba(103,232,249,.25)}
.abt-end p{margin:0 0 1rem;color:#e2e8f0;font-size:1.08rem}
.abt-end .cta-row{justify-content:center}
/* the fuller About page: on-page links, what it isn't, the science map, steps, reading rules, tabs, what you get */
.abt-jump{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:1.2rem 0 0}
.abt-jump a{padding:.3rem .75rem;border-radius:999px;border:1px solid rgba(248,250,252,.12);background:rgba(12,18,32,.6);color:#cbd5e1;font-size:.86rem;font-weight:600;text-decoration:none}
.abt-jump a:hover,.abt-jump a:focus-visible{border-color:var(--cyan);color:var(--frost);outline:none}
.abt-sec{scroll-margin-top:calc(var(--bar-h) + 1rem)}
.abt-isnt{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:12px;margin:0 0 1.2rem}
.abt-isnt article{padding:.9rem 1rem;border-radius:16px;background:rgba(12,18,32,.72);border:1px solid rgba(248,250,252,.09)}
.abt-isnt b{display:block;margin-bottom:.3rem;font:400 1.3rem/1.15 "Instrument Serif",Georgia,serif;color:var(--frost)}
.abt-isnt p{margin:0;font-size:.95rem;line-height:1.55}
.abt-tag{display:inline-block;padding:.05rem .5rem;border-radius:999px;font:700 .7rem/1.6 Inter,sans-serif;letter-spacing:.04em;font-style:normal;white-space:nowrap}
.abt-tag.tested{background:rgba(103,232,249,.14);color:var(--cyan);border:1px solid rgba(103,232,249,.4)}
.abt-tag.own{background:rgba(196,181,253,.12);color:#c4b5fd;border:1px solid rgba(196,181,253,.4)}
.abt-map{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,15rem);gap:1rem;align-items:center;margin:.4rem 0 1rem}
.abt-map-fig{margin:0;text-align:center}
#abtMap{display:block;width:min(100%,380px);aspect-ratio:1/1;margin:0 auto}
.abt-map-cap{margin:.2rem 0 0 !important;font-size:.9rem !important;color:var(--cyan) !important}
.abt-parts{display:grid;gap:5px}
.abt-parts button{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:12px;border:1px solid rgba(248,250,252,.1);background:rgba(12,18,32,.6);color:#cbd5e1;font:600 .95rem Inter,sans-serif;text-align:left;cursor:pointer}
.abt-parts button[aria-selected="true"]{border-color:var(--cyan);background:rgba(103,232,249,.1);color:var(--frost)}
.abt-parts button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.abt-part{padding:1rem 1.1rem;border-radius:16px;background:rgba(12,18,32,.72);border:1px solid rgba(248,250,252,.09)}
.abt-part h3{margin:0 0 .6rem;font:400 1.55rem/1.15 "Instrument Serif",Georgia,serif;color:var(--frost)}
.abt-part h3 span{display:block;margin-top:.2rem;font:600 .82rem Inter,sans-serif;color:var(--cyan)}
.abt-part dl{margin:0 0 .6rem;display:grid;gap:.5rem}
.abt-part dt{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#c4b5fd}
.abt-part dd{margin:0;color:#e2e8f0;line-height:1.6}
.abt-part p{margin:0 !important}
.abt-steps{list-style:none;counter-reset:st;margin:0 0 1.2rem;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:10px}
.abt-steps li{counter-increment:st;position:relative;padding:2.4rem .9rem .9rem;border-radius:16px;background:rgba(12,18,32,.72);border:1px solid rgba(248,250,252,.09)}
.abt-steps li::before{content:counter(st);position:absolute;top:.75rem;left:.9rem;width:1.4rem;height:1.4rem;border-radius:50%;display:grid;place-items:center;background:var(--cyan);color:#070B14;font:700 .8rem Inter,sans-serif}
.abt-steps b{display:block;margin-bottom:.3rem;color:var(--frost)}
.abt-steps p{margin:0 !important;font-size:.93rem !important;line-height:1.55 !important}
.abt-facts p{padding-left:.9rem;border-left:2px solid rgba(103,232,249,.4)}
.abt-facts b{color:var(--frost)}
.abt-rule{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:1rem 1.4rem;align-items:center;padding:1rem 0;border-top:1px solid rgba(248,250,252,.06)}
.abt-rule h3{margin:0 0 .35rem;font:400 1.4rem/1.15 "Instrument Serif",Georgia,serif;color:var(--frost)}
.abt-rule p{margin:0;font-size:.97rem;line-height:1.6}
.abt-row{display:flex;justify-content:space-around;gap:6px}
.abt-row figure{margin:0;flex:1;min-width:0;text-align:center}
.abt-row canvas{display:block;width:100%;max-width:150px;aspect-ratio:1/1;margin:0 auto}
.abt-row figcaption{font-size:.8rem;color:#a9b6c8}
.abt-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:10px;margin:0 0 1.2rem}
.abt-tabs article{padding:.9rem 1rem;border-radius:16px;background:rgba(12,18,32,.72);border:1px solid rgba(248,250,252,.09)}
.abt-tabname{display:inline-block;margin-bottom:.45rem;padding:.25rem .8rem;border-radius:999px;background:var(--frost);color:#070B14;font:600 .85rem Inter,sans-serif}
.abt-tabs p{margin:0;font-size:.95rem;line-height:1.55}
.abt-h3{margin:1.2rem 0 .7rem;font:400 1.4rem/1.15 "Instrument Serif",Georgia,serif;color:var(--frost)}
.abt-num{counter-reset:n}.abt-num li{counter-increment:n;padding-left:2rem}
.abt-num li::before{content:counter(n);width:1.3rem;height:1.3rem;top:.2em;display:grid;place-items:center;color:#070B14;font:700 .75rem Inter,sans-serif;box-shadow:none}
.abt-gets{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.abt-gets li{padding:.75rem .95rem;border-radius:14px;background:rgba(12,18,32,.6);border:1px solid rgba(248,250,252,.07);color:#cbd5e1;line-height:1.6}
.abt-gets b{color:var(--frost)}
.wrap.abt .abt-wide{margin-left:calc((min(46rem,100%) - min(62rem,calc(100vw - 2rem))) / 2);margin-right:calc((min(46rem,100%) - min(62rem,calc(100vw - 2rem))) / 2)}
@media(max-width:760px){.abt-map{grid-template-columns:1fr}.abt-parts{grid-template-columns:1fr 1fr}.abt-rule{grid-template-columns:1fr}}
@media(max-width:420px){.abt-parts{grid-template-columns:1fr}}

/* Why it starts with you: the foundation, so its line is the biggest on the page after the title */
.abt-why .abt-pull{margin:.2rem 0 1.1rem;font:italic 400 clamp(1.35rem,2.6vw,1.75rem)/1.3 "Instrument Serif",Georgia,serif !important;color:var(--frost) !important}

/* About as separate pages (assets/about-nav.js): a sidebar menu on computers, a row of tabs on phones */
.wrap.abt.abt-sub{width:min(66rem,calc(100% - 2rem))}
.abt-layout{display:grid;grid-template-columns:13.5rem minmax(0,1fr);gap:2.6rem;align-items:start;padding-top:1.8rem}
.abt-menu{position:sticky;top:calc(var(--bar-h) + 1.2rem);display:flex;flex-direction:column;gap:2px}
.abt-menu a{display:block;padding:.55rem .8rem;border-radius:10px;border-left:2px solid transparent;color:#cbd5e1;font-size:.95rem;font-weight:500;text-decoration:none}
.abt-menu a:hover{color:var(--frost);background:rgba(248,250,252,.04)}
.abt-menu a[aria-current="page"]{color:var(--frost);background:rgba(103,232,249,.08);border-left-color:var(--cyan);font-weight:600}
.abt-menu .abt-menu-home{margin-bottom:.4rem;color:#a9b6c8;font-size:.88rem}
.abt-body{min-width:0;max-width:46rem}
.abt-subhead .abt-eyebrow{text-align:left}.abt-subhead .abt-eyebrow a{color:inherit;text-decoration:none}
.abt-subhead h1{margin:.2rem 0 .4rem;font:400 clamp(2.2rem,5vw,3rem)/1.05 "Instrument Serif",Georgia,serif;color:var(--frost)}
.abt-subhead+.abt-sec{border-top:0;margin-top:.4rem;padding-top:.6rem}
.abt-pn{display:flex;justify-content:space-between;gap:1rem;margin:2.6rem 0 0;padding-top:1.4rem;border-top:1px solid rgba(248,250,252,.08)}
.abt-pn a{display:grid;gap:.15rem;max-width:48%;padding:.7rem 1rem;border-radius:12px;border:1px solid rgba(248,250,252,.1);text-decoration:none}
.abt-pn a:hover{border-color:var(--cyan)}
.abt-pn small{color:#a9b6c8;font-size:.82rem}.abt-pn b{color:var(--frost);font-size:1rem}
.abt-next{margin-left:auto;text-align:right}
.abt-pages ul{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:6px;text-align:left}
.abt-pages a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem 1rem;align-items:center;padding:.8rem 1rem;border-radius:12px;border:1px solid rgba(248,250,252,.08);background:rgba(12,18,32,.55);text-decoration:none}
.abt-pages a:hover{border-color:var(--cyan)}
.abt-pages b{color:var(--frost);font-size:1.02rem}.abt-pages span{grid-column:1;color:#a9b6c8;font-size:.92rem;line-height:1.4}
.abt-pages i{grid-row:1/3;grid-column:2;color:#a9b6c8;font-style:normal;font-size:1.4rem}
@media(max-width:820px){
  .abt-layout{grid-template-columns:minmax(0,1fr);gap:1rem;padding-top:.4rem}
  .abt-menu{top:var(--bar-h);z-index:5;flex-direction:row;gap:6px;overflow-x:auto;padding:.55rem 0;background:rgba(7,11,20,.94);border-bottom:1px solid rgba(248,250,252,.06);scrollbar-width:none}
  .abt-menu::-webkit-scrollbar{display:none}
  .abt-menu a{flex:none;padding:.38rem .85rem;border:1px solid rgba(248,250,252,.12);border-radius:999px;font-size:.9rem;white-space:nowrap}
  .abt-menu a[aria-current="page"]{border-color:var(--cyan);background:rgba(103,232,249,.1)}
  .abt-menu .abt-menu-home{margin:0}
}
.wrap.abt.abt-sub .abt-wide{margin-left:0;margin-right:0}
.abt-sub .abt-body{max-width:none}
/* the living example Soulflake (assets/home.js with #hero-stage[data-example], 2026-10-23) */
.abt .abt-stage{position:relative;width:min(440px,86vw);aspect-ratio:1/1;margin:0 auto .2rem}
.abt .abt-stage canvas{display:block;width:100%;height:100%;cursor:pointer}
.abt-try{margin:0 auto 1.2rem;color:#a9b6c8;font-size:.92rem}