/* ---- record.css ---- */
/* One company field, with supporting evidence a deliberate second read. */
#network{padding-block:var(--r5-space-2xl);background:var(--ground)}
#network .record-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--r5-space-xl);align-items:end}
#network .record-heading .h2{font:400 var(--t-name)/1.08 var(--font-a);letter-spacing:-.025em;margin:0;max-width:18ch}
#network .record-heading>p{font-size:var(--t-body);max-width:32ch}
#network .record-proof{display:block;margin-top:var(--r5-space-xl);padding-block:var(--r5-space-lg);border-block:var(--r5-rule)}
#network .record-placements ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--r5-space-lg)}
#network .record-placements li{font:500 var(--t-lede)/1.5 var(--font-a)}
#network .record-more{margin:0}
#network .record-more>summary{display:flex;justify-content:space-between;align-items:center;gap:var(--r5-space-md);padding-block:var(--r5-space-md);min-height:var(--r5-touch);list-style:none!important;font:400 var(--t-body)/1.5 var(--font-a);text-decoration:none}
#network .record-more>summary::-webkit-details-marker{display:none}
.record-plus{position:relative;flex:none;width:var(--r5-space-lg);height:var(--r5-space-lg);border:var(--r5-rule);border-radius:50%}
.record-plus::before,.record-plus::after{content:"";position:absolute;background:var(--ink);width:12px;height:1px;left:9px;top:15px}
.record-plus::after{rotate:90deg;transition:rotate var(--dur-hover) var(--ease)}
.record-more[open] .record-plus::after{rotate:0deg}
.record-collapse-label,.record-more[open] .record-expand-label{display:none}
.record-more[open] .record-collapse-label{display:inline}
#network .record-figures{padding-top:var(--r5-space-md);gap:var(--r5-space-md) var(--r5-space-xl)}
#network .record-figures :is(dt,dd){font-size:var(--t-body)}
#network .record-backing{gap:var(--r5-space-lg) var(--r5-space-xl);padding-bottom:var(--r5-space-lg)}
#network .record-attribution{max-width:80ch;margin-block:var(--r5-space-md)}
#network .record-action{border-top:var(--r5-rule);padding-top:var(--r5-space-md);margin:0;justify-content:space-between;gap:var(--r5-space-sm)}
#network .record-action p{color:var(--ink-muted)}
#network .record-action .link{min-height:var(--r5-touch);display:inline-flex;align-items:center;gap:var(--r5-space-sm)}
@media(hover:hover){#network .record-more>summary:hover .record-plus{background:var(--ink);color:var(--ground)}#network .record-more>summary:hover .record-plus::before,#network .record-more>summary:hover .record-plus::after{background:var(--ground)}}
@media(max-width:700px){
 #network{padding-block:var(--r5-space-xl)}
 #network .record-heading{grid-template-columns:1fr;gap:var(--r5-space-md)}
 #network .record-heading .h2{font-size:var(--t-fixed-display)}
 #network .record-proof{margin-top:var(--r5-space-lg);padding-block:var(--r5-space-md)}
 #network .record-placements ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--r5-space-md)}
 #network .record-placements li{font-size:var(--t-body)}
 #network .record-backing{grid-template-columns:1fr;gap:var(--r5-space-md)}
 #network .record-investors ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--r5-space-xs) var(--r5-space-md)}
 #network .record-investors li{font-size:var(--t-micro)}
}
@media(prefers-reduced-motion:reduce){.record-plus::after{transition:none}}

/* Record drawer tokens. The 720px secondary plane comes from investor v3;
   colour, voices and rhythm remain this site's. Controls use muted ink edges
   rather than the decorative hairline, for >=3:1 contrast in both polarities. */
:root{
 --r5-space-xs:8px;--r5-space-sm:16px;--r5-space-md:24px;--r5-space-lg:32px;--r5-space-xl:48px;--r5-space-2xl:64px;--r5-rule:1px solid var(--hairline);--r5-touch:44px;
 --record-width:720px;--record-gutter:var(--r5-space-xl);--record-head-space:var(--r5-space-lg);
 --record-gap:var(--r5-space-xs);--record-row:48px;--record-control:var(--r5-touch);
 --record-rule-width:1px;--record-pill:999px;--record-icon:24px;--record-icon-stroke:1.5px;
 --record-focus-width:2px;--record-focus-offset:3px;--record-tracking:-.025em;
 --record-scrim:rgba(4,10,25,.4);--record-blur:3px;
 --record-enter:320ms;--record-exit:240ms;--record-scrim-time:180ms;--record-chip-time:150ms;
 --record-edge:var(--ink-muted);--record-title:var(--t-fixed-display);
}
[data-record-enhanced] .record-more{display:none}
.record-trigger{border-block:var(--r5-rule);width:100%;display:flex;align-items:center;gap:var(--r5-space-md);min-height:var(--record-control);padding-block:var(--r5-space-md);text-align:left}
.record-trigger>span:first-child{font-weight:500}
.record-trigger-count{font-size:var(--t-micro);color:var(--ink-muted);margin-left:auto}
.record-trigger-arrow{display:grid;place-items:center;width:var(--record-control);height:var(--record-control);flex:none;border:var(--record-rule-width) solid var(--record-edge);border-radius:var(--record-pill);transition:background var(--record-chip-time) var(--ease),color var(--record-chip-time) var(--ease)}
.record-dialog{position:fixed;inset:0 0 0 auto;margin:0;padding:0;border:0;border-left:var(--record-rule-width) solid var(--catch-mid);width:min(100%,var(--record-width));max-width:100%;height:100vh;height:100dvh;max-height:100%;background:var(--raised);color:var(--ink);box-shadow:var(--el-chrome);overflow:hidden;font:400 var(--t-body)/1.5 var(--font-a);border-radius:0;overscroll-behavior:contain;cursor:auto}
.record-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}
.record-dialog::backdrop{background:var(--record-scrim)}
.record-dialog[data-phase=opening]::backdrop{animation:record-scrim-in var(--record-scrim-time) var(--ease) both}
.record-dialog[data-phase=closing]::backdrop{animation:record-scrim-out var(--record-scrim-time) var(--ease) both}
.record-dialog:is([data-phase=opening],[data-phase=closing]){will-change:transform}
.record-dialog [hidden],.record-trigger[hidden]{display:none!important}
.record-dialog *{box-sizing:border-box;cursor:auto}
.record-dialog :is(button,a),.record-dialog .record-chip,.record-dialog .record-chip *{cursor:pointer}
.record-dialog .record-query{cursor:text}
.record-dialog-head h2:focus{outline:none}
.record-dialog :is(button,a,input):focus-visible{outline:var(--record-focus-width) solid var(--ink);outline-offset:var(--record-focus-offset);border-radius:0}
.record-dialog-head{position:relative;padding:var(--record-head-space) var(--record-gutter) var(--r5-space-md);border-bottom:var(--r5-rule)}
.record-eyebrow,.record-group h3{font:400 var(--t-label)/1.5 var(--font-b);letter-spacing:var(--t-track-label);text-transform:uppercase;color:var(--ink-muted)}
.record-eyebrow{padding-right:var(--record-control);margin:0 0 var(--r5-space-sm)}
.record-dialog-head h2{font:400 var(--record-title)/1.08 var(--font-a);letter-spacing:var(--record-tracking);max-width:15ch;margin:0;text-wrap:balance}
.record-close{position:absolute;top:var(--r5-space-md);right:var(--r5-space-md);display:grid;place-items:center;width:var(--record-control);height:var(--record-control);border:var(--record-rule-width) solid var(--record-edge);border-radius:var(--record-pill)}
.record-close svg{width:var(--record-icon);height:var(--record-icon);fill:none;stroke:currentColor;stroke-width:var(--record-icon-stroke)}
.record-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding-block:var(--r5-space-md);padding-inline:var(--record-gutter);padding-bottom:max(var(--r5-space-lg),env(safe-area-inset-bottom))}
.record-tools{padding-top:var(--r5-space-md)}
.record-intro{margin:0 0 var(--r5-space-md);color:var(--ink-muted);max-width:58ch}
.record-search-label{display:block;font-size:var(--t-micro);margin-bottom:var(--record-gap);font-weight:500}
.record-query{display:block;width:100%;min-width:0;min-height:var(--record-control);padding:var(--record-gap) var(--r5-space-sm);background:var(--ground);border:var(--record-rule-width) solid var(--record-edge);border-radius:0;appearance:none;font:400 var(--t-body)/1.5 var(--font-a);color:var(--ink)}
.record-query::placeholder{color:var(--ink-muted);opacity:1}
.record-query::-webkit-search-cancel-button{display:none}
.record-filters{display:flex;flex-wrap:wrap;gap:var(--record-gap);border:0;padding:0;margin:var(--r5-space-sm) 0 0;min-width:0}
.record-filters legend{font-size:var(--t-micro);margin-bottom:var(--record-gap);padding:0;color:var(--ink-muted)}
.record-chip{position:relative;display:block}
.record-chip>input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0}
.record-chip>span{display:flex;align-items:center;justify-content:center;gap:var(--record-gap);min-height:var(--record-control);padding:var(--record-gap) var(--r5-space-sm);border:var(--record-rule-width) solid var(--record-edge);border-radius:var(--record-pill);font-size:var(--t-micro);transition:background var(--record-chip-time) var(--ease),color var(--record-chip-time) var(--ease),border-color var(--record-chip-time) var(--ease)}
.record-chip input:checked+span{color:var(--ground);background:var(--ink);border-color:var(--ink)}
.record-chip input:focus-visible+span{outline:var(--record-focus-width) solid var(--ink);outline-offset:var(--record-focus-offset)}
.record-chip-count{font-variant-numeric:tabular-nums}
.record-result-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--record-gap);margin-top:var(--r5-space-sm);padding-bottom:var(--record-gap);border-bottom:var(--r5-rule);font-size:var(--t-micro)}
.record-count{color:var(--ink-muted);margin:0}
.record-reset,.record-clear{min-height:var(--record-control);font-size:var(--t-micro);text-decoration:underline;text-underline-offset:var(--record-focus-offset);flex:none}
.record-group{padding-top:var(--r5-space-lg)}
.record-group h3{margin:0 0 var(--r5-space-sm)}
.record-group ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--r5-space-lg);list-style:none;padding:0;margin:0}
.record-group li{display:flex;flex-wrap:wrap;justify-content:space-between;column-gap:var(--record-gap);align-items:center;min-height:var(--record-row);padding-block:var(--record-gap);border-bottom:var(--r5-rule);font-size:var(--t-body);font-weight:500;overflow-wrap:anywhere}
.record-group li small{font-size:var(--t-label);font-weight:400;color:var(--ink-muted)}
/* B8: wrap like the sibling chip row. nowrap plus overflow-x ran the row off
   the drawer and the viewport at every width, with no scrollbar, fade or arrow. */
