/* www.sidorecs.com - site.css, Night yard theme.
   Three parts: the font faces and tokens (design/night-yard/design/tokens.css, font paths made
   absolute), the Night yard components (night-yard.css, unchanged), then the live site's own
   pieces - citations, notebook boxes, heuristic bodies, sign-up, social icons, logos - dressed
   in the same tokens. Fonts are self-hosted (SIL OFL, OFL.txt beside them) so the CSP stays 'self'. */
@font-face{font-family:'Barlow';src:url(/static/fonts/Barlow-400-latin.b0a8ad37ac.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow';src:url(/static/fonts/Barlow-400-italic-latin.7a306c56f6.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Barlow';src:url(/static/fonts/Barlow-500-latin.cd759df8ef.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow';src:url(/static/fonts/Barlow-600-latin.4b52ddd483.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow';src:url(/static/fonts/Barlow-700-latin.2d797dd8b3.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow Semi Condensed';src:url(/static/fonts/BarlowSemiCondensed-500-latin.0d7513795e.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow Semi Condensed';src:url(/static/fonts/BarlowSemiCondensed-600-latin.f158417e92.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow Semi Condensed';src:url(/static/fonts/BarlowSemiCondensed-700-latin.fb958c8c20.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root {
  --ground: #0b1520;
  --ground-raised: #101d2b;
  --road: #152536;
  --water: #0d2032;
  --line: #22344a;
  --line-strong: #31475f;
  --lane: #3a4e66;
  --text: #e8eef4;
  --text-muted: #93a4b8;
  --label: #7f93ab;
  --amber: #ffb547;
  --on-amber: #111827;
  --plate: #ffffff;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;
  --space-9: 64px;
  --space-10: 72px;
  --radius-none: 0px;
  --radius-hair: 2px;
  --font-sans: "Barlow", system-ui, sans-serif;
  --font-cond: "Barlow Semi Condensed", "Barlow", system-ui, sans-serif;
}
html { background: var(--ground); color-scheme: dark; }


.ny-c{container-type:inline-size}
.ny{background:var(--ground);color:var(--text);font-family:var(--font-sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.ny *{box-sizing:border-box;margin:0;padding:0}
.ny a{color:inherit;text-decoration:none}
.ny img{display:block;max-width:100%;height:auto}
.ny a:focus-visible,.ny button:focus-visible,.ny input:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.ny-wrap{max-width:1200px;margin:0 auto;padding:0 var(--space-7)}
.ny-read{max-width:760px}

/* header */
.ny-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:22px 0;position:relative;z-index:2}
.ny-name{font-family:var(--font-cond);font-weight:700;font-size:22px;line-height:28px;letter-spacing:.01em;display:flex;align-items:center;gap:10px}
.ny-name::before{content:"";width:10px;height:10px;background:var(--amber);flex:none}
.ny-nav{display:flex;gap:26px;align-items:center;font-size:15.5px;line-height:22px;font-weight:500;color:var(--text-muted)}
.ny-nav [aria-current]{color:var(--text)}
.ny-btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:15.5px;line-height:22px;font-weight:600;padding:7px 14px;border-radius:var(--radius-none);background:var(--amber);color:var(--on-amber);border:0;cursor:pointer}
.ny .ny-btn{color:var(--on-amber)}
.ny-btn--line{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1.5px var(--line-strong)}
.ny .ny-btn--line{color:var(--text)}
.ny-link{color:var(--amber);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.ny .ny-link{color:var(--amber)}

/* breadcrumbs */
.ny-crumbs{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:14px;line-height:20px;font-weight:500;color:var(--label);padding:var(--space-2) 0 0}
.ny-crumbs li{list-style:none;display:flex;gap:var(--space-2)}
.ny-crumbs li+li::before{content:"/";color:var(--lane)}
.ny-crumbs a{color:var(--text-muted)}

/* sign plate + question heads: the GEO pattern (plate, H2 question, direct answer) */
.ny-plate{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-cond);font-size:15px;line-height:20px;font-weight:700;color:var(--text)}
.ny-plate::before{content:"";width:8px;height:8px;background:var(--amber);flex:none}
.ny-q{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--space-6);align-items:end;margin-bottom:var(--space-6)}
.ny-q .ny-plate{grid-column:1/-1;margin-bottom:var(--space-3)}
.ny-q-h{font-family:var(--font-cond);font-size:38px;line-height:1.08;font-weight:700;letter-spacing:-.005em;text-wrap:balance;max-width:24em}
.ny-q-a{grid-column:1;font-size:19px;line-height:1.55;color:var(--text-muted);margin-top:var(--space-2);max-width:46em}
.ny-q-more{grid-column:2;grid-row:2/span 2;align-self:end;font-size:15px;white-space:nowrap}
.ny-q--hero .ny-q-h,.ny-q-h--sm{font-family:var(--font-cond);font-size:22px;line-height:1.2;font-weight:600;letter-spacing:0;color:var(--text)}
.ny-lane{height:2px;margin:var(--space-9) 0 var(--space-6);background:repeating-linear-gradient(90deg,var(--lane) 0 28px,transparent 28px 48px);border:0}

/* home hero */
.ny-hero{position:relative;min-height:600px}
.ny-hero-text{position:relative;z-index:1;max-width:450px;padding-top:40px}
.ny-h1{font-size:54px;line-height:1.04;font-weight:600;letter-spacing:-.015em;text-wrap:balance}
.ny-hero .ny-q{display:block;margin:var(--space-5) 0 0}
.ny-hero .ny-q-a{margin-top:6px}
.ny-by{display:flex;gap:14px;align-items:center;margin-top:28px;font-size:14px;line-height:20px;font-weight:500;color:var(--text-muted)}
.ny-by img{width:56px;height:56px;object-fit:cover;filter:grayscale(1) contrast(1.05);flex:none}
.ny-by b{color:var(--text);font-weight:600}

/* site plan (the hero drawing) */
.ny-plan{position:absolute;right:-40px;top:0;width:700px;height:538px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%),linear-gradient(180deg,#000 84%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 5%),linear-gradient(180deg,#000 84%,transparent 100%);mask-composite:intersect}
.ny-plan svg{display:block;width:100%;height:100%}
.ny-plan .rd{fill:none;stroke:var(--road);stroke-width:24;stroke-linejoin:miter}
.ny-plan .cl{fill:none;stroke:var(--lane);stroke-width:1.5;stroke-dasharray:10 10}
.ny-plan .ol{fill:none;stroke:var(--line-strong);stroke-width:1.2}
.ny-plan .bd{fill:var(--ground-raised);stroke:var(--line-strong);stroke-width:1.2}
.ny-plan .in{fill:none;stroke:var(--line);stroke-width:1}
.ny-plan .wt{fill:var(--water)}
.ny-plan .wv{stroke:var(--line);stroke-width:1;stroke-dasharray:18 12}
.ny-plan .lb{font-family:var(--font-cond);font-size:12px;font-weight:600;letter-spacing:.08em;fill:var(--label)}
.ny-plan .mv{fill:var(--amber)}
.ny-plan .wait{fill:none;stroke:var(--amber);stroke-width:1.5}
.ny-plan .lt{fill:var(--amber)}
.ny-plan .bar{stroke:var(--amber);stroke-width:2}
.ny-plan .cv{fill:none;stroke:var(--label);stroke-width:1;stroke-dasharray:2 4}
.ny-plan .still{display:none}
@media (prefers-reduced-motion:reduce){.ny-plan .moving{display:none}.ny-plan .still{display:inline}}

/* heuristics on index pages */
.ny-heur{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}
.ny-no{font-family:var(--font-cond);font-weight:700;font-size:64px;line-height:.85;color:var(--amber)}
.ny-no--xl{font-size:132px}
.ny-page-head--fig{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:var(--space-8);align-items:end}
.ny-page-head--fig .ny-fig{margin:0}
.ny-h .ny-date{margin-top:14px}
.ny-h h3{font-size:25px;line-height:1.2;font-weight:600;margin-top:2px}
.ny-maxim{font-size:23px;line-height:1.3;font-weight:500;margin:var(--space-3) 0 var(--space-2)}
.ny-h p{font-size:16px;color:var(--text-muted)}
.ny-fig{margin-top:var(--space-5)}
.ny-fig img{background:var(--plate);width:100%}
.ny-fig figcaption{font-size:14px;line-height:20px;font-weight:500;color:var(--text-muted);margin-top:var(--space-2)}
.ny-date{font-family:var(--font-cond);font-weight:600;font-size:16px;line-height:22px;color:var(--amber);font-variant-numeric:tabular-nums}
.ny-kind{display:block;font-family:var(--font-sans);font-size:14px;line-height:20px;font-weight:500;color:var(--label)}

/* writing rows */
.ny-rows{list-style:none;border-top:1px solid var(--line)}
.ny-row{display:grid;grid-template-columns:120px minmax(0,1fr) 220px;gap:28px;padding:18px 0;border-bottom:1px solid var(--line)}
.ny-row h3{font-size:21px;line-height:1.3;font-weight:600}
.ny-row p{font-size:15.5px;color:var(--text-muted);margin-top:4px}
.ny-row .ny-where{font-size:14px;line-height:20px;font-weight:500;color:var(--text-muted);text-align:right}

/* talks */
.ny-talks{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--space-8);align-items:start}
.ny-talk{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.ny-talk:last-child{border-bottom:0;margin-bottom:0}
.ny-talk h3{font-size:24px;line-height:1.2;font-weight:600;margin-top:2px}
.ny-talk .ny-pt{font-weight:500;margin:4px 0 var(--space-2)}
.ny-talk p{font-size:15.5px;color:var(--text-muted)}
.ny-talk .ny-more{display:flex;gap:var(--space-4);margin-top:10px;font-size:14.5px}
.ny-photo img{width:100%;box-shadow:0 0 0 1px var(--line-strong)}
.ny-photo figcaption{font-size:14px;line-height:20px;font-weight:500;color:var(--text-muted);margin-top:var(--space-2)}

/* events page */
.ny-events{list-style:none}
.ny-event{display:grid;grid-template-columns:420px minmax(0,1fr);gap:var(--space-8);padding:var(--space-6) 0;border-bottom:1px solid var(--line)}
.ny-event:first-child{padding-top:0}
.ny-event img{width:100%;aspect-ratio:4/3;object-fit:cover;box-shadow:0 0 0 1px var(--line-strong)}
.ny-event h3{font-size:27px;line-height:1.15;font-weight:600;margin-top:4px}
.ny-event .ny-pt{font-weight:500;margin:6px 0 10px}
.ny-event p{color:var(--text-muted)}
.ny-event .ny-more{display:flex;gap:var(--space-4);margin-top:14px;font-size:15px}

/* long-form pages: article and heuristic */
.ny-page-head{padding:var(--space-6) 0 var(--space-5)}
.ny-page-head .ny-plate{margin-bottom:var(--space-3)}
.ny-dek{font-size:21px;line-height:1.5;color:var(--text-muted);margin-top:var(--space-4);max-width:40em}
.ny-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:var(--space-4);font-size:14px;line-height:20px;font-weight:500;color:var(--label)}
.ny-meta b{color:var(--text-muted);font-weight:600}
.ny-layout{display:grid;grid-template-columns:240px minmax(0,800px);gap:var(--space-8);align-items:start;margin-top:var(--space-6)}
.ny-asks{position:sticky;top:24px;border-top:2px solid var(--amber);padding-top:var(--space-3)}
.ny-asks h2{font-family:var(--font-cond);font-size:15px;line-height:20px;font-weight:700;margin-bottom:var(--space-2)}
.ny-asks ol{list-style:none;counter-reset:q}
.ny-asks li{counter-increment:q;display:grid;grid-template-columns:22px 1fr;font-size:14.5px;line-height:1.4;color:var(--text-muted);padding:7px 0;border-bottom:1px solid var(--line)}
.ny-asks li::before{content:counter(q);font-family:var(--font-cond);font-weight:700;color:var(--amber)}
.ny-short{background:var(--ground-raised);padding:var(--space-5) 28px;margin-bottom:var(--space-6)}
.ny .ny-short h2{font-family:var(--font-cond);font-size:15px;line-height:20px;font-weight:700;margin-bottom:6px;display:flex;gap:var(--space-2);align-items:center}
.ny-short h2::before{content:"";width:8px;height:8px;background:var(--amber)}
.ny-short p{font-size:18.5px;line-height:1.55}
.ny-prose{font-size:18.5px;line-height:1.65}
.ny-prose>*+*,.ny-fade>*+*,.ny-flow>*+*{margin-top:1.05em}
.ny-prose .ny-plate{margin-top:var(--space-7)}
.ny-prose>section+.ny-plate,.ny-prose>figure+.ny-plate{margin-top:var(--space-7)}
.ny-prose>.ny-plate:first-child{margin-top:0}
.ny-prose h2{font-family:var(--font-cond);font-size:34px;line-height:1.1;font-weight:700;margin-top:var(--space-2);text-wrap:balance}
.ny-prose .ny-plate+h2{margin-top:var(--space-2)}
.ny-prose h2+.ny-lead{margin-top:var(--space-3)}
.ny-lead{font-size:20px;line-height:1.5;font-weight:600}
.ny-prose h3{font-size:22px;line-height:1.3;font-weight:600;margin-top:1.4em}
.ny-prose p{color:var(--text)}
.ny-prose ul,.ny-prose ol{padding-left:1.2em}
.ny-prose li+li{margin-top:.4em}
.ny-prose li::marker{color:var(--amber)}
.ny-prose sup{font-family:var(--font-cond);font-weight:700;font-size:13px;color:var(--amber);margin-left:1px}
.ny-prose figure{margin-top:1.6em;margin-bottom:.4em}
.ny-prose figure img{background:var(--plate);width:100%}
.ny-prose figcaption{font-size:14px;line-height:20px;font-weight:500;color:var(--text-muted);margin-top:var(--space-2)}
.ny-arch{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-top:1.4em}
.ny-arch div{border-top:2px solid var(--line-strong);padding-top:var(--space-3)}
.ny-arch b{display:block;font-family:var(--font-cond);font-size:14px;color:var(--label);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.ny-arch h3{margin-top:2px;font-size:20px}
.ny-arch p{font-size:15.5px;line-height:1.5;color:var(--text-muted);margin-top:6px}
.ny-formula{background:var(--ground-raised);padding:var(--space-5) 28px;font-family:var(--font-cond);font-size:30px;font-weight:600;letter-spacing:.01em}
.ny-formula small{display:block;font-family:var(--font-sans);font-size:14.5px;font-weight:500;color:var(--text-muted);letter-spacing:0;margin-top:6px}
.ny-test{list-style:none;padding:0 !important;counter-reset:t}
.ny-test li{counter-increment:t;display:grid;grid-template-columns:44px 1fr;padding:14px 0;border-bottom:1px solid var(--line)}
.ny-test li::before{content:counter(t);font-family:var(--font-cond);font-size:28px;line-height:1;font-weight:700;color:var(--amber)}
.ny-test li b{display:block;font-family:var(--font-cond);font-weight:600;color:var(--label);font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.ny-quote{border-top:2px solid var(--amber);padding-top:var(--space-4);font-family:var(--font-cond);font-size:36px;line-height:1.15;font-weight:600}
.ny-refs{list-style:none;counter-reset:r;font-size:14.5px;line-height:1.5;color:var(--text-muted);padding:0 !important}
.ny-refs li{counter-increment:r;display:grid;grid-template-columns:32px 1fr;padding:6px 0}
.ny-refs li::before{content:counter(r);font-family:var(--font-cond);font-weight:700;color:var(--amber)}
.ny-fade{position:relative;max-height:var(--fade-h,none);overflow:hidden}
.ny-fade--card{--fade-h:1680px}
.ny-fade::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(transparent,var(--ground))}
.ny-next{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-6)}
.ny-next a{display:block;border-top:1px solid var(--line-strong);padding-top:var(--space-3)}
.ny-next b{display:block;font-size:19px;line-height:1.3;font-weight:600;margin-top:2px}
.ny-next span{font-size:14px;color:var(--text-muted)}

/* about page */
.ny-ledger{width:100%;border-collapse:collapse;font-size:16px}
.ny-ledger th{text-align:left;font-family:var(--font-cond);font-weight:600;color:var(--label);font-size:15px;padding:12px 24px 12px 0;border-bottom:1px solid var(--line);vertical-align:top;white-space:nowrap;width:1%}
.ny-ledger td{padding:12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.ny-ledger td .ny-big{font-family:var(--font-cond);font-weight:700;font-size:26px;line-height:1.1;color:var(--text)}
.ny-ledger td small{display:block;color:var(--text-muted);font-size:15px}
.ny-caps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}
.ny-caps h3{font-size:19px;font-weight:600;padding-bottom:var(--space-2);border-bottom:2px solid var(--line-strong)}
.ny-caps ul{list-style:none;margin-top:var(--space-2)}
.ny-caps li{font-size:15.5px;color:var(--text-muted);padding:5px 0;border-bottom:1px solid var(--line)}
.ny-route{list-style:none;position:relative;padding-left:44px}
.ny-route::before{content:"";position:absolute;left:12px;top:8px;bottom:8px;width:14px;background:var(--road)}
.ny-route::after{content:"";position:absolute;left:18px;top:8px;bottom:8px;width:2px;background:repeating-linear-gradient(180deg,var(--lane) 0 10px,transparent 10px 20px)}
.ny-stop{position:relative;display:grid;grid-template-columns:130px minmax(0,1fr);gap:var(--space-5);padding:14px 0 18px}
.ny-stop::before{content:"";position:absolute;left:-38px;top:20px;width:16px;height:16px;background:var(--ground);box-shadow:inset 0 0 0 2px var(--amber);z-index:1}
.ny-stop.is-now::before{background:var(--amber)}
.ny-stop h3{font-size:21px;line-height:1.25;font-weight:600}
.ny-stop .ny-org{font-weight:500;color:var(--text);margin-top:2px}
.ny-stop p{font-size:15.5px;color:var(--text-muted);margin-top:6px;max-width:44em}
.ny-stop .ny-place{font-size:14px;color:var(--label);margin-top:4px}

/* footer */
.ny-foot{margin-top:var(--space-10);border-top:1px solid var(--line);padding:30px 0 40px}
.ny-fgrid{display:grid;grid-template-columns:5fr 4fr 3fr;gap:var(--space-8);font-size:14.5px;line-height:1.6;color:var(--text-muted)}
.ny-fgrid h2{font-family:var(--font-cond);font-size:18px;line-height:1.3;font-weight:700;color:var(--text);margin-bottom:var(--space-2)}
.ny-fgrid h3{font-family:var(--font-cond);font-size:16px;font-weight:700;color:var(--text);margin-bottom:var(--space-2)}
.ny-fgrid a{color:var(--text)}
.ny-legend{list-style:none}
.ny-legend li{display:flex;align-items:center;gap:10px}
.ny-legend i{display:inline-block;flex:none}
.ny-fine{margin-top:26px;font-size:12.5px;color:var(--text-muted)}

/* ---- production additions: mobile menu, sign-up, notebooks, glossary, citations, tables ---- */
.ny-menu{display:none;position:relative}
.ny-menu summary{list-style:none;cursor:pointer;font-family:var(--font-sans);font-size:15px;line-height:22px;font-weight:600;padding:7px 12px;color:var(--text);box-shadow:inset 0 0 0 1.5px var(--line-strong)}
.ny-menu summary::-webkit-details-marker{display:none}
.ny-menu[open] summary{box-shadow:inset 0 0 0 1.5px var(--amber)}
.ny-menu-panel{position:absolute;right:0;top:calc(100% + var(--space-2));min-width:240px;background:var(--ground-raised);box-shadow:0 0 0 1px var(--line-strong);padding:var(--space-2) 0;z-index:5;display:flex;flex-direction:column}
.ny-menu-panel a{padding:10px var(--space-4);font-size:16px;line-height:22px;color:var(--text)}
.ny-menu-panel a[aria-current]{color:var(--amber)}
.ny-menu-panel .ny-btn{margin:var(--space-2) var(--space-4) 6px;justify-content:center}
.ny-panel{background:var(--ground-raised);box-shadow:0 0 0 1px var(--line-strong);padding:var(--space-6);max-width:560px}
.ny-panel h2{font-family:var(--font-cond);font-size:28px;line-height:1.1;font-weight:700}
.ny-panel p{color:var(--text-muted);margin-top:var(--space-2)}
.ny-field{display:flex;gap:var(--space-2);margin-top:var(--space-5)}
.ny-input{flex:1;min-width:0;font:inherit;font-size:16px;line-height:22px;padding:7px 12px;border-radius:var(--radius-hair);border:1px solid var(--line-strong);background:var(--ground);color:var(--text)}
.ny-input::placeholder{color:var(--label)}
.ny-fine-print{font-size:13px;line-height:18px;color:var(--label);margin-top:var(--space-3)}
.ny-notebox{background:var(--ground-raised);padding:var(--space-5) 28px}
.ny-notebox .ny-plate{margin:0 0 6px}
.ny-pull{border-top:2px solid var(--amber);padding-top:var(--space-3);font-family:var(--font-cond);font-size:28px;line-height:1.2;font-weight:600}
.ny-gloss dt{font-family:var(--font-cond);font-size:24px;line-height:1.2;font-weight:700;padding-top:var(--space-5);border-top:1px solid var(--line)}
.ny-gloss dd{color:var(--text-muted);margin:6px 0 var(--space-5);max-width:46em}
.ny-tip{background:var(--ground-raised);box-shadow:0 0 0 1px var(--line-strong);color:var(--text);font-size:14px;line-height:1.45;padding:10px 12px;max-width:340px}
.ny-table{width:100%;border-collapse:collapse;font-size:15.5px}
.ny-table th{text-align:left;font-family:var(--font-cond);font-weight:600;color:var(--label);padding:10px 16px 10px 0;border-bottom:1px solid var(--line-strong)}
.ny-table td{padding:12px 16px 12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.ny-note{font-size:15px;line-height:1.5;color:var(--text-muted)}
.ny-page-head--narrow{max-width:900px}
.ny-page-head--portrait{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:var(--space-8);align-items:end}
.ny-portrait{width:220px;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.ny-page-head .ny-no+.ny-plate{margin-top:18px}
.ny-event img{object-position:50% 30%}
.ny-lg{display:inline-block;flex:none}
.ny-lg--move{width:16px;height:8px;background:var(--amber)}
.ny-lg--wait{width:8px;height:16px;box-shadow:inset 0 0 0 1.5px var(--amber)}
.ny-lg--silo{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1.2px var(--line-strong)}
.ny-lg--lane{width:24px;height:2px;background:repeating-linear-gradient(90deg,var(--lane) 0 6px,transparent 6px 10px)}
@container (max-width:760px){
  .ny-nav{display:none}
  .ny-menu{display:block}
  .ny-page-head--portrait{grid-template-columns:1fr;gap:var(--space-5)}
  .ny-portrait{width:160px}
  .ny-field{flex-direction:column}
  .ny-panel{padding:var(--space-5)}
}

/* phone width */
@container (max-width:760px){
  .ny{font-size:16.5px}
  .ny-wrap{padding:0 18px}
  .ny-head{padding:16px 0}
  .ny-nav a:not(.ny-btn){display:none}
  .ny-hero{min-height:0;display:flex;flex-direction:column}
  .ny-hero-text{max-width:none;padding-top:20px;order:1}
  .ny-plan{order:2;position:relative;right:auto;top:auto;width:calc(100% + 36px);height:300px;margin:28px -18px 0;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent);mask-image:linear-gradient(180deg,#000 82%,transparent)}
  .ny-plan svg{position:absolute;width:760px;height:585px;left:-14px;top:-150px}
  .ny-h1{font-size:37px}
  .ny-q{display:block}
  .ny-q-h{font-size:29px}
  .ny-q-a{font-size:17px}
  .ny-q-more{display:inline-block;margin-top:var(--space-3)}
  .ny-lane{margin:48px 0 22px}
  .ny-heur,.ny-talks,.ny-fgrid,.ny-caps,.ny-next,.ny-arch{grid-template-columns:1fr;gap:var(--space-6)}
  .ny-row{grid-template-columns:1fr;gap:4px}
  .ny-row .ny-where{text-align:left}
  .ny-event{grid-template-columns:1fr;gap:var(--space-4)}
  .ny-layout{grid-template-columns:1fr;gap:var(--space-5)}
  .ny-asks{position:static}
  .ny-dek{font-size:18px}
  .ny-prose,.ny-short p{font-size:17px}
  .ny-prose h2{font-size:27px}
  .ny-formula{font-size:22px;padding:18px}
  .ny-quote{font-size:28px}
  .ny-stop{grid-template-columns:1fr;gap:2px}
  .ny-no--xl{font-size:88px}
  .ny-page-head--fig{grid-template-columns:1fr;gap:var(--space-5)}
}

/* ---- sidorecs.com: page frame ---- */
body{margin:0;background:var(--ground)}
html{scroll-behavior:smooth;scroll-padding-top:24px}
.ny ::selection{background:var(--amber);color:var(--on-amber)}
.ny button{font:inherit}
.ny-prose a,.ny-q-a a,.ny-dek a,.ny-gloss a,.ny-event p a,.ny-talk p a,.ny-refs a,.refs a,.ny-row p a,.ny-note a,.ny-lab a{color:var(--amber);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.ny-fgrid a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--lane)}
.ny-nav .ny-ext{color:var(--text-muted)}
.ny-row h3 a,.ny-h h3 a,.ny-event h3 a{color:var(--text)}
.ny-row h3 a:hover,.ny-h h3 a:hover{color:var(--amber)}
.ny-draft{display:inline-block;font-family:var(--font-cond);font-size:13px;font-weight:600;color:var(--on-amber);background:var(--amber);padding:0 6px;margin-left:var(--space-2);vertical-align:middle}

/* home hero: who is writing, the actions, the LinkedIn link (kept from the live site) */
.ny-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--space-5)}
.ny-id{display:flex;gap:var(--space-4);align-items:center;margin-top:var(--space-6)}
.ny-id .headshot{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 1px var(--line-strong)}
.ny-id b{display:block;font-size:17px;line-height:22px;font-weight:600;color:var(--text)}
.ny-id .ny-role{display:block;font-size:14px;line-height:20px;font-weight:500;color:var(--text-muted);margin-top:2px}
.ny-li{display:inline-flex;align-items:center;gap:7px;margin-top:var(--space-2);font-size:14px;line-height:20px;font-weight:600;color:var(--text);padding:5px 10px;box-shadow:inset 0 0 0 1.5px var(--line-strong)}
.ny .ny-li svg{color:var(--amber)}
.ny-three{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
.ny-three>div{border-top:2px solid var(--line-strong);padding-top:var(--space-3)}
.ny-three h3{font-size:21px;line-height:1.25;font-weight:600}
.ny-three p{font-size:16px;color:var(--text-muted);margin-top:6px}
.ny-lab p+p{margin-top:var(--space-3)}
.ny-lab p{font-size:19px;line-height:1.55;color:var(--text-muted);max-width:46em}

/* social icons (footer) and affiliation logos (about) - the live site's marks, recoloured */
.ny-social{display:flex;gap:var(--space-4);align-items:center;margin-bottom:var(--space-3)}
.ny .ny-social a{color:var(--text-muted);display:inline-flex;text-decoration:none}
.ny .ny-social a:hover{color:var(--amber)}
.ny-fgrid .ny-flinks a{display:inline-block;margin-right:var(--space-3)}
.ny-affil{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:var(--space-5);color:var(--text-muted)}
.ny .affil-logo{display:inline-flex;align-items:center;color:var(--text-muted)}
.ny .affil-logo:hover{color:var(--amber)}
.affil-mask{display:inline-block;width:110px;height:30px;background:currentColor;-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat}
.affil-cips{--logo:url(/static/img/logo-cips.2daf80bcf4.png)}
.affil-sclc{--logo:url(/static/img/logo-sclc.976a77919b.png)}
.ny-portrait-round{width:200px;height:200px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--line-strong)}
.ny-ledger .ny-langs{color:var(--text)}

/* long pages: the page-head figure, the table of questions, notebook boxes, pull quotes */
.ny-feature{margin-top:var(--space-6)}
.ny-feature img{width:100%;height:auto;background:var(--plate);box-shadow:0 0 0 1px var(--line-strong)}
.ny-feature figcaption{font-size:14px;line-height:20px;font-weight:500;color:var(--text-muted);margin-top:var(--space-2)}
.ny-asks a{color:var(--text-muted)}
.ny-asks a:hover{color:var(--amber)}
.ny-short ul{list-style:none}
.ny-short li{font-size:17px;line-height:1.55;padding-left:18px;position:relative}
.ny-short li+li{margin-top:6px}
.ny-short li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;background:var(--amber)}
.ny-prose .note-box{background:var(--ground-raised);padding:var(--space-5) 28px}
.ny-prose .note-box::before{content:"Note";display:block;font-family:var(--font-cond);font-size:15px;line-height:20px;font-weight:700;padding-left:16px;margin-bottom:6px;background:linear-gradient(var(--amber),var(--amber)) 0 6px/8px 8px no-repeat}
.ny-prose .note-box>*+*{margin-top:.8em}
.ny-prose blockquote.pull{border-top:2px solid var(--amber);padding-top:var(--space-3);margin:1.6em 0}
.ny-prose blockquote.pull p{font-family:var(--font-cond);font-size:28px;line-height:1.2;font-weight:600;color:var(--text);text-wrap:balance}
.ny-prose mark.key{color:var(--text);font-weight:600;background:linear-gradient(transparent 62%,rgba(255,181,71,.3) 62%);padding:0 .06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ny-prose blockquote:not(.pull){border-left:2px solid var(--line-strong);padding-left:var(--space-5);color:var(--text-muted)}
.ny-prose table{width:100%;border-collapse:collapse;font-size:15.5px}
.ny-prose th{text-align:left;font-family:var(--font-cond);font-weight:600;color:var(--label);padding:10px 16px 10px 0;border-bottom:1px solid var(--line-strong)}
.ny-prose td{padding:12px 16px 12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.ny-prose code{font-family:var(--font-cond);font-size:.95em;background:var(--ground-raised);padding:0 4px}
.ny-prose pre{background:var(--ground-raised);padding:var(--space-4);overflow-x:auto;font-size:14.5px}
.ny-prose pre code{background:none;padding:0}
.ny-prose hr{border:0;height:2px;background:repeating-linear-gradient(90deg,var(--lane) 0 28px,transparent 28px 48px)}
.ny-prose strong{font-weight:600}
.afig img{width:100%;height:auto;background:var(--plate);box-shadow:0 0 0 1px var(--line-strong)}
.afig-missing{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;box-shadow:inset 0 0 0 1px var(--line-strong);font-size:14px;color:var(--label)}

/* citations: the number on the word, the tooltip on hover or focus (cite.js keeps it on screen) */
.cite{position:relative;white-space:nowrap}
.ny .cite-n{font-family:var(--font-cond);font-size:.72em;font-weight:700;vertical-align:super;line-height:0;color:var(--amber);text-decoration:none;padding:0 .14em;margin-left:.04em}
.ny .cite-n:hover,.ny .cite-n:focus-visible{background:var(--amber);color:var(--on-amber);outline:none}
.cite-tip{display:none}
@media (hover:hover){
  .cite-tip{display:block;visibility:hidden;position:absolute;z-index:30;left:50%;bottom:calc(100% + 10px);transform:translateX(calc(-50% + var(--shift,0px)));width:max-content;max-width:min(340px,80vw);white-space:normal;text-align:left;font-family:var(--font-sans);font-size:14px;line-height:1.45;font-weight:400;color:var(--text);background:var(--ground-raised);box-shadow:0 0 0 1px var(--line-strong);padding:10px 12px}
  .cite-tip::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}
  .cite:hover .cite-tip,.cite:focus-within .cite-tip{visibility:visible}
  .cite.below .cite-tip{bottom:auto;top:calc(100% + 10px)}
  .cite.below .cite-tip::after{top:auto;bottom:100%}
  .ny-prose .cite-tip a{display:inline-block;margin-left:6px;font-size:13px;white-space:nowrap}
}
.refs ol{padding-left:2.2em;font-size:14.5px;line-height:1.5;color:var(--text-muted)}
.refs li{padding:5px 0}
.refs li::marker{font-family:var(--font-cond);font-weight:700;color:var(--amber)}
.refs li:target{color:var(--text)}
.refs .rshort{color:var(--text)}
.ny .refs .backref{text-decoration:none;color:var(--label);margin-left:4px}

/* heuristic bodies (authored for the Lab): sections, the three shapes, formula, test, run on, maxim */
.ny-prose .sec+.sec,.ny-prose .sec+.hmaxim{margin-top:var(--space-7)}
.ny-prose .sec>*+*{margin-top:1.05em}
.ny-prose .sec>.ny-plate+h2{margin-top:var(--space-2)}
.ny-prose .hcards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-top:1.4em}
.ny-prose .hcards.stack{grid-template-columns:1fr;gap:var(--space-6)}
.ny-prose .hcards .c{border-top:2px solid var(--line-strong);padding-top:var(--space-3)}
.ny-prose .hcards .c>*+*{margin-top:.7em}
.ny-prose .hcards .n{font-family:var(--font-cond);font-size:14px;color:var(--label);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.ny-prose .hcards .c h3{margin-top:2px;font-size:21px}
.ny-prose .hcards:not(.stack) .c p:not(.n){font-size:15.5px;line-height:1.5;color:var(--text-muted)}
.ny-prose .hcase{background:var(--ground-raised);padding:var(--space-5) 28px}
.ny-prose .hcase>*+*{margin-top:.9em}
.ny-prose .hcase .ny-plate{margin:0}
.ny-prose .hformula .eq{font-family:var(--font-cond);font-size:30px;line-height:1.2;font-weight:600;letter-spacing:.01em}
.ny-prose .hformula sub{font-size:.7em;line-height:0}
.ny-prose .hlayers{list-style:none;padding:0;counter-reset:t}
.ny-prose .hlayers li{counter-increment:t;display:grid;grid-template-columns:44px 1fr;padding:14px 0;border-bottom:1px solid var(--line);margin:0}
.ny-prose .hlayers li::before{content:counter(t);grid-row:1/span 2;font-family:var(--font-cond);font-size:28px;line-height:1;font-weight:700;color:var(--amber)}
.ny-prose .hlayers li strong{display:block;font-family:var(--font-cond);font-weight:600;color:var(--label);font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.ny-prose .hlayers li strong:only-child{font-family:var(--font-sans);font-size:inherit;letter-spacing:0;text-transform:none;color:var(--text)}
.ny-prose .hmistakes{list-style:none;padding:0}
.ny-prose .hmistakes li{padding:14px 0 14px 22px;margin:0;border-bottom:1px solid var(--line);position:relative}
.ny-prose .hmistakes li::before{content:"";position:absolute;left:0;top:1.35em;width:8px;height:8px;box-shadow:inset 0 0 0 1.5px var(--amber)}
.ny-prose .hmaxim>*+*{margin-top:var(--space-3)}
.ny-prose .hmaxim blockquote{border-top:2px solid var(--amber);padding-top:var(--space-4);font-family:var(--font-cond);font-size:36px;line-height:1.15;font-weight:600;color:var(--text)}

/* lists of writing, notebooks and chapters */
.ny-rows .ny-kind{margin-top:2px}
.ny-row--two{grid-template-columns:120px minmax(0,1fr)}
.ny-nb-n{font-family:var(--font-cond);font-weight:700;font-size:28px;line-height:1;color:var(--amber)}
.ny-next .ny-next-r{text-align:right}
.ny-page-head .ny-sub{font-size:19px;line-height:1.5;font-weight:500;color:var(--text);margin-top:var(--space-3)}
.ny-event.portrait img{aspect-ratio:auto;max-height:540px;width:auto;max-width:100%;object-fit:contain}
.ny-talks .ny-photo img{height:auto}
.ny-gloss dd a{white-space:nowrap}
.ny-foot-note{margin-top:var(--space-6)}

/* sign-up dialog (subscribe.js opens it; the CSSOM sets overflow on body) */
.sub-modal{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:18px}
.ny.sub-modal{background:transparent}
.sub-modal[hidden]{display:none}
.sub-scrim{position:absolute;inset:0;background:rgba(5,10,16,.74)}
.sub-card{position:relative;width:100%;max-height:calc(100vh - 36px);overflow-y:auto}
.sub-x{position:absolute;top:10px;right:12px;background:none;border:0;color:var(--text-muted);font-size:26px;line-height:1;width:36px;height:36px;cursor:pointer}
.sub-x:hover{color:var(--text)}
.sub-form{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}
.sub-form .ny-input{flex:1 1 180px}
.sub-form .ny-btn{flex:1 0 100%;justify-content:center}
.sub-form .ny-btn:disabled{opacity:.6;cursor:wait}
.sub-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.sub-msg{margin-top:var(--space-3);font-size:14.5px;min-height:1.2em}
.sub-msg.ok{color:var(--amber)}
.sub-msg.err{color:#ff9b85}

@container (max-width:760px){
  .ny-three{grid-template-columns:1fr;gap:var(--space-5)}
  .ny-id .headshot{width:80px;height:80px}
  .ny-portrait-round{width:150px;height:150px}
  .ny-prose .hcards{grid-template-columns:1fr}
  .ny-prose .hformula .eq{font-size:22px}
  .ny-prose .hmaxim blockquote{font-size:28px}
  .ny-prose blockquote.pull p{font-size:24px}
  .ny-row--two{grid-template-columns:1fr}
  .ny-nav .ny-btn{padding:6px 10px;font-size:14.5px}
}
@media (max-width:1100px){.sub-long{display:none}}
.ny-row h2{font-size:21px;line-height:1.3;font-weight:600}
.ny-prose .hmaxim+.sec{margin-top:var(--space-7)}
.ny-event img.ny-natural{aspect-ratio:auto;object-fit:contain}
/* Affiliation logos: each sized so its lettering is 20px tall (measured in the files:
   CIPS letters fill 62% of the image, SCLC 99%, the Re:Model wordmark 53% of its viewBox). */
.ny-affil{gap:var(--space-6)}
.ny-affil svg{height:38px;width:auto}
.ny-affil .affil-cips{width:86px;height:32px}
.ny-affil .affil-sclc{width:80px;height:20px}
/* The last item of a list closes without its own rule: the lane rule (or the footer's line) separates what follows. */
.ny-rows>li:last-child,.ny-events>li:last-child{border-bottom:0}
.ny-ledger tr:last-child th,.ny-ledger tr:last-child td{border-bottom:0}
/* Footer labels (not headings, so the page outline stays the page's own) and the outbound mark,
   drawn by CSS so a linked heading's text is just the title. */
.ny-fh{font-family:var(--font-cond);font-size:16px;font-weight:700;color:var(--text);margin-bottom:var(--space-2)}
.ny-out::after{content:" \2197";font-weight:500}
/* Phones: the columns may shrink below their longest word (reference URLs), long links wrap,
   and small links get a 24px+ touch target. */
.ny-layout>*{min-width:0}
.refs a,.ny-prose a{overflow-wrap:anywhere}
.ny-prose table{display:block;overflow-x:auto}
.ny .ny-social a{padding:4px;margin:-4px}
.ny-asks li a{display:block;padding:2px 0}
.ny-meta a,.ny-meta span{padding:2px 0}
/* A closed citation tooltip takes no room (a hidden one still widened narrow pages). */
@media (hover:hover){.cite-tip{display:none}.cite:hover .cite-tip,.cite:focus-within .cite-tip{display:block}}
.ny-hero-plate{margin-bottom:var(--space-4)}
/* Home hero: the site plan drawn whole beside the opening block (label to the intro), scaled to
   that block's height; the actions and the byline run underneath. */
@container (min-width:761px){
  .ny-hero{display:grid;grid-template-columns:minmax(0,470px) minmax(0,1fr);grid-template-rows:auto auto;column-gap:var(--space-8);min-height:0;padding-top:40px}
  .ny-hero-text{grid-column:1;grid-row:1;max-width:none;padding-top:0}
  .ny-hero .ny-plan{grid-column:2;grid-row:1;position:relative;right:auto;top:auto;width:auto;height:auto;-webkit-mask-image:none;mask-image:none}
  .ny-hero .ny-plan svg{position:absolute;inset:0;width:100%;height:100%}
  .ny-hero-more{grid-column:1/-1;grid-row:2}
}
@container (max-width:760px){
  .ny-hero-more{order:2}
  .ny-hero .ny-plan{order:3}
}
/* Tablet widths: the plan goes full width under the opening block, the header loses the Lab link
   (it is in the footer and the Lab section) so the name stays on one line. */
.ny-name{white-space:nowrap}
@container (min-width:761px) and (max-width:1000px){
  .ny-hero{display:flex;flex-direction:column}
  .ny-hero .ny-plan{order:2;width:100%;aspect-ratio:780/600;margin-top:var(--space-6)}
  .ny-hero-more{order:3}
  .ny-nav .ny-ext{display:none}
  .ny-nav{gap:20px}
}
/* Phones: the whole plan, scaled to the screen width (Aleks, 10 Oct 2026), not a crop. */
@container (max-width:760px){
  .ny-hero .ny-plan{position:relative;width:100%;height:auto;aspect-ratio:780/600;margin:var(--space-6) 0 0;overflow:visible;-webkit-mask-image:none;mask-image:none}
  .ny-hero .ny-plan svg{position:absolute;inset:0;left:0;top:0;width:100%;height:100%}
}

/* ---- videos: cards, home row, player (18 Oct 2026) ---- */
.ny-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ny-vcard{list-style:none;margin:0}
.ny-vcard>a{display:block;color:inherit;text-decoration:none}
.ny-vthumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--ground-raised);border:1px solid var(--line)}
.ny-vthumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.ny-vlen{position:absolute;right:8px;bottom:8px;padding:2px 7px;background:var(--ground);color:var(--text);font-family:var(--font-cond);font-size:13px;font-weight:600;letter-spacing:.04em}
.ny-vtitle{margin-top:var(--space-3);font-size:19px;line-height:1.3}
.ny-vcard>a:hover .ny-vtitle,.ny-vcard>a:focus-visible .ny-vtitle{color:var(--amber)}
.ny-vmeta{margin-top:4px;color:var(--text-muted);font-size:14px}
/* Home: a row that scrolls sideways from three videos on; one or two sit in a plain grid. */
.ny-vrow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,31%);gap:var(--space-5);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 var(--space-3);margin:0;scrollbar-width:thin}
.ny-vrow>li{scroll-snap-align:start}
.ny-vrow--few{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
.ny-vgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6) var(--space-5);padding:0;margin:0}
/* Video page: thumbnail until clicked, then the player in the same 16:9 box. */
.ny-player{max-width:1100px;margin:0 auto var(--space-6);aspect-ratio:16/9;background:var(--ground-raised);border:1px solid var(--line)}
.ny-player-poster{position:relative;display:block;width:100%;height:100%}
.ny-player-poster img{display:block;width:100%;height:100%;object-fit:cover}
.ny-player-btn{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--amber);box-shadow:0 2px 18px rgba(0,0,0,.35)}
.ny-player-btn::after{content:"";position:absolute;left:34px;top:26px;border-style:solid;border-width:16px 0 16px 26px;border-color:transparent transparent transparent var(--on-amber)}
.ny-player-poster:hover .ny-player-btn,.ny-player-poster:focus-visible .ny-player-btn{transform:scale(1.06)}
.ny-player iframe{display:block;width:100%;height:100%;border:0}
.ny-related{border-left:2px solid var(--amber);padding:2px 0 2px var(--space-4);margin-bottom:var(--space-6)}
.ny-related ul{list-style:none;padding:0;margin:.4em 0 0}
.ny-related li+li{margin-top:.3em}
@media (hover:hover){.ny-vcard>a:hover .ny-vthumb img{transform:scale(1.03)}}
@media (prefers-reduced-motion:reduce){.ny-vthumb img{transition:none}}
@media (max-width:900px){.ny-vgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .ny-vgrid,.ny-vrow--few{grid-template-columns:1fr}
  .ny-vrow{grid-auto-columns:82%}
  .ny-player-btn{width:64px;height:64px;margin:-32px 0 0 -32px}
  .ny-player-btn::after{left:26px;top:20px;border-width:12px 0 12px 20px}
}
.ny-transcript-label{margin-bottom:var(--space-4)}