:root{--bg:#faf8f2;--paper:#fff;--ink:#20231f;--accent:#2e5a44;--pop:#d4b75b;--line:#ccd3ca;--muted:#526052;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink)}a{color:var(--accent);text-underline-offset:4px}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--pop);outline-offset:4px}[hidden]{display:none!important}img,video{max-width:100%}p,li{line-height:1.85}p{margin:0 0 1.2rem}h1,h2,h3{line-height:1.3;letter-spacing:-.035em}h1{font-size:clamp(2.5rem,4.8vw,4.6rem);margin:.5rem 0 1.5rem}h2{font-size:clamp(1.65rem,3vw,2.4rem);margin:.5rem 0 1.2rem}h3{font-size:1.25rem}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:10px;background:var(--paper);padding:12px;z-index:10}.commerce-header{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 4vw;border-bottom:1px solid var(--line)}.studio{font-size:1.4rem;line-height:1.05;font-weight:850;color:var(--ink);text-decoration:none;letter-spacing:-.05em}.studio span{display:block;letter-spacing:.18em;font-size:.6rem;margin-top:8px}.commerce-header nav{display:flex;align-items:center;justify-content:flex-end;gap:22px;flex-wrap:wrap;font-size:.85rem;font-weight:650}.session-label{font-size:.8rem;color:var(--muted)}.commerce-footer{display:flex;justify-content:space-between;gap:25px;padding:28px 4vw;border-top:1px solid var(--line);font-size:.78rem;line-height:1.8}.commerce-footer a{font-weight:750;text-decoration:none}.text-button{border:0;background:none;padding:8px 0;color:var(--accent);cursor:pointer}.eyebrow{font:650 .72rem/1.6 ui-monospace,monospace;letter-spacing:.12em;color:var(--accent);margin-bottom:1.5rem}.lede{font-size:1.12rem;line-height:1.9;max-width:720px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 17px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 20px;gap:8px;background:transparent;border:1px solid var(--accent);color:var(--accent);font-weight:750;font-size:.9rem;text-decoration:none;line-height:1.5;cursor:pointer}.button.primary{background:var(--accent);color:#fff}.button:hover{filter:brightness(.94)}.button:disabled{cursor:not-allowed;opacity:.6;filter:none}.status-note{font-size:.8rem;color:var(--muted);line-height:1.7}.status-banner{border-left:4px solid var(--pop);padding:14px 18px;background:var(--paper);max-width:850px;font-size:.9rem}.section{border-top:1px solid var(--line);padding:54px 0}.catalog-page{max-width:1320px;margin:auto;padding:0 4vw}.catalog-hero{padding:70px 0 58px}.catalog-hero h1{font-size:clamp(2.8rem,5.5vw,5.7rem)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-bottom:54px}.course-card{padding:30px;background:var(--bg);border:1px solid var(--line);color:var(--ink);display:flex;flex-direction:column;min-height:355px}.course-card h2{font-size:1.75rem}.course-card p{font-size:.93rem}.course-card .button{align-self:flex-start;margin-top:auto}.card-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.75rem;margin:4px 0 24px}.course-shell{max-width:1500px;margin:auto}.course-shell main{padding:0 4vw;min-width:0}.course-rail{display:none}.landing-hero{padding:70px 0;display:grid;grid-template-columns:1.25fr 1fr;gap:55px;align-items:center;min-height:610px}.hero-specimen{border:1px solid var(--line);padding:28px;background:var(--paper);min-width:0}.specimen-head{font:650 .75rem/1.8 ui-monospace,monospace;color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:24px}.hero-specimen dl{margin:0}.hero-specimen dt{font:650 .75rem/1.6 ui-monospace,monospace;color:var(--accent);margin-top:22px}.hero-specimen dd{margin:8px 0 22px;border-bottom:1px solid var(--line);padding-bottom:16px;line-height:1.7}.hero-specimen blockquote{font-size:1.85rem;margin:25px 0;line-height:1.7}.big-stat{font:800 112px/1 ui-monospace,monospace;color:var(--accent)}.big-stat small{display:block;font:500 .9rem/1.8 system-ui,sans-serif;letter-spacing:0;color:var(--ink);margin-top:10px}.stat-row{display:flex;gap:30px;margin-top:24px;border-top:1px solid var(--line);padding-top:24px}.stat-row span{display:flex;flex-direction:column;font-size:.8rem}.stat-row b{font:750 2rem/1.5 ui-monospace,monospace}.marketing-guide video{display:block;width:100%;max-height:570px;background:#111;aspect-ratio:16/9;margin:24px 0}.marketing-guide>p{max-width:850px;font-size:.9rem;color:var(--muted)}.curriculum-list{list-style:none;padding:0;margin:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:0 36px}.curriculum-list li{display:flex;gap:20px;align-items:baseline;border-top:1px solid var(--line);padding:18px 0;font-size:.95rem}.curriculum-list span{font:650 .85rem/1.6 ui-monospace,monospace;color:var(--accent);flex:none}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.theme-notebook{--bg:#fff8e7;--paper:#fffdf4;--ink:#36264a;--accent:#6b3fb4;--pop:#f0c44c;--line:#d5c4ac;--muted:#6b567d}.theme-notebook .course-shell{display:grid;grid-template-columns:220px minmax(0,1fr)}.theme-notebook .course-rail{display:block;background:var(--accent);color:var(--bg);padding:34px 20px;border-right:9px solid var(--pop)}.course-rail p{font:600 .72rem/1.7 ui-monospace,monospace;letter-spacing:.1em}.course-rail h2{font-size:1.2rem}.course-rail ol{list-style:none;margin:25px 0;padding:0}.course-rail li{font-size:.8rem;padding:15px 0;display:flex;gap:10px;border-bottom:1px solid #ffffff35}.course-rail li span{font:700 .8rem/1.8 ui-monospace,monospace;color:var(--pop)}.theme-notebook .course-shell main,.theme-notebook .preview-page{background-image:linear-gradient(#decda229 1px,transparent 1px),linear-gradient(90deg,#decda229 1px,transparent 1px);background-size:26px 26px}.theme-notebook .hero-specimen{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--pop)}.theme-notebook .specimen-head{background:var(--pop);margin:-28px -28px 26px;padding:13px 24px;color:var(--ink);border-bottom:2px solid var(--ink)}.theme-notebook .course-card{box-shadow:5px 5px 0 var(--pop)}.theme-newsroom{--bg:#f1f6ff;--paper:#fff;--ink:#081f49;--accent:#1d4ed8;--pop:#00a5b7;--line:#afbed6;--muted:#536780}.theme-newsroom .commerce-header{border-bottom:5px solid var(--ink)}.theme-newsroom .landing-hero{border-bottom:2px solid var(--ink)}.theme-newsroom .hero-specimen{border:0;border-left:1px solid var(--line);background:transparent}.theme-newsroom .course-card{border-top:6px solid var(--ink)}.theme-casebook{--bg:#f5ede0;--paper:#fff9f1;--ink:#38281d;--accent:#9b3f26;--pop:#bd9366;--line:#b9a88e;--muted:#795f49}.theme-casebook h1,.theme-casebook h2,.theme-casebook blockquote{font-family:ui-serif,"Songti TC","Noto Serif TC",serif;font-weight:650}.theme-casebook .commerce-header{border-top:7px solid var(--accent)}.theme-casebook .hero-specimen{border:0;border-left:5px solid var(--accent);background:transparent;box-shadow:6px 0 0 #c9bba677}.theme-casebook .landing-hero{gap:70px}.theme-casebook .course-card{border-top:5px double var(--accent)}.theme-lab{--bg:#101814;--paper:#1b2a20;--ink:#f4ffe9;--accent:#c6f34a;--pop:#75c67c;--line:#3f5545;--muted:#b2c5b7}.theme-lab .button.primary{color:#101814}.theme-lab .hero-specimen{padding:0;border-radius:4px;box-shadow:9px 9px 0 #1b2a2077}.window-bar{padding:12px 18px;display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--line);font:600 .65rem/1.5 ui-monospace,monospace}.window-bar i{display:block;width:8px;height:8px;border-radius:100%;background:var(--pop)}.window-bar span{margin-left:auto}.lab-states{padding:28px;display:flex;flex-direction:column;gap:12px}.lab-states span{font:600 .7rem/1.6 ui-monospace,monospace;color:var(--accent);margin-top:16px}.lab-states b{font-weight:550;border-bottom:1px solid var(--line);padding-bottom:15px}.theme-archive{--bg:#f2f7f6;--paper:#fff;--ink:#123438;--accent:#006f83;--pop:#77c1c7;--line:#acc6c4;--muted:#4c7274}.theme-archive .commerce-header{background:#093e45;color:white;border-bottom:5px solid var(--pop)}.theme-archive .commerce-header .studio,.theme-archive .commerce-header a,.theme-archive .commerce-header button{color:white}.theme-archive .commerce-header .session-label{color:#c4e1e1}.theme-archive .course-shell{display:grid;grid-template-columns:225px minmax(0,1fr)}.theme-archive .course-rail{display:block;padding:34px 22px;border-right:1px solid var(--line)}.theme-archive .course-rail li{display:block;border-color:var(--line)}.theme-archive .course-rail li span{display:block;color:var(--accent);margin-bottom:5px}.theme-archive .hero-specimen{border:0;border-top:4px solid var(--accent);background:transparent}.theme-magazine{--bg:#fff5f1;--paper:#fffaf8;--ink:#251621;--accent:#be1b65;--pop:#ff815d;--line:#c5a5ad;--muted:#805564}.theme-magazine .commerce-header{border-top:8px solid var(--accent)}.theme-magazine .landing-hero h1{font-size:clamp(3rem,5.3vw,5.7rem);letter-spacing:-.07em}.theme-magazine .hero-specimen{border:0;background:transparent;position:relative;min-height:320px;padding-top:220px}.issue-number{position:absolute;top:0;right:0;color:var(--pop);font:italic 220px/.9 ui-serif,serif;opacity:.9}.editor-note{position:relative;font-size:1.2rem;font-weight:750;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:8px;transform:rotate(-5deg)}.format-strip{position:relative;display:flex;gap:22px;padding:15px 0;border-top:5px solid var(--pop);font:700 .7rem/1.6 ui-monospace,monospace}.theme-magazine .course-card{border-top:9px solid var(--pop)}.preview-page{max-width:1100px;margin:auto;padding:40px 5vw 65px}.back-link{display:inline-block;font-size:.85rem;margin-bottom:36px}.preview-heading{border-bottom:2px solid var(--accent);padding-bottom:24px;margin-bottom:40px}.preview-heading h1{font-size:2.8rem}.measure-note{font:600 .78rem/1.7 ui-monospace,monospace;color:var(--muted)}.preview-flow{max-width:850px;line-height:1.9;overflow-wrap:anywhere}.preview-flow h1{font-size:2rem;margin:30px 0}.preview-flow h2{font-size:1.6rem;margin-top:40px}.preview-flow h3{font-size:1.25rem;margin-top:30px}.preview-flow li{margin-bottom:9px}.preview-flow pre{padding:22px;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);background:var(--paper)}.preview-flow code{font:.9em/1.9 ui-monospace,monospace;background:var(--paper)}.preview-flow figure{margin:30px 0;overflow:auto;border:1px solid var(--line);padding:12px;background:var(--paper)}.preview-flow figure img{display:block;width:900px;min-width:900px;max-width:none;height:auto}.preview-flow figcaption{font-size:.85rem;line-height:1.8;min-width:260px;padding-top:14px}.preview-flow table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;margin:28px 0;font-size:.9rem}.preview-flow td,.preview-flow th{border:1px solid var(--line);padding:12px 15px;min-width:140px;text-align:left}.preview-flow th{background:var(--paper)}.partial-excerpt{border-right:3px solid var(--pop);padding-right:15px}.preview-end{border-top:3px solid var(--accent);padding-top:30px;margin-top:48px}.account-page{max-width:980px;padding:55px 24px 80px;margin:auto;min-height:calc(100vh - 200px)}.account-page h1{font-size:clamp(2.25rem,5vw,3.5rem)}.account-card{border:1px solid var(--line);padding:32px;background:var(--paper);max-width:720px;margin:30px 0}.account-card label{display:flex;align-items:flex-start;gap:12px;margin:24px 0;line-height:1.8}.account-card input[type=checkbox]{width:20px;height:20px;flex:none;margin-top:5px}.account-card dl{display:grid;grid-template-columns:120px 1fr;gap:14px 20px;margin:24px 0}.account-card dt{color:var(--muted);font-size:.9rem}.account-card dd{margin:0;overflow-wrap:anywhere}.account-status{padding:15px 18px;border-left:4px solid var(--pop);background:var(--bg);line-height:1.8}.account-status.error{border-color:#a33e35}.purchase-terms{font-size:.9rem;border-top:1px solid var(--line);padding-top:24px}.small{font-size:.85rem;color:var(--muted)}#google-button{margin:25px 0;min-height:44px}#checkout-form{display:none}.noscript{padding:20px;background:#fff0cc;color:#352c1c}
@media(max-width:1100px){.catalog-grid{grid-template-columns:1fr 1fr}.landing-hero{gap:30px}.theme-notebook .course-shell,.theme-archive .course-shell{grid-template-columns:180px minmax(0,1fr)}.course-shell main{padding:0 28px}.theme-magazine .landing-hero{grid-template-columns:1fr}.theme-magazine .hero-specimen{min-height:240px;padding-top:120px}.issue-number{font-size:200px}.theme-casebook .landing-hero{gap:30px}}
@media(max-width:760px){.commerce-header{min-height:82px;align-items:flex-start;padding:19px 20px;gap:18px}.studio{font-size:1.25rem;flex:none}.studio span{font-size:.5rem}.commerce-header nav{gap:9px 15px;font-size:.75rem}.session-label{width:100%;font-size:.7rem;text-align:right}.commerce-footer{display:block;padding:25px 20px}.commerce-footer span{display:block;margin-top:9px}.catalog-page{padding:0 20px}.catalog-hero{padding:45px 0 35px}.catalog-hero h1{font-size:2.9rem}.catalog-grid{grid-template-columns:1fr;gap:22px}.course-card{padding:27px;min-height:320px}.course-shell main{padding:0 20px}.landing-hero{display:block;padding:43px 0;min-height:0}.landing-hero h1{font-size:2.9rem}.hero-specimen{margin:35px 0 10px;padding:24px}.theme-notebook .course-shell,.theme-archive .course-shell{display:block}.theme-notebook .course-rail,.theme-archive .course-rail{padding:20px;border-right:0;border-bottom:5px solid var(--pop)}.course-rail h2{font-size:1rem;margin:0}.course-rail p{margin-bottom:8px}.course-rail ol{display:flex;gap:15px;overflow:auto;scrollbar-width:thin;margin:15px 0 0;padding-bottom:8px}.course-rail li{width:190px;flex:none;border:1px solid currentColor!important;padding:12px;font-size:.75rem}.course-rail li span{flex:none}.theme-archive .course-rail li{width:180px;border-color:var(--line)!important}.theme-notebook .specimen-head{margin:-24px -24px 22px}.theme-newsroom .hero-specimen{border-left:0;border-top:1px solid var(--line);padding:25px 0}.theme-casebook .landing-hero{display:block}.theme-magazine .landing-hero h1{font-size:3.2rem}.theme-magazine .hero-specimen{min-height:230px;padding-top:125px}.section{padding:36px 0}.section-title h2{font-size:1.9rem}.curriculum-list{grid-template-columns:1fr}.access-grid{grid-template-columns:1fr;gap:15px}.actions{gap:10px}.button{padding:11px 16px;font-size:.85rem}.preview-page{padding:30px 20px 50px}.preview-heading h1{font-size:2.2rem}.preview-heading{margin-bottom:30px}.preview-flow h1{font-size:1.75rem}.preview-flow h2{font-size:1.4rem}.preview-flow p,.preview-flow li{font-size:1rem}.preview-flow ul,.preview-flow ol{padding-left:24px}.preview-flow pre{padding:15px;font-size:.85rem}.account-page{padding:40px 20px 60px}.account-card{padding:23px}.account-card dl{grid-template-columns:90px 1fr;gap:12px}.account-status{font-size:.9rem}.lede{font-size:1rem}.theme-lab .window-bar{font-size:.55rem}.window-bar span{margin-left:6px}.lab-states{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.commerce-header,.commerce-footer,.actions,video,.course-rail{display:none}.course-shell,.landing-hero{display:block}.course-shell main{padding:0}.preview-flow figure img{width:100%;min-width:0}}

/* Component finish — shared craft, with six distinct material treatments. */
:root {
  --component-radius: 8px;
  --shadow-rgb: 38 48 38;
  --surface-shadow: 0 2px 3px rgb(var(--shadow-rgb) / .025), 0 14px 34px rgb(var(--shadow-rgb) / .07);
  text-rendering: optimizeLegibility;
}
body { -webkit-font-smoothing: antialiased; }
body, .course-card { --surface-shadow: 0 2px 3px rgb(var(--shadow-rgb) / .025), 0 14px 34px rgb(var(--shadow-rgb) / .07); }
h1, h2, h3 { text-wrap: balance; }
.theme-notebook { --component-radius: 4px; --shadow-rgb: 67 42 78; }
.theme-newsroom { --component-radius: 2px; --shadow-rgb: 8 31 73; }
.theme-casebook { --component-radius: 3px; --shadow-rgb: 73 46 27; }
.theme-lab { --component-radius: 10px; --shadow-rgb: 0 0 0; color-scheme: dark; }
.theme-archive { --component-radius: 5px; --shadow-rgb: 13 65 70; }
.theme-magazine { --component-radius: 0px; --shadow-rgb: 81 26 54; }

button:focus-visible, a:focus-visible, input:focus-visible {
  outline: 3px solid var(--focus-ring, var(--accent));
  outline-offset: 4px;
  box-shadow: 0 0 0 6px var(--paper);
}
.commerce-header {
  background: var(--paper);
  box-shadow: 0 2px 0 rgb(var(--shadow-rgb) / .025);
  position: relative;
  z-index: 2;
}
.studio { font-size: 1.5rem; letter-spacing: -.065em; }
.studio span { font-weight: 650; letter-spacing: .21em; margin-top: 9px; }
.commerce-header nav { gap: 10px; }
.commerce-header nav > a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 9px 13px;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: var(--component-radius);
}
.commerce-header nav > a[data-login-link] {
  border-color: var(--line);
  background: var(--bg);
  box-shadow: 0 1px 2px rgb(var(--shadow-rgb) / .05);
}
.session-label:not(:empty) {
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 6px 10px;
  background: var(--bg);
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.commerce-footer { background: var(--paper); padding-top: 32px; padding-bottom: 32px; }
.text-button { padding: 9px 11px; border-radius: var(--component-radius); }
.eyebrow { display: flex; align-items: center; gap: 10px; font-size: .69rem; letter-spacing: .14em; }
.eyebrow::before { content: ""; display: block; width: 21px; height: 2px; flex: none; background: currentColor; }
.button {
  min-height: 49px;
  padding: 12px 20px;
  border-radius: var(--component-radius);
  background: var(--paper);
  border-color: var(--line);
  box-shadow: 0 1px 2px rgb(var(--shadow-rgb) / .055), inset 0 1px 0 rgb(255 255 255 / .25);
  letter-spacing: .005em;
  transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease, background-color 150ms ease;
}
.button.primary {
  background: var(--accent);
  border-color: var(--accent);
  box-shadow: 0 3px 0 rgb(var(--shadow-rgb) / .16), 0 7px 14px rgb(var(--shadow-rgb) / .1), inset 0 1px 0 rgb(255 255 255 / .18);
}
.button:hover { filter: none; }
.button:active { transform: translateY(1px); box-shadow: 0 1px 2px rgb(var(--shadow-rgb) / .09); }
.button:disabled { box-shadow: none; transform: none; }
.status-banner, .account-status {
  border-radius: 0 var(--component-radius) var(--component-radius) 0;
  box-shadow: 0 1px 2px rgb(var(--shadow-rgb) / .04);
}
.status-note { padding-left: 12px; border-left: 2px solid var(--pop); }

/* Catalog: a small collection of course editions, rather than identical tiles. */
.catalog-hero { padding-top: 80px; }
.catalog-hero h1 { line-height: 1.18; letter-spacing: -.06em; max-width: 1000px; }
.catalog-hero .status-banner { margin-top: 28px; padding: 17px 20px; }
.catalog-grid { gap: 28px; padding-bottom: 68px; }
.course-card {
  position: relative;
  isolation: isolate;
  padding: 30px 27px 27px;
  min-height: 390px;
  border-radius: var(--component-radius);
  background: var(--paper);
  box-shadow: var(--surface-shadow);
  transition: transform 180ms ease, box-shadow 180ms ease;
}
.course-card > * { position: relative; z-index: 1; }
.course-card .eyebrow { padding-right: 52px; min-height: 43px; margin: 0 0 25px; font-size: .64rem; line-height: 1.9; }
.course-card::after {
  position: absolute;
  top: 24px;
  right: 23px;
  font: 500 45px/1 ui-monospace, monospace;
  letter-spacing: -.08em;
  color: var(--accent);
  pointer-events: none;
  z-index: 0;
}
.course-card h2 { font-size: 1.65rem; line-height: 1.45; margin: 0 0 17px; }
.course-card p:not(.eyebrow) { font-size: .92rem; margin-bottom: 22px; }
.card-meta {
  border-top: 1px solid var(--line);
  padding-top: 16px;
  margin: auto 0 24px;
  gap: 7px 13px;
  line-height: 1.7;
  font-variant-numeric: tabular-nums;
}
.card-meta span:last-child { font-weight: 750; color: var(--ink); }
.course-card .button { margin-top: 0; min-height: 45px; font-size: .82rem; }
.course-card.theme-notebook { border: 1px solid var(--line); border-left: 7px solid var(--accent); box-shadow: 5px 5px 0 #e7d4a9, 0 16px 28px rgb(67 42 78 / .08); }
.course-card.theme-notebook::after { content: "01"; font-size: 29px; padding: 8px 6px; color: var(--ink); background: var(--pop); transform: rotate(-5deg); border: 1px solid rgb(54 38 74 / .15); }
.course-card.theme-newsroom { border-top: 5px solid var(--ink); border-bottom: 3px double var(--line); }
.course-card.theme-newsroom .eyebrow { border-bottom: 1px solid var(--line); padding-bottom: 17px; min-height: 54px; }
.course-card.theme-newsroom::after { content: "02"; color: var(--accent); font-size: 39px; }
.course-card.theme-casebook { border: 1px solid var(--line); border-top: 5px double var(--pop); background: #fffaf1; box-shadow: 0 2px 0 #d6c7b3, 0 15px 30px rgb(73 46 27 / .08); }
.course-card.theme-casebook::after { content: "03"; font: italic 46px/1 ui-serif, "Songti TC", serif; color: #9d744d; }
.course-card.theme-lab { background: #17251c; border: 1px solid #435b46; box-shadow: inset 0 1px 0 #ffffff0a, 0 12px 28px #08100b2b; }
.course-card.theme-lab::before { content: ""; position: absolute; left: 27px; top: 21px; width: 5px; height: 5px; background: var(--pop); border-radius: 50%; box-shadow: 10px 0 0 #5c7863, 20px 0 0 #5c7863; }
.course-card.theme-lab .eyebrow { padding-top: 12px; }
.course-card.theme-lab::after { content: "04"; color: var(--accent); font-size: 37px; top: 32px; font-weight: 350; }
.course-card.theme-archive { border-top: 6px solid var(--accent); box-shadow: 3px 3px 0 #d5e4e1, 0 16px 30px rgb(13 65 70 / .065); }
.course-card.theme-archive::after { content: "05"; font-size: 21px; padding: 8px 9px; border: 1px solid var(--accent); background: var(--bg); letter-spacing: .01em; }
.course-card.theme-magazine { border: 1px solid var(--line); border-top: 9px solid var(--pop); box-shadow: 5px 5px 0 #efccc9; overflow: hidden; }
.course-card.theme-magazine::after { content: "06"; top: 3px; right: 3px; color: var(--pop); opacity: .24; font: italic 120px/1 ui-serif, serif; }
.course-card.theme-magazine .eyebrow { padding-right: 35px; }

/* Landing components: paper, folio, instrument, archive and editorial frames. */
.landing-hero > div:first-child { min-width: 0; }
.landing-hero .lede { line-height: 1.95; }
.hero-specimen { position: relative; border-radius: var(--component-radius); box-shadow: var(--surface-shadow); }
.hero-specimen dd:last-child { margin-bottom: 0; }
.specimen-head { letter-spacing: .04em; }
.section { padding-top: 64px; padding-bottom: 64px; }
.section > .eyebrow, .section-title > .eyebrow { margin-bottom: 16px; }
.marketing-guide video {
  margin: 30px 0 24px;
  border: 7px solid var(--paper);
  outline: 1px solid var(--line);
  border-radius: var(--component-radius);
  box-shadow: 0 4px 8px rgb(var(--shadow-rgb) / .05), 0 20px 42px rgb(var(--shadow-rgb) / .12);
}
.marketing-guide > p { padding-left: 16px; border-left: 2px solid var(--pop); }
.curriculum-list { gap: 13px; margin: 30px 0 0; }
.curriculum-list li {
  min-width: 0;
  align-items: flex-start;
  gap: 15px;
  padding: 20px 18px;
  border: 1px solid var(--line);
  border-radius: var(--component-radius);
  background: var(--paper);
  box-shadow: 0 2px 3px rgb(var(--shadow-rgb) / .025);
  line-height: 1.75;
}
.curriculum-list span {
  display: grid;
  place-items: center;
  width: 34px;
  min-height: 34px;
  border: 1px solid var(--line);
  border-radius: calc(var(--component-radius) / 2);
  background: var(--bg);
  line-height: 1;
  font-size: .75rem;
}
.access-grid { gap: 17px; margin: 26px 0; }
.access-grid > div, .access-grid > article {
  min-width: 0;
  padding: 26px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--component-radius);
  box-shadow: 0 3px 6px rgb(var(--shadow-rgb) / .025);
}
.access-grid h3 { margin: 0 0 16px; font-size: 1.08rem; line-height: 1.55; }
.access-grid p { font-size: .91rem; line-height: 1.9; margin: 0; }
.public-faq .access-grid > article { border-top: 3px solid var(--line); }
.public-faq > p:last-child { margin-top: 28px; margin-bottom: 0; font-size: .85rem; }
.theme-notebook .hero-specimen { box-shadow: 7px 7px 0 var(--pop), 0 20px 30px rgb(67 42 78 / .09); transform: rotate(-.6deg); }
.theme-notebook .hero-specimen::after { content: ""; position: absolute; width: 42px; height: 9px; right: 23px; top: -6px; border: 1px solid #a99569; border-radius: 3px; background: #efe0bd; }
.theme-notebook .curriculum-list li { border-left: 4px solid var(--pop); }
.theme-notebook .access-grid > div, .theme-notebook .access-grid > article { box-shadow: 3px 3px 0 #eadcbf; }
.theme-notebook .button.primary { box-shadow: 3px 3px 0 var(--pop); border: 1px solid var(--ink); }
.theme-newsroom .hero-specimen { border: 1px solid var(--line); border-top: 4px solid var(--ink); background: var(--paper); padding: 32px; box-shadow: 0 2px 0 #c7d4e6, 0 18px 36px rgb(8 31 73 / .07); }
.theme-newsroom .big-stat { font-weight: 750; letter-spacing: -.07em; }
.theme-newsroom .big-stat small { font-size: .8rem; letter-spacing: .025em; }
.theme-newsroom .stat-row { border-top: 1px solid var(--ink); gap: 25px; }
.theme-newsroom .curriculum-list li { border-top: 3px solid var(--accent); }
.theme-newsroom .curriculum-list span { background: var(--accent); color: #fff; border-color: var(--accent); }
.theme-casebook .hero-specimen { padding: 32px; border: 1px solid var(--line); border-left: 5px solid var(--accent); background: var(--paper); box-shadow: 5px 5px 0 #dbcebb, 0 18px 35px rgb(73 46 27 / .08); }
.theme-casebook .hero-specimen blockquote { font-size: 1.7rem; line-height: 1.8; }
.theme-casebook .curriculum-list li { border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; box-shadow: none; padding-left: 0; }
.theme-casebook .curriculum-list span { font-family: ui-serif, "Songti TC", serif; border-color: var(--pop); color: var(--accent); }
.theme-casebook .marketing-guide video { border-width: 9px; box-shadow: 0 2px 0 #bd9366, 0 22px 42px rgb(73 46 27 / .13); }
.theme-lab .commerce-header { background: #142019; border-bottom-color: #3d5543; }
.theme-lab .hero-specimen { border: 1px solid #4c6552; background: #17251c; box-shadow: inset 0 1px 0 #ffffff0a, 0 24px 42px #00000029; overflow: hidden; }
.theme-lab .window-bar { background: #101b14; padding: 16px 20px; }
.theme-lab .window-bar i { width: 7px; height: 7px; box-shadow: 0 0 0 3px #75c67c13; }
.theme-lab .window-bar i:nth-child(2), .theme-lab .window-bar i:nth-child(3) { background: #587760; box-shadow: none; }
.theme-lab .lab-states { gap: 14px; padding: 30px; }
.theme-lab .lab-states b { padding-bottom: 20px; }
.theme-lab .button.primary { border-color: #defa9b; box-shadow: 0 2px 0 #719f2f, 0 7px 18px #c6f34a0a; }
.theme-lab .button:not(.primary) { background: #17271c; border-color: #5a755f; }
.theme-lab .curriculum-list li { background: #17251c; border-color: #3f5847; }
.theme-lab .curriculum-list span { background: #101b14; border-color: #3f5847; }
.theme-lab .access-grid > div, .theme-lab .access-grid > article { background: #17251c; border-color: #3f5847; box-shadow: inset 0 1px 0 #ffffff06; }
.theme-lab .marketing-guide video { border-color: #1d3023; outline-color: #4c6552; }
.theme-archive .commerce-header { background: #093e45; --focus-ring: #c2eded; }
.theme-archive .commerce-header nav > a[data-login-link] { background: #ffffff0b; border-color: #749b9e; }
.theme-archive .commerce-header .session-label:not(:empty) { background: #ffffff0b; border-color: #749b9e; }
.theme-archive .course-rail { background: #e7f0ed; box-shadow: inset -5px 0 10px rgb(13 65 70 / .025); }
.theme-archive .course-rail li { padding: 16px 0; border-bottom-style: dashed; }
.theme-archive .hero-specimen { background: var(--paper); padding: 32px; border: 1px solid var(--line); border-top: 5px solid var(--accent); box-shadow: 4px 4px 0 #d4e3df, 0 17px 34px rgb(13 65 70 / .07); }
.theme-archive .hero-specimen::before { content: ""; position: absolute; top: -16px; left: 22px; width: 90px; height: 12px; background: var(--accent); border-radius: 5px 5px 0 0; }
.theme-archive .curriculum-list li { border-left: 4px solid var(--accent); }
.theme-archive .curriculum-list span { background: #e7f1ee; }
.theme-archive .public-faq .access-grid > article { border-top-style: double; border-top-width: 4px; }
.theme-magazine .hero-specimen { padding: 210px 28px 28px; background: var(--paper); border: 1px solid var(--ink); box-shadow: 8px 8px 0 var(--pop); }
.theme-magazine .issue-number { top: 15px; right: 24px; font-size: 190px; opacity: 1; }
.theme-magazine .editor-note { font-size: 1.12rem; transform: rotate(-3deg); padding-bottom: 10px; }
.theme-magazine .format-strip { margin-top: 22px; border-top-width: 3px; gap: 20px; }
.theme-magazine .button.primary { box-shadow: 3px 3px 0 var(--pop); border-color: var(--ink); }
.theme-magazine .curriculum-list li { border-top: 3px solid var(--pop); }
.theme-magazine .marketing-guide video { border: 5px solid var(--paper); outline-color: var(--ink); box-shadow: 6px 6px 0 var(--pop); }
.theme-magazine .public-faq .access-grid > article { border-top-color: var(--pop); }

/* Quiet reading and account surfaces; all existing controls and gates remain. */
.back-link { padding: 8px 0; text-decoration-thickness: 1px; }
.preview-heading { padding: 28px; border: 1px solid var(--line); border-top: 4px solid var(--accent); border-radius: var(--component-radius); background: var(--paper); box-shadow: var(--surface-shadow); }
.preview-heading h1 { line-height: 1.4; }
.preview-heading .eyebrow { margin-bottom: 16px; }
.measure-note { margin-bottom: 0; }
.preview-flow > h2 { padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.preview-flow pre { border-left: 3px solid var(--accent); border-radius: var(--component-radius); box-shadow: inset 0 1px 0 rgb(255 255 255 / .15); }
.preview-flow :not(pre) > code { padding: 2px 5px; border-radius: 3px; }
.preview-flow pre code { padding: 0; background: transparent; }
.preview-flow figure { padding: 17px; border-radius: var(--component-radius); box-shadow: var(--surface-shadow); }
.preview-flow figcaption { border-top: 1px solid var(--line); margin-top: 15px; padding-top: 15px; color: var(--muted); }
.preview-flow table { border-radius: var(--component-radius); box-shadow: 0 2px 3px rgb(var(--shadow-rgb) / .04); }
.preview-flow th { background: var(--paper); font-weight: 750; border-bottom: 2px solid var(--accent); }
.preview-flow blockquote { margin: 28px 0; border-left: 3px solid var(--accent); padding: 20px 24px; background: var(--paper); }
.preview-end { border: 1px solid var(--line); border-top: 4px solid var(--accent); padding: 28px; border-radius: var(--component-radius); background: var(--paper); box-shadow: var(--surface-shadow); }
.preview-end h2 { font-size: 1.6rem; }
.account-page { padding-top: 65px; }
.account-page > .lede { max-width: 650px; }
.account-card { border-top: 4px solid var(--accent); border-radius: 10px; box-shadow: 0 2px 4px #26302605, 0 20px 45px #2630260b; padding: 36px; }
.account-card > h2 { font-size: 1.45rem; }
.account-card dl { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 24px 0; row-gap: 20px; }
.account-card dd { font-weight: 650; font-variant-numeric: tabular-nums; }
.account-card #purchase-price { font-size: 1.5rem; color: var(--accent); line-height: 1.3; }
.account-card label { padding: 16px; border: 1px solid var(--line); border-radius: 6px; background: var(--bg); font-size: .87rem; }
.account-card input[type=checkbox] { accent-color: var(--accent); }
.account-status { padding: 17px 20px; font-size: .9rem; }
.purchase-terms h2 { font-size: 1.1rem; }

@media (hover:hover) and (pointer:fine) {
  .commerce-header nav > a:hover, .text-button:hover { border-color: var(--line); background: var(--bg); }
  .button:not(:disabled):hover { transform: translateY(-2px); border-color: var(--accent); box-shadow: 0 5px 10px rgb(var(--shadow-rgb) / .1); }
  .button.primary:not(:disabled):hover { box-shadow: 0 3px 0 rgb(var(--shadow-rgb) / .16), 0 11px 21px rgb(var(--shadow-rgb) / .14); }
  .course-card:hover { transform: translateY(-4px); }
  .theme-archive .commerce-header nav > a:hover, .theme-archive .commerce-header .text-button:hover { background: #ffffff14; border-color: #749b9e; }
}
@media (max-width:1100px) {
  .catalog-grid { gap: 24px; }
  .theme-magazine .hero-specimen { padding-top: 160px; }
  .theme-magazine .issue-number { font-size: 145px; }
}
@media (max-width:760px) {
  .commerce-header { padding: 18px 20px; gap: 16px; }
  .studio { font-size: 1.25rem; }
  .studio span { letter-spacing: .15em; }
  .commerce-header nav { gap: 4px 5px; }
  .commerce-header nav > a { min-height: 38px; padding: 8px 9px; font-size: .72rem; }
  .session-label:not(:empty) { padding: 5px 8px; }
  .catalog-hero { padding-top: 45px; }
  .catalog-hero h1 { font-size: 2.8rem; }
  .catalog-grid { gap: 26px; padding-bottom: 45px; }
  .course-card { padding: 27px 25px 25px; min-height: 370px; }
  .course-card h2 { font-size: 1.6rem; }
  .course-card .eyebrow { margin-bottom: 21px; }
  .course-card.theme-lab::before { left: 25px; }
  .landing-hero .actions { gap: 10px; }
  .button { min-height: 47px; padding: 11px 15px; font-size: .83rem; }
  .hero-specimen { margin-top: 40px; }
  .theme-newsroom .hero-specimen, .theme-casebook .hero-specimen, .theme-archive .hero-specimen { padding: 26px; }
  .theme-newsroom .big-stat { font-size: 96px; }
  .theme-newsroom .stat-row { gap: 25px; }
  .theme-casebook .hero-specimen blockquote { font-size: 1.5rem; }
  .theme-lab .window-bar { padding: 14px 18px; }
  .theme-lab .lab-states { padding: 25px; }
  .theme-magazine .hero-specimen { padding: 155px 23px 24px; }
  .theme-magazine .issue-number { font-size: 140px; top: 10px; right: 18px; }
  .theme-magazine .format-strip { gap: 18px; }
  .section { padding-top: 42px; padding-bottom: 42px; }
  .marketing-guide video { border-width: 4px; margin-top: 26px; }
  .theme-casebook .marketing-guide video { border-width: 5px; }
  .marketing-guide > p { font-size: .8rem; padding-left: 12px; }
  .curriculum-list { gap: 12px; margin-top: 25px; }
  .curriculum-list li { padding: 17px 15px; font-size: .9rem; gap: 13px; }
  .curriculum-list span { width: 31px; min-height: 31px; }
  .access-grid { margin: 23px 0; gap: 14px; }
  .access-grid > div, .access-grid > article { padding: 23px; }
  .access-grid p { font-size: .88rem; }
  .preview-heading { padding: 23px; }
  .preview-heading h1 { font-size: 2rem; }
  .preview-flow figure { padding: 12px; }
  .preview-end { padding: 24px; }
  .account-page { padding-top: 44px; }
  .account-card { padding: 23px; border-radius: 8px; }
  .account-card label { padding: 13px; }
  .account-status { padding: 15px 16px; }
}
@media (prefers-reduced-motion:reduce) {
  .button, .course-card { transition: none; }
  .button:not(:disabled):hover, .course-card:hover, .button:active { transform: none; }
}
@media print {
  .course-card, .hero-specimen, .preview-heading, .preview-flow figure, .preview-end, .account-card { box-shadow: none; }
  .course-card::after, .course-card::before, .hero-specimen::before, .hero-specimen::after { display: none; }
}

/* BEGIN PRACTICAL PREMIUM 2026-11-06 */
body[data-page="landing"],body[data-page="catalog"]{--premium-ease:cubic-bezier(.2,.75,.25,1)}
body[data-page="landing"] .commerce-header,body[data-page="catalog"] .commerce-header{--focus-ring:var(--accent);position:sticky;top:0;z-index:30;min-height:83px;border-bottom:1px solid color-mix(in srgb,var(--line),transparent 15%);background:color-mix(in srgb,var(--paper),transparent 7%);backdrop-filter:blur(18px);box-shadow:0 6px 28px rgb(var(--shadow-rgb)/.035)}
body[data-page="landing"] .studio,body[data-page="catalog"] .studio{font-size:1.5rem;font-weight:800;letter-spacing:-.065em}
body[data-page="landing"] .commerce-header .studio,body[data-page="catalog"] .commerce-header .studio,body[data-page="landing"] .commerce-header nav>a:not([data-login-link]),body[data-page="catalog"] .commerce-header nav>a:not([data-login-link]){color:var(--ink)}
body[data-page="landing"] .commerce-header .session-label,body[data-page="catalog"] .commerce-header .session-label{color:var(--muted);background:var(--paper)}
body[data-page="landing"] .commerce-header nav>a,body[data-page="catalog"] .commerce-header nav>a{font-size:.8rem;letter-spacing:.02em}
body[data-page="landing"] .commerce-header nav>a[data-login-link],body[data-page="catalog"] .commerce-header nav>a[data-login-link]{background:var(--ink);border-color:var(--ink);color:var(--paper);border-radius:99px;padding-inline:20px;box-shadow:none}
body[data-page="landing"] .course-shell,body[data-page="landing"].theme-notebook .course-shell,body[data-page="landing"].theme-archive .course-shell{display:block;max-width:1380px}
body[data-page="landing"] .course-rail{display:none}
body[data-page="landing"] .course-shell main{padding:0 clamp(24px,5vw,76px);background:none}
body[data-page="landing"] .edition-landing{grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:clamp(36px,5vw,80px);min-height:670px;padding:68px 0 74px;position:relative}
body[data-page="landing"] .edition-landing:before{content:"";position:absolute;z-index:-1;width:590px;height:590px;top:-85px;left:-270px;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--pop),transparent 81%),transparent)}
body[data-page="landing"] .edition-landing h1{font-size:clamp(2.6rem,4.5vw,4.5rem);line-height:1.22;font-weight:750;letter-spacing:-.055em;margin:21px 0 24px;max-width:14ch}
body[data-page="landing"].theme-casebook .edition-landing h1,body[data-page="landing"].theme-magazine .edition-landing h1{font-weight:650;letter-spacing:-.04em}
body[data-page="landing"].theme-casebook .edition-landing h1{font-size:clamp(2rem,3.8vw,3.5rem);max-width:none;text-wrap:balance}
body[data-page="landing"] .edition-landing .eyebrow{font-size:.65rem;letter-spacing:.18em;gap:13px;margin-bottom:20px}
body[data-page="landing"] .edition-landing .eyebrow:before{width:33px;height:3px;background:var(--pop)}
body[data-page="landing"] .edition-landing .lede{font-size:1.02rem;line-height:1.95;max-width:35em;color:var(--muted)}
body[data-page="landing"] .edition-landing>div:first-child>p:not(.eyebrow):not(.lede):not(.status-note){font-size:.82rem;line-height:1.85;margin-top:18px;margin-bottom:23px;color:var(--muted)}
.edition-traits{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 30px}
.edition-traits span{display:inline-flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--accent),transparent 75%);background:color-mix(in srgb,var(--paper),transparent 15%);border-radius:99px;font-size:.7rem;font-weight:650;padding:7px 11px;color:var(--ink);letter-spacing:.015em}
.edition-traits span:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent)}
body[data-page="landing"] .edition-landing .actions{margin:27px 0 21px;gap:11px}
body[data-page="landing"] .edition-landing .button{min-height:52px;padding:13px 20px;border-radius:7px;font-size:.84rem;box-shadow:none;font-weight:750;transition:transform .22s var(--premium-ease),box-shadow .22s var(--premium-ease)}
body[data-page="landing"] .edition-landing .button.primary{box-shadow:0 7px 18px rgb(var(--shadow-rgb)/.14),inset 0 1px 0 #ffffff28}
body[data-page="landing"] .edition-landing .status-note{font-size:.75rem;max-width:38em;line-height:1.85;border-left-color:var(--accent);opacity:.9}
body[data-page="landing"] .edition-specimen{position:relative;display:block;margin:0;padding:0;background:none;border:0;box-shadow:none;transform:none;min-width:0;min-height:0;overflow:visible;border-radius:0}
body[data-page="landing"] .edition-specimen:before,body[data-page="landing"] .edition-specimen:after{display:none}
.edition-scene{position:relative;isolation:isolate;border-radius:24px;overflow:hidden;box-shadow:0 32px 60px rgb(var(--shadow-rgb)/.11),0 2px 0 #ffffff66}
.edition-scene svg{display:block;width:100%;height:auto;overflow:visible}
.edition-specimen-copy{position:relative;z-index:1;margin:-31px 20px 0;padding:23px 26px;border:1px solid color-mix(in srgb,var(--line),transparent 10%);border-radius:11px;background:var(--paper);box-shadow:0 17px 35px rgb(var(--shadow-rgb)/.075)}
body[data-page="landing"] .edition-specimen-copy .specimen-head{margin:0 0 16px;padding:0 0 12px;background:none;border:0;border-bottom:1px solid var(--line);font-size:.62rem;letter-spacing:.11em;line-height:1.7;color:var(--accent)}
body[data-page="landing"] .edition-specimen-copy dl{display:grid;grid-template-columns:47px minmax(0,1fr);gap:12px 15px;margin:0}
body[data-page="landing"] .edition-specimen-copy dt{margin:0;padding:0;font-size:.68rem;line-height:1.8}
body[data-page="landing"] .edition-specimen-copy dd{margin:0;padding:0;border:0;font-size:.79rem;line-height:1.8;font-weight:550;color:var(--ink)}
body[data-page="landing"] .edition-specimen-copy blockquote{font-size:1.27rem;line-height:1.65;margin:0 0 14px}
body[data-page="landing"] .edition-specimen-copy>p{font-size:.8rem;line-height:1.85;margin-bottom:0;color:var(--muted)}
body[data-page="landing"] .edition-specimen-copy .big-stat{display:flex;align-items:baseline;gap:14px;font-size:48px;letter-spacing:-.05em;line-height:1.15}
body[data-page="landing"] .edition-specimen-copy .big-stat small{font-size:.74rem;line-height:1.5;letter-spacing:.02em;margin:0}
body[data-page="landing"] .edition-specimen-copy .stat-row{margin-top:17px;padding-top:13px;gap:28px}
body[data-page="landing"] .edition-specimen-copy .stat-row span{font-size:.66rem;line-height:1.75}
body[data-page="landing"] .edition-specimen-copy .stat-row b{font-size:1.1rem;line-height:1.3;letter-spacing:0}
body[data-page="landing"] .edition-specimen-copy .window-bar{margin:-23px -26px 18px;padding:12px 17px;background:color-mix(in srgb,var(--bg),transparent 10%);border-radius:11px 11px 0 0;font-size:.52rem}
body[data-page="landing"] .edition-specimen-copy .window-bar i{width:5px;height:5px}
body[data-page="landing"] .edition-specimen-copy .lab-states{display:grid;grid-template-columns:100px minmax(0,1fr);padding:0;gap:10px 15px;align-items:start}
body[data-page="landing"] .edition-specimen-copy .lab-states span{margin:0;font-size:.61rem;line-height:1.7}
body[data-page="landing"] .edition-specimen-copy .lab-states b{padding:0;font-size:.76rem;line-height:1.7;border:0}
body[data-page="landing"] .edition-specimen-copy .issue-number{position:absolute;top:7px;right:18px;font-size:81px;opacity:.12;pointer-events:none;line-height:1}
body[data-page="landing"] .edition-specimen-copy .editor-note{position:relative;font-size:1.2rem;line-height:1.6;padding-right:50px;margin:0 0 18px;color:var(--ink)}
body[data-page="landing"] .edition-specimen-copy .format-strip{margin:0;padding-top:12px;gap:18px;border-top:1px solid var(--line);font-size:.64rem;letter-spacing:.13em}
body[data-page="landing"].theme-notebook .edition-specimen-copy{border-left:5px solid var(--pop);border-radius:3px;transform:rotate(.5deg)}
body[data-page="landing"].theme-newsroom .edition-scene{border-radius:5px;border-bottom:5px solid var(--ink)}
body[data-page="landing"].theme-newsroom .edition-specimen-copy{border-radius:2px;margin-top:-23px;border-top:4px solid var(--accent)}
body[data-page="landing"].theme-casebook .edition-scene{border-radius:7px 7px 50px 7px}
body[data-page="landing"].theme-casebook .edition-specimen-copy{border-radius:2px;border-top:5px double var(--pop);transform:rotate(-.5deg)}
body[data-page="landing"].theme-lab .edition-scene{border:1px solid #4b7259;border-radius:13px;box-shadow:0 30px 70px #00000040}
body[data-page="landing"].theme-lab .edition-specimen-copy{background:#15271c;border-color:#48634e;box-shadow:0 18px 35px #00000036}
body[data-page="landing"].theme-archive .edition-scene{border-radius:32px 4px 4px 4px}
body[data-page="landing"].theme-archive .edition-specimen-copy{border-top:5px solid var(--accent);border-radius:4px}
body[data-page="landing"].theme-magazine .edition-scene{border-radius:0}
body[data-page="landing"].theme-magazine .edition-specimen-copy{border:0;border-left:6px solid var(--accent);border-radius:0;box-shadow:8px 8px 0 color-mix(in srgb,var(--pop),transparent 45%)}
body[data-page="landing"] .section{padding:65px 0;border-top:1px solid var(--line)}
body[data-page="landing"] .section>h2,body[data-page="landing"] .section-title>h2{font-size:clamp(1.65rem,2.6vw,2.35rem);letter-spacing:-.045em}
body[data-page="landing"] .curriculum-list{grid-template-columns:1fr;gap:0;border-bottom:1px solid var(--line);counter-reset:edition-lesson}
body[data-page="landing"] .curriculum-list li{border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent;padding:21px 10px 21px 0;align-items:center;gap:23px;position:relative;font-size:.94rem;line-height:1.8;transition:padding .2s var(--premium-ease),background .2s var(--premium-ease)}
body[data-page="landing"] .curriculum-list span{width:45px;min-height:38px;border:0;border-radius:0;background:transparent;color:var(--accent);font-size:1.08rem;font-weight:450;letter-spacing:-.06em}
body[data-page="landing"] .curriculum-list li:after{content:"↗";margin-left:auto;color:var(--accent);font-size:1.15rem;opacity:.45;padding-left:20px}
body[data-page="landing"] .marketing-guide{padding-top:49px}
body[data-page="landing"] .marketing-guide video{border-width:6px;border-radius:12px;outline:1px solid var(--line);box-shadow:0 25px 60px rgb(var(--shadow-rgb)/.12)}
body[data-page="landing"] .access-grid{gap:18px}
body[data-page="landing"] .access-grid>div,body[data-page="landing"] .access-grid>article{padding:30px;background:color-mix(in srgb,var(--paper),transparent 4%);border:1px solid var(--line);border-radius:10px;box-shadow:none;position:relative}
body[data-page="landing"] .access-grid>article:before{content:"";display:block;width:22px;height:3px;background:var(--pop);margin-bottom:23px}
body[data-page="landing"] .access-grid h3{font-size:1.03rem;line-height:1.6;margin-bottom:14px}
body[data-page="landing"] .access-grid p{font-size:.87rem;line-height:1.9}
body[data-page="catalog"] .catalog-page{max-width:1400px;padding-inline:clamp(24px,5vw,76px)}
body[data-page="catalog"] .edition-catalog-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);align-items:center;gap:45px;padding:60px 0 65px}
body[data-page="catalog"] .edition-catalog-copy h1{font-size:clamp(2.65rem,4.5vw,4.6rem);letter-spacing:-.06em;line-height:1.2;max-width:17ch}
body[data-page="catalog"] .edition-catalog-copy .lede{font-size:.98rem;line-height:1.95;color:var(--muted)}
body[data-page="catalog"] .edition-catalog-copy .status-banner{font-size:.75rem;padding:12px 16px;background:var(--paper);border-radius:4px;line-height:1.85;margin-top:25px}
.edition-library{min-width:0;position:relative;transform:rotate(-2deg)}
.edition-library svg{display:block;width:100%;height:auto;overflow:visible}
body[data-page="catalog"] .catalog-grid{gap:31px 25px;padding-top:14px;padding-bottom:70px}
body[data-page="catalog"] .edition-course{padding:0 0 27px;min-height:0;overflow:hidden;border:1px solid var(--line);background:var(--paper);border-radius:11px;box-shadow:0 4px 6px rgb(var(--shadow-rgb)/.025),0 18px 32px rgb(var(--shadow-rgb)/.055)}
body[data-page="catalog"] .edition-course:before,body[data-page="catalog"] .edition-course:after{display:none}
.edition-cover{margin:0 0 26px;border-bottom:1px solid var(--line);overflow:hidden;background:var(--bg);position:relative}
.edition-cover svg{display:block;width:100%;height:auto;aspect-ratio:1.69;transition:transform .5s var(--premium-ease)}
body[data-page="catalog"] .edition-course>.eyebrow,body[data-page="catalog"] .edition-course>h2,body[data-page="catalog"] .edition-course>p:not(.eyebrow),body[data-page="catalog"] .edition-course>.card-meta{margin-inline:25px}
body[data-page="catalog"] .edition-course>.eyebrow{min-height:0;border:0;padding:0;font-size:.57rem;letter-spacing:.11em;margin-bottom:14px;line-height:1.9}
body[data-page="catalog"] .edition-course>h2{font-size:1.5rem;line-height:1.45;margin-bottom:14px;letter-spacing:-.04em}
body[data-page="catalog"] .edition-course>p:not(.eyebrow){font-size:.84rem;line-height:1.85;margin-bottom:22px;color:var(--muted)}
body[data-page="catalog"] .edition-course>.card-meta{margin-top:auto;gap:8px 10px;padding-top:18px;margin-bottom:21px;font-size:.67rem}
body[data-page="catalog"] .edition-course>.button{margin-left:25px;font-size:.77rem;min-height:44px;padding:10px 14px;border-radius:5px;box-shadow:none}
body[data-page="catalog"] .edition-course.theme-notebook{border-left:1px solid var(--line);border-radius:5px}
body[data-page="catalog"] .edition-course.theme-casebook{border-radius:5px 5px 22px 5px}
body[data-page="catalog"] .edition-course.theme-newsroom{border-radius:4px;border-bottom:4px solid var(--ink)}
body[data-page="catalog"] .edition-course.theme-archive{border-top:1px solid var(--line);border-radius:16px 4px 4px 4px}
body[data-page="catalog"] .edition-course.theme-magazine{border-top:1px solid var(--line);border-radius:0}
.edition-float{animation:edition-float 9s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.edition-flow{animation:edition-flow 18s linear infinite}
@keyframes edition-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes edition-flow{to{stroke-dashoffset:-100}}
@media(hover:hover) and (pointer:fine){body[data-page="landing"] .edition-landing .button:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgb(var(--shadow-rgb)/.16)}body[data-page="landing"] .curriculum-list li:hover{padding-left:13px;background:color-mix(in srgb,var(--paper),transparent 25%)}body[data-page="catalog"] .edition-course:hover{transform:translateY(-6px);box-shadow:0 24px 45px rgb(var(--shadow-rgb)/.11)}body[data-page="catalog"] .edition-course:hover .edition-cover svg{transform:scale(1.035)}}
@media(min-width:1450px){body[data-page="landing"] .edition-landing{min-height:730px}}
@media(max-width:1100px){body[data-page="landing"] .edition-landing{gap:34px;min-height:0;padding:53px 0 65px}body[data-page="landing"] .edition-landing h1{font-size:3.3rem}body[data-page="landing"] .edition-specimen-copy{margin-inline:12px;padding:21px}.edition-traits{gap:6px}.edition-traits span{font-size:.65rem;padding:6px 9px}body[data-page="catalog"] .edition-catalog-hero{gap:20px;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr)}body[data-page="catalog"] .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body[data-page="landing"] .commerce-header,body[data-page="catalog"] .commerce-header{position:relative;min-height:0;padding:19px 20px;align-items:center;gap:18px}body[data-page="landing"] .studio,body[data-page="catalog"] .studio{font-size:1.25rem}body[data-page="landing"] .commerce-header nav,body[data-page="catalog"] .commerce-header nav{gap:4px;flex-wrap:wrap}body[data-page="landing"] .commerce-header nav>a,body[data-page="catalog"] .commerce-header nav>a{font-size:.67rem;min-height:39px;padding:8px 9px}body[data-page="landing"] .commerce-header nav>a[data-login-link],body[data-page="catalog"] .commerce-header nav>a[data-login-link]{padding-inline:11px}body[data-page="landing"] .course-shell main{padding-inline:21px}body[data-page="landing"] .edition-landing{display:flex;flex-direction:column;align-items:stretch;gap:29px;padding:36px 0 48px}body[data-page="landing"] .edition-landing h1{font-size:clamp(2.4rem,8.5vw,3.7rem);max-width:14ch;margin-top:18px;margin-bottom:22px}body[data-page="landing"] .edition-landing .eyebrow{font-size:.57rem;letter-spacing:.11em;margin-bottom:18px}body[data-page="landing"] .edition-landing .lede{font-size:.97rem;line-height:1.85}body[data-page="landing"] .edition-landing>div:first-child>p:not(.eyebrow):not(.lede):not(.status-note){font-size:.77rem;line-height:1.85}.edition-traits{margin-top:22px;margin-bottom:23px;gap:6px}.edition-traits span{padding:6px 9px;font-size:.65rem}body[data-page="landing"] .edition-landing .button{min-height:48px;padding:11px 14px;font-size:.79rem}body[data-page="landing"] .edition-landing .actions{margin-top:24px;margin-bottom:17px;gap:9px}body[data-page="landing"] .edition-specimen{margin:0}.edition-scene{border-radius:15px;box-shadow:0 20px 35px rgb(var(--shadow-rgb)/.1)}.edition-specimen-copy{margin:-20px 12px 0;padding:20px 21px}body[data-page="landing"] .edition-specimen-copy .specimen-head{font-size:.56rem;line-height:1.9}body[data-page="landing"] .edition-specimen-copy dl{grid-template-columns:35px minmax(0,1fr);gap:10px}body[data-page="landing"] .edition-specimen-copy dd{font-size:.75rem}body[data-page="landing"] .edition-specimen-copy blockquote{font-size:1.17rem}body[data-page="landing"] .edition-specimen-copy .window-bar{margin:-20px -21px 17px;font-size:.47rem;gap:6px}body[data-page="landing"] .edition-specimen-copy .lab-states{grid-template-columns:90px minmax(0,1fr);gap:11px}body[data-page="landing"] .edition-specimen-copy .lab-states b{font-size:.7rem}body[data-page="landing"] .edition-specimen-copy .lab-states span{font-size:.55rem}body[data-page="landing"] .section{padding:43px 0}body[data-page="landing"] .curriculum-list li{font-size:.83rem;gap:14px;padding-top:17px;padding-bottom:17px}body[data-page="landing"] .curriculum-list span{width:31px;min-height:32px;font-size:1rem}body[data-page="landing"] .curriculum-list li:after{font-size:1rem;padding-left:5px}body[data-page="landing"] .access-grid>div,body[data-page="landing"] .access-grid>article{padding:25px}body[data-page="landing"] .marketing-guide video{border-width:4px;border-radius:7px}body[data-page="catalog"] .catalog-page{padding-inline:21px}body[data-page="catalog"] .edition-catalog-hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:37px 0 32px}body[data-page="catalog"] .edition-catalog-copy h1{font-size:2.8rem;max-width:14ch}body[data-page="catalog"] .edition-catalog-copy .lede{font-size:.92rem}.edition-library{max-width:370px;width:100%;margin:-7px auto -3px;transform:none}.edition-library svg{max-height:310px}body[data-page="catalog"] .catalog-grid{grid-template-columns:1fr;padding-top:0;gap:26px;padding-bottom:42px}.edition-cover{margin-bottom:23px}body[data-page="catalog"] .edition-course>h2{font-size:1.6rem}body[data-page="catalog"] .edition-course>p:not(.eyebrow){font-size:.9rem}body[data-page="catalog"] .edition-course>.button{min-height:46px;font-size:.8rem}body[data-page="landing"] .commerce-footer,body[data-page="catalog"] .commerce-footer{padding:27px 21px;font-size:.73rem}body[data-page="landing"] .commerce-footer nav,body[data-page="catalog"] .commerce-footer nav{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.edition-float,.edition-flow{animation:none!important}.edition-float{translate:none!important}body[data-page="landing"] .curriculum-list li,body[data-page="catalog"] .edition-cover svg{transition:none}body[data-page="catalog"] .edition-course:hover .edition-cover svg{transform:none}}
@media print{.edition-scene,.edition-cover,.edition-library,.edition-traits{display:none!important}.edition-specimen-copy{margin:0;box-shadow:none!important;transform:none!important}body[data-page="landing"] .commerce-header{position:static}body[data-page="catalog"] .edition-course{break-inside:avoid}}
/* END PRACTICAL PREMIUM 2026-11-06 */