.record-industries{flex-wrap:wrap;padding-bottom:var(--record-gap)}
.record-industries .record-chip{flex:0 1 auto;max-width:100%}
.record-empty{padding-block:var(--r5-space-xl)}
.record-empty p{margin:0 0 var(--record-gap)}
.record-dialog-foot{margin-top:var(--r5-space-xl);padding-top:var(--r5-space-md);border-top:var(--r5-rule)}
.record-dialog-foot p{font-size:var(--t-micro);color:var(--ink-muted);margin:0;max-width:62ch}
.record-onward{display:flex;align-items:center;gap:var(--record-gap);width:fit-content;min-height:var(--record-control);margin-top:var(--r5-space-sm);font-size:var(--t-micro);text-underline-offset:var(--record-focus-offset)}
.record-sr-status{position:absolute;width:var(--record-rule-width);height:var(--record-rule-width);overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(hover:hover){
 .record-trigger:hover .record-trigger-arrow,.record-close:hover{background:var(--ink);color:var(--ground)}
 .record-chip:hover>span{border-color:var(--ink)}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.record-dialog::backdrop{backdrop-filter:blur(var(--record-blur))}}
@media(max-width:767px){
 :root{--record-gutter:var(--r5-space-md)}
 .record-dialog{width:100%;border-left:0}
 .record-dialog-head{padding-top:var(--r5-space-md)}
 .record-eyebrow{max-width:24ch}
 .record-group ul{grid-template-columns:1fr}
 .record-trigger{flex-wrap:wrap;column-gap:var(--record-gap);position:relative;padding-right:calc(var(--record-control) + var(--record-gap))}
 .record-trigger-count{width:100%;margin-left:0}
 .record-trigger-arrow{position:absolute;right:0;top:50%;transform:translateY(-50%)}
 .record-filters{max-width:100%}
}
@media(max-height:639px){
 .record-dialog-head{padding:var(--r5-space-sm) var(--record-gutter);padding-right:calc(var(--record-control) + var(--r5-space-xl));min-height:calc(var(--record-control) + var(--r5-space-md))}
 .record-dialog-head h2{font-size:var(--t-lede);line-height:1.5;max-width:none;text-wrap:initial;letter-spacing:normal}
 .record-eyebrow{display:none}
 .record-close{top:var(--record-gap)}
}
@keyframes record-scrim-in{from{opacity:0}to{opacity:1}}
@keyframes record-scrim-out{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){.record-dialog::backdrop{animation:none!important;backdrop-filter:none}.record-chip>span,.record-trigger-arrow{transition:none}}
@media(prefers-reduced-transparency:reduce){.record-dialog::backdrop{backdrop-filter:none}}
html.still .record-dialog::backdrop{animation:none;backdrop-filter:none}
html.still .record-chip>span,html.still .record-trigger-arrow{transition:none}
@media print{
 .record-dialog,.record-trigger,#network .record-more>summary{display:none!important}
 [data-record-enhanced] .record-more{display:block!important}
 #network .record-more::details-content{display:block;content-visibility:visible}
 #network .record-more>*:not(summary){display:revert!important}
 #network .record-placements li,#network .record-investors li{break-inside:avoid}
}
/* ---- practices.css ---- */
/* What do you need to change? (design round 1, C4 / B4)
   A chooser in the register of the fluency page's teaching picker: three
   problems in the reader's own week on the left, the service named second and
   small, and on the right a panel holding one real artefact per practice.
   Native radios; the panel is switched by :has(), so there is no script and
   nothing on this section pretends to be interactive without being so.
   The list borrows the picker's own rows (.pick .bx .rt .rg-obj) from site.css. */
#firm{background:var(--ground-veil)}
#firm .firm-heading{gap:var(--r5-space-xl,64px)}
#firm .firm-heading .h2{max-width:24ch;font-weight:400}
.week{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0 56px;align-items:start;margin-top:56px}
.week-row{position:relative;grid-column:1;border-top:1px solid var(--hairline)}
.week-row:last-of-type{border-bottom:1px solid var(--hairline)}
.week-row .y{position:absolute;left:0;top:34px;width:18px;height:18px;margin:0;padding:0;border:0;opacity:0;appearance:none;-webkit-appearance:none;pointer-events:none}
.week-pick{grid-template-columns:18px minmax(0,1fr) 44px;gap:18px;padding:30px 4px 28px}
.week-pick .bx{margin-top:7px}
.week-pick .rg-obj{width:44px;margin-top:2px}
.week-problem{display:block;font-size:22px;line-height:1.3;letter-spacing:-.015em;color:var(--ink-muted);text-wrap:pretty;max-width:26ch;transition:color var(--dur-hover) var(--ease)}
.week-service{display:block;margin-top:10px;color:var(--ink-quiet);transition:color var(--dur-hover) var(--ease)}
.week-row:hover .week-problem,.week-row:has(.y:checked) .week-problem{color:var(--ink)}
.week-row:has(.y:checked) .week-service{color:var(--ink-muted)}
.week-row:has(.y:focus-visible){outline:2px solid var(--ink);outline-offset:2px;border-radius:10px}
/* The panel: one bordered container, because it holds data and screens
   (soul.md P3). It sits in the second column beside all three rows and stays
   with the reader while they change their mind. */
.week-echo{display:none;grid-column:2;grid-row:1 / span 3;align-self:start;position:sticky;top:calc(var(--nav-clear) + 20px);padding:20px;border-radius:calc(var(--radius) - 8px);background:var(--tile);box-shadow:inset 0 0 0 1px var(--tile-hair),inset 0 1px 0 var(--plate-hi),var(--el-raise)}
.week:has(#w1:checked) .e1,.week:has(#w2:checked) .e2,.week:has(#w3:checked) .e3{display:block}
.week-art{margin:0;border-radius:12px;overflow:hidden;background:#0a1730;box-shadow:var(--rec)}
.week-art img{display:block;width:100%;height:auto}
/* The systems artefact is the full report screen; the panel shows the part
   with the checked lines and the open question (the same focus rectangle the
   systems page's own demo uses). */
.week-art-crop{aspect-ratio:1040 / 650;position:relative}
.week-art-crop img{position:absolute;left:0;top:0;width:152.3%;max-width:none;transform:translate(-32.2%,-13.6%)}
.week-art-text{padding:18px 20px 20px;background:color-mix(in srgb,#000 20%,transparent)}
:root[data-theme="light"] .week-art-text{background:color-mix(in srgb,#000 5%,transparent)}
.week-art-text p{margin:0;color:var(--ink);font-size:var(--t-micro);line-height:1.55}
.week-art-text .mono{color:var(--ink-muted);margin-bottom:6px}
.week-art-text p + .mono{margin-top:14px}
.week-art-text .week-output{color:var(--ink-muted)}
.week-what{margin:20px 0 0;color:var(--ink);line-height:1.55;text-wrap:pretty}
.week-echo .link{margin-top:16px}
@media(max-width:1050px){
  .week{gap:0 36px}
  .week-problem{font-size:20px}
}
@media(max-width:800px){
  .week{grid-template-columns:minmax(0,1fr);margin-top:40px}
  .week-row,.week-echo{grid-column:1;grid-row:auto}
  .week-echo{position:static;margin:4px 0 24px;padding:16px}
  .week-row:last-of-type{border-bottom:0}
  .week-row:has(.y:checked){border-bottom:0}
  .week-pick{padding:22px 4px 20px}
  .week-problem{font-size:19px;max-width:none}
}
@media(prefers-reduced-motion:reduce){
  .week-problem,.week-service{transition:none}
}
/* ---- knowledge-stage.css ---- */
/* Source-led product explanation. Sharp vectors and opaque reading surfaces. */
#brain{background:var(--ground)}
#brain .sb-head{grid-template-columns:1.3fr 1fr;gap:var(--r5-space-xl);align-items:end}
#brain .sb-head .h2{font-weight:400;max-width:17ch}
#brain .sb-head .lede{font-size:var(--t-body);max-width:44ch}
.knowledge-stage{margin-top:var(--r5-space-xl);background:var(--raised);border:var(--r5-rule);border-radius:var(--radius);overflow:hidden;isolation:isolate}
.knowledge-stage-top{display:flex;justify-content:space-between;gap:var(--r5-space-sm);padding:var(--r5-space-md) var(--r5-space-lg);border-bottom:var(--r5-rule);font-size:var(--t-micro);color:var(--ink-muted)}
.knowledge-flow{display:grid;grid-template-columns:1fr .65fr 1.35fr;gap:0;padding:var(--r5-space-xl) var(--r5-space-lg);align-items:center}
.knowledge-label{font:400 var(--t-micro)/1.5 var(--font-a);color:var(--ink-muted);margin-bottom:var(--r5-space-md)}
.knowledge-document{position:relative;display:flex;flex-direction:column;gap:var(--r5-space-xs);padding:var(--r5-space-sm) var(--r5-space-md);background:var(--ground);border:var(--r5-rule);text-decoration:none;margin-top:var(--r5-space-sm);transition:translate var(--dur-hover) var(--ease)}
.knowledge-document:first-of-type{margin-top:0}
.knowledge-document>span{font-size:var(--t-micro);color:var(--ink-muted)}
.knowledge-document .mono{font-size:var(--t-label)}
.knowledge-document strong{font:500 var(--t-body)/1.5 var(--font-a)}
.knowledge-connection{position:relative;min-width:0;color:var(--ink-muted)}
.knowledge-connection svg{display:block;width:100%;height:auto;stroke:var(--border);stroke-width:1;overflow:visible}
.knowledge-connection .knowledge-wire{stroke:var(--ink-muted)}
.knowledge-signal{fill:var(--mark);stroke:none}
.knowledge-connection>span{display:block;text-align:center;font-size:var(--t-label);padding-inline:var(--r5-space-xs)}
.knowledge-answer{background:var(--ground);border:var(--r5-rule);padding:var(--r5-space-lg);border-radius:var(--r5-space-sm);align-self:center}
.knowledge-answer .knowledge-question{font:500 var(--t-lede)/1.5 var(--font-a);color:var(--ink);margin-bottom:var(--r5-space-md)}
.knowledge-answer>p:not(.knowledge-label):not(.knowledge-question){font:400 var(--t-body)/1.65 var(--font-a);color:var(--ink-muted)}
.knowledge-citation{display:block;margin-top:var(--r5-space-md);font-size:var(--t-micro);text-underline-offset:4px;color:var(--ink)}
.knowledge-continue{margin-top:var(--r5-space-lg);padding-block:var(--r5-space-sm);border-top:var(--r5-rule);display:flex;justify-content:space-between;align-items:center;gap:var(--r5-space-md);width:100%;font-size:var(--t-body);text-align:left}
.knowledge-prompts{border-top:var(--r5-rule);padding:var(--r5-space-sm) var(--r5-space-lg);display:flex;align-items:center;flex-wrap:wrap;gap:var(--r5-space-xs) var(--r5-space-lg);font-size:var(--t-micro)}
.knowledge-prompts>span{color:var(--ink-muted)}
.knowledge-prompts button{min-height:var(--r5-touch);text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--border)}
.knowledge-explained{display:grid;grid-template-columns:1fr 1fr;gap:var(--r5-space-2xl);margin-top:var(--r5-space-lg)}
.knowledge-explained h3{font:500 var(--t-body)/1.5 var(--font-a);margin-bottom:var(--r5-space-sm)}
.knowledge-explained p{font:400 var(--t-body)/1.6 var(--font-a);color:var(--ink-muted);max-width:55ch}
#brain .sb-foot{margin-top:var(--r5-space-xl);border-top:var(--r5-rule);padding-top:var(--r5-space-lg)}
#brain .sb-who{font-size:var(--t-body);max-width:40ch}
#brain .sb-foot .pill{white-space:normal;text-align:left;max-width:100%}
@media(hover:hover){.knowledge-document:hover{translate:4px 0}.knowledge-prompts button:hover,.knowledge-continue:hover{text-decoration:underline;text-underline-offset:5px}}
@media(max-width:960px){
 #brain .sb-head{grid-template-columns:1fr;gap:var(--r5-space-md)}
 .knowledge-flow{grid-template-columns:1fr 1.2fr;gap:var(--r5-space-lg);padding:var(--r5-space-lg)}
 .knowledge-connection{display:none}
 .knowledge-explained{gap:var(--r5-space-lg)}
}
@media(max-width:640px){
 .knowledge-stage-top{display:block;padding:var(--r5-space-md)}
 .knowledge-stage-top>span{display:block}
 .knowledge-stage-top>span+span{margin-top:var(--r5-space-xs)}
 .knowledge-flow{display:flex;flex-direction:column;padding:var(--r5-space-md);gap:var(--r5-space-md);align-items:stretch}
 .knowledge-sources{display:flex;flex-wrap:wrap;gap:var(--r5-space-xs);order:1}
 .knowledge-sources>.knowledge-label{width:100%;margin:0 0 var(--r5-space-xs)}
 .knowledge-document{margin:0;padding:var(--r5-space-xs);flex:1 1 0}
 .knowledge-document>span{display:none}.knowledge-document strong{font-size:var(--t-micro)}
 .knowledge-answer{align-self:stretch;padding:var(--r5-space-md)}
 .knowledge-prompts{padding:var(--r5-space-sm) var(--r5-space-md);display:grid;gap:0}
 .knowledge-prompts button{text-align:left;font-size:var(--t-micro)}
 .knowledge-explained{grid-template-columns:1fr;gap:var(--r5-space-md)}
}
@media(prefers-reduced-motion:reduce){.knowledge-document{transition:none}}