@import url('./brand.css?v=20260929.1');
/* Hallmark · macrostructure: Learning workbench · genre: editorial · existing Aku system */
:root{--paper:var(--color-paper);--surface:var(--color-paper-light);--ink:var(--color-ink);--teal:var(--color-accent);--soft:var(--color-paper-deep);--gold:var(--color-gold);--line:var(--color-rule);--muted:var(--color-ink-soft);--warn:var(--color-gold-ink);--focus:var(--color-focus);--display:var(--font-display);--body:var(--font-body);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px}
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-padding-top:var(--s5)}body{font-family:var(--body);font-size:18px;line-height:1.65;color:var(--ink);background:var(--paper)}a{color:var(--teal);text-underline-offset:4px}h1,h2,h3{font-family:var(--display);font-style:normal;line-height:1.15;font-weight:500;overflow-wrap:anywhere}h1{font-size:clamp(2rem,4.2vw,3.5rem);margin:var(--s3) 0 var(--s5)}h2{font-size:clamp(1.7rem,2.8vw,2.3rem)}h3{font-size:1.45rem}p{margin:0 0 var(--s4);max-width:68ch}img,video{max-width:100%;height:auto}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid var(--focus);outline-offset:4px}a:active,button:active{opacity:.8}.skip{position:absolute;left:var(--s4);top:-80px;background:var(--surface);padding:var(--s3);z-index:5}.skip:focus{top:var(--s3)}.site-head{max-width:1400px;margin:auto;padding:var(--s5) var(--s6);display:flex;align-items:center;justify-content:space-between;gap:var(--s5);border-bottom:1px solid var(--line)}.wordmark{font:1.8rem var(--display);color:var(--ink);text-decoration:none;white-space:nowrap}.wordmark span{color:var(--warn)}.site-head nav{display:flex;gap:var(--s5);flex-wrap:wrap;font-size:.9rem}.site-head nav a{white-space:nowrap}.site-foot{max-width:1280px;margin:var(--s8) auto 0;padding:var(--s6);border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}.site-foot nav{display:flex;gap:var(--s5);flex-wrap:wrap}.journey{display:grid;grid-template-columns:260px minmax(0,820px);gap:var(--s7);max-width:1240px;margin:auto;padding:var(--s7) var(--s6)}.journey main{min-width:0}.journey-nav{font-size:1rem}.journey-nav summary{cursor:pointer;font-weight:650;padding:var(--s3) 0}.journey-nav details{position:sticky;top:var(--s4)}.journey-nav ol{list-style:none;padding:0}.journey-nav li{border-top:1px solid var(--line)}.journey-nav li a{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s2);text-decoration:none;color:var(--ink)}.journey-nav li a:hover,.journey-nav [aria-current]{background:var(--soft)}.journey-nav small{display:block;font-size:.8rem;color:var(--muted)}.step{font-variant-numeric:tabular-nums;color:var(--teal);font-weight:700}.overview-link{display:inline-block;margin-top:var(--s5)}.eyebrow{font-size:.85rem;color:var(--teal);font-weight:650}.lesson-head{display:flex;align-items:center;gap:var(--s5);margin-bottom:var(--s5)}.lesson-head>div{flex:1;min-width:0}.lesson-head img{width:100px;max-height:130px;object-fit:contain}.lesson-head h1{margin-bottom:var(--s3)}.lesson-head p:last-child{margin:0}.film video{display:block;width:100%;background:var(--ink);border-radius:var(--s3)}.film-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);margin:var(--s3) 0;font-size:.9rem}.film-meta select{font-size:1rem;padding:var(--s2);border:1px solid var(--line);border-radius:var(--s1);color:var(--ink);background:var(--surface)}.readable-captions{background:var(--soft);border-radius:var(--s2);padding:var(--s4);margin:var(--s4) 0}.readable-captions label{font-size:.85rem;display:flex;gap:var(--s2);align-items:start}.readable-captions p{font-size:1.1rem;line-height:1.55;min-height:3.2em;margin-top:var(--s3)}.small{font-size:.85rem;color:var(--muted)}.transcript,.glossary,.sources{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:var(--s4) 0;margin:var(--s5) 0}.transcript summary,.glossary summary,.sources summary{cursor:pointer;font-weight:650}.transcript p{margin-top:var(--s4)}.seek{font-size:.85rem;border:1px solid var(--line);border-radius:var(--s1);background:var(--surface);color:var(--teal);padding:var(--s1) var(--s2)}.seek:hover{background:var(--soft)}article{margin-top:var(--s7)}article section{margin-top:var(--s6)}.lead{font-size:1.2rem}.concepts{margin:var(--s5) 0}.concepts>div{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,2fr);gap:var(--s5);padding:var(--s4) 0;border-top:1px solid var(--line)}dt{font-weight:650;color:var(--teal)}dd{margin:0}.alex{background:var(--soft);border-radius:var(--s3);padding:var(--s5);margin:var(--s6) 0}.alex p:last-child{margin:0}.takeaway{padding:var(--s5) 0;border-top:2px solid var(--gold);border-bottom:1px solid var(--line)}.practice{padding-top:var(--s5);margin-top:var(--s7)}fieldset{border:1px solid var(--line);border-radius:var(--s3);padding:var(--s5);margin:var(--s5) 0;min-width:0}legend{padding:0 var(--s2);font-weight:650;font-size:1.05rem;line-height:1.5}.answer{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s3);margin:var(--s2) 0;border-radius:var(--s2);background:var(--surface);cursor:pointer}.answer:has(input:checked){background:var(--soft);box-shadow:inset 0 0 0 1px var(--teal)}input[type="radio"],input[type="checkbox"]{min-width:20px;height:20px;margin-top:var(--s1);accent-color:var(--teal)}.matching{display:block;margin-bottom:var(--s5)}.matching select{display:block;width:100%;padding:var(--s3);margin-top:var(--s2);border:1px solid var(--line);border-radius:var(--s2);background:var(--surface);color:var(--ink);white-space:normal}.button{display:inline-block;padding:var(--s3) var(--s5);border:1px solid var(--teal);border-radius:var(--s2);background:var(--teal);color:var(--surface);text-decoration:none;line-height:1.5;font-weight:650;font-size:1rem;text-align:center}.button:hover{background:var(--ink);border-color:var(--ink);color:var(--surface)}.secondary{background:transparent;color:var(--teal)}.feedback,.notice{padding:var(--s4);background:var(--soft);border-radius:var(--s2)}.explanation{padding-top:var(--s4);margin-top:var(--s4);border-top:1px solid var(--line)}.next{margin:var(--s6) 0;display:flex;gap:var(--s4);flex-wrap:wrap;align-items:center}.next p{width:100%;margin:0}.glossary dt{margin-top:var(--s4)}.glossary dd{margin-top:var(--s1)}.welcome,.landing-intro{display:flex;gap:var(--s6);align-items:center}.welcome>div,.landing-intro>div{flex:1;min-width:0}.welcome img{width:160px}.welcome progress{width:100%;height:14px;accent-color:var(--teal)}.landing,.print-card,.finish{max-width:1040px;margin:auto;padding:var(--s7) var(--s6)}.landing-intro img{width:240px}.landing section{margin-top:var(--s8)}.facts{font-size:.95rem;font-weight:600}.preview-stations{padding-left:var(--s5)}.preview-stations li{padding:var(--s4) 0;border-bottom:1px solid var(--line)}.preview-stations span{display:block}.plain-steps{padding-left:var(--s5)}.celebrate{width:120px;float:right;margin-left:var(--s5)}table{width:100%;border-collapse:collapse;font-size:.95rem;table-layout:fixed}caption{text-align:left;margin-bottom:var(--s4)}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:var(--s3);overflow-wrap:anywhere}thead th{background:var(--soft)}.writing-lines{height:120px;background:repeating-linear-gradient(transparent,transparent 38px,var(--line) 39px,var(--line) 40px)}.write-in{margin:var(--s6) 0}
@media(min-width:901px){.journey-nav details:not([open])>nav{display:block!important}.journey-nav summary{list-style:none}}
@media(max-width:900px){.journey{grid-template-columns:minmax(0,1fr);gap:var(--s5);padding:var(--s5)}.journey-nav{border-bottom:1px solid var(--line)}.journey-nav details{position:static}.overview-link{margin:var(--s2) 0 var(--s3)}.site-head{padding:var(--s4) var(--s5)}.site-head nav{gap:var(--s3)}.landing-intro img{width:160px}.site-foot{padding:var(--s5)}}
@media(max-width:600px){body{font-size:17px}.site-head{display:block;padding:var(--s4)}.site-head nav{margin-top:var(--s3);font-size:.8rem;column-gap:var(--s4);row-gap:var(--s2)}.journey{padding:var(--s4)}.lesson-head{gap:var(--s3)}.lesson-head img{width:64px;align-self:flex-start}.lesson-head h1{font-size:2rem}.lesson-head p{font-size:.95rem}.concepts>div{grid-template-columns:minmax(0,1fr);gap:var(--s2)}fieldset{padding:var(--s4) var(--s3)}.answer{padding:var(--s3) var(--s2)}.welcome,.landing-intro{align-items:flex-start}.welcome img{width:70px}.landing-intro img{display:none}.landing,.print-card,.finish{padding:var(--s5) var(--s4)}.celebrate{width:72px}.button{padding:var(--s3) var(--s4)}.film-meta{font-size:.8rem}.readable-captions p{font-size:1.05rem}th,td{padding:var(--s2);font-size:.8rem}.film .small{font-size:.85rem}}
@media print{body{background:white;color:#111;font:11pt/1.45 serif}.site-head,.site-foot,.no-print,.skip{display:none}.print-card{padding:0;max-width:none}.print-card h1{font-size:27pt}.print-card h2{font-size:18pt}.concepts>div{break-inside:avoid}table{font-size:9pt}th,td{font-size:9pt}.write-in{break-inside:avoid}.button{display:none}a{color:inherit}.print-card section:has(table){break-before:page}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media screen and (max-width:600px){.print-card table,.print-card tbody,.print-card tr,.print-card th,.print-card td{display:block;width:100%;font-size:1rem}.print-card thead{display:none}.print-card tr{margin:1.5rem 0;border-top:2px solid var(--gold)}.print-card td::before{content:attr(data-label);display:block;font-weight:650;color:var(--teal);margin-bottom:.25rem}}

.demo-entry{display:flex;align-items:center;gap:var(--s6);margin:0 0 var(--s7);padding:var(--s5) var(--s6);background:var(--ink);color:var(--surface);border-top:5px solid var(--gold);border-radius:var(--s2)}.demo-entry>div{flex:1;min-width:0}.demo-entry .demo-title{font:1.6rem/1.25 var(--display);color:var(--gold);margin:0 0 var(--s2)}.demo-entry p{margin-bottom:var(--s3);font-size:1rem}.demo-credentials{display:flex;flex-wrap:wrap;gap:var(--s5);margin:var(--s3) 0}.demo-credentials>div{display:flex;gap:var(--s3);align-items:center}.demo-credentials dt{color:var(--surface);font-size:.9rem;font-weight:400}.demo-credentials code{display:inline-block;background:var(--surface);color:var(--ink);font:700 1.25rem/1.4 ui-monospace,monospace;letter-spacing:.03em;padding:var(--s1) var(--s3);border-radius:var(--s1)}.demo-entry .demo-note{font-size:.85rem;margin-bottom:0}.demo-entry .button{flex-shrink:0;background:var(--gold);border-color:var(--gold);color:var(--ink)}.demo-entry .button:hover{background:var(--surface);border-color:var(--surface)}@media(max-width:700px){.demo-entry{display:block;padding:var(--s5);margin-bottom:var(--s6)}.demo-entry .button{margin-top:var(--s4);width:100%}.demo-credentials{gap:var(--s3);display:grid}.demo-credentials>div{justify-content:space-between}.demo-entry .demo-title{font-size:1.4rem}}

/* Shared brand, with a compact learning navigation. */
.site-head{max-width:1280px;min-height:76px;padding:var(--s4) var(--s6)}.academy-brand{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap}.wordmark{display:inline-flex;align-items:center;gap:var(--s2);font:500 24px/1 var(--display)}.wordmark .brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--teal);border-radius:50%;font-size:18px;color:var(--teal)}.wordmark .brand-name{color:var(--ink)}.wordmark .brand-dot{color:var(--teal)}.academy-label{font:500 .85rem/1.5 var(--body);border-left:1px solid var(--line);padding-left:var(--s4);text-decoration:none;color:var(--muted)}.site-head nav{font-size:.8125rem}.site-head nav a{display:inline-flex;align-items:center;min-height:44px}.site-foot{max-width:none;background:var(--soft);padding:var(--s7) max(var(--s5),calc((100vw - 1184px)/2))}.site-foot a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}.site-foot p{margin-bottom:var(--s2)}.button{border-radius:var(--radius-button);font-weight:500;white-space:nowrap}.button:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.demo-entry{background:var(--color-story-dark)}.demo-entry .demo-title{color:var(--gold)}.demo-entry .button:hover{background:var(--surface);color:var(--ink)}.eyebrow{text-transform:uppercase;font-size:.75rem;letter-spacing:.09em}.lesson-head h1{font-weight:500}.landing{max-width:1248px}.landing-intro img{width:280px}.landing-intro .lead{font-size:1.2rem}.demo-entry code{font-family:var(--font-mono)}@media(max-width:700px){.site-head{padding:var(--s4);min-height:64px}.academy-brand{gap:var(--s3)}.site-head nav{margin-top:var(--s2)}.landing-intro img{display:none}.site-foot{padding:var(--s6) var(--s4)}.button{font-size:.9375rem}.film-meta{flex-wrap:wrap}}