:root {
  --ink:#17253b;
  --cream:#f6f0e5;
  --paper:#fffdf8;
  --line:#d8d1c3;
  --green:#2e6080;
  --green-bg:#deebf2;
  --amber:#8c5a12;
  --amber-bg:#f4e5bd;
  --red:#91453f;
  --red-bg:#f3dfd9;
  --shadow:0 24px 70px rgba(23,37,59,.14);
}
* { box-sizing:border-box; }
html { color-scheme:light; }
body { margin:0; min-height:100vh; color:var(--ink); background:radial-gradient(circle at 8% 4%,rgba(46,96,128,.09),transparent 28rem),radial-gradient(circle at 92% 12%,rgba(177,119,29,.08),transparent 24rem),var(--cream); font-family:"DM Sans",sans-serif; }
button { font:inherit; }
.grain { position:fixed; inset:0; pointer-events:none; opacity:.3; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E"); }
.topbar { height:76px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(22px,5vw,72px); border-bottom:1px solid rgba(23,37,59,.14); position:relative; }
.brand { display:flex; align-items:center; gap:11px; color:var(--ink); text-decoration:none; font-family:"Fraunces",serif; font-size:23px; font-weight:700; }
.brand-mark { width:29px; height:29px; position:relative; display:block; }
.brand-mark i { position:absolute; width:19px; height:14px; border:1.5px solid var(--ink); border-radius:3px; background:var(--cream); transform:rotate(-7deg); }
.brand-mark i:nth-child(1){left:1px;top:10px}.brand-mark i:nth-child(2){left:5px;top:6px}.brand-mark i:nth-child(3){left:9px;top:2px;background:var(--green-bg)}
.top-actions { display:flex; gap:9px; }
.quiet-btn,.undo-btn { border:0; color:#5d625f; background:transparent; border-radius:10px; padding:10px 13px; cursor:pointer; font-weight:600; }
.quiet-btn:hover,.undo-btn:hover:not(:disabled){background:rgba(255,255,255,.6);color:var(--ink)}
main { max-width:1180px; margin:0 auto; padding:48px 28px 56px; }
.intro { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:37px; }
.eyebrow,.category { margin:0 0 8px; font-size:11px; font-weight:700; letter-spacing:.17em; color:#76776f; }
h1,h2 { font-family:"Fraunces",serif; }
h1 { font-size:clamp(40px,5vw,65px); line-height:1; margin:0 0 14px; letter-spacing:-.035em; }
.subtitle { margin:0; color:#64675f; font-size:15px; }
kbd { display:inline-grid; place-items:center; min-width:22px; height:22px; padding:0 5px; margin:0 2px; border:1px solid #c8c2b7; border-bottom-width:2px; border-radius:5px; background:rgba(255,255,255,.55); font:600 11px "DM Sans"; color:#555a55; }
.progress-wrap { width:min(330px,34vw); padding-bottom:5px; }
.progress-copy { display:flex; justify-content:space-between; margin-bottom:9px; font-size:12px; color:#696d67; }
.progress-copy strong { color:var(--ink); }
.progress-track { height:5px; background:#ddd7cc; border-radius:10px; overflow:hidden; }
.progress-track span { display:block; width:0; height:100%; background:var(--green); border-radius:10px; transition:width .35s ease; }
.save-status { display:flex; align-items:center; justify-content:flex-end; gap:7px; width:100%; margin-top:9px; padding:0; border:0; color:#74776f; background:transparent; font:600 11px "DM Sans",sans-serif; cursor:default; }
.save-status-icon { display:inline-grid; place-items:center; width:17px; height:17px; border-radius:50%; color:#fff; background:#8a8d85; font-size:10px; }
.save-status[data-state="saving"] .save-status-icon { animation:save-spin .8s linear infinite; }
.save-status[data-state="saved"] { color:var(--green); }
.save-status[data-state="saved"] .save-status-icon { background:var(--green); }
.save-status[data-state="error"] { color:var(--red); cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.save-status[data-state="error"] .save-status-icon { background:var(--red); }
.save-status:focus-visible { outline:2px solid var(--green); outline-offset:4px; }
@keyframes save-spin { to { transform:rotate(360deg); } }
.exercise-instructions { margin:0 0 34px; overflow:hidden; border:1px solid var(--line); border-radius:16px; background:rgba(255,253,248,.82); box-shadow:0 10px 30px rgba(23,37,59,.05); }
.exercise-instructions summary { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:18px 22px; cursor:pointer; list-style:none; }
.exercise-instructions summary::-webkit-details-marker { display:none; }
.exercise-instructions summary:focus-visible { outline:3px solid rgba(46,96,128,.22); outline-offset:-3px; }
.instructions-summary-copy { display:flex; align-items:baseline; gap:14px; min-width:0; }
.instructions-summary-copy .eyebrow { margin:0; color:var(--green); white-space:nowrap; }
.instructions-summary-copy strong { font:700 19px "Fraunces",serif; }
.instructions-toggle { display:inline-flex; align-items:center; gap:7px; color:var(--green); font-size:11px; font-weight:700; white-space:nowrap; }
.instructions-toggle::before { content:"Show instructions"; }
.exercise-instructions[open] .instructions-toggle::before { content:"Hide instructions"; }
.instructions-toggle::after { content:"↓"; transition:transform .2s ease; }
.exercise-instructions[open] .instructions-toggle::after { transform:rotate(180deg); }
.instructions-body { padding:0 22px 22px; border-top:1px solid var(--line); }
.instruction-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin:0; padding:20px 0 18px; list-style:none; }
.instruction-steps li { min-width:0; padding:0 16px; border-left:1px solid #e5ded3; }
.instruction-steps li:first-child { padding-left:0; border-left:0; }
.instruction-number { display:block; margin-bottom:8px; color:var(--green); font:700 11px "Fraunces",serif; }
.instruction-steps strong { display:block; margin-bottom:5px; font-size:13px; }
.instruction-steps p { margin:0; color:#6b6f68; font-size:11px; line-height:1.55; }
.instruction-outcome { margin:0; padding:12px 14px; border-left:3px solid var(--green); border-radius:0 9px 9px 0; color:#5e6962; background:var(--green-bg); font-size:12px; line-height:1.55; }
.instruction-outcome strong { color:var(--green); }
.workspace { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:50px; align-items:center; }
.deck-zone { min-width:0; }
.deck-stage { position:relative; width:min(100%,650px); height:435px; margin:0 auto; }
.back-card,.flash-card,.complete-card { position:absolute; inset:0; border:1px solid #d2cabd; border-radius:18px; background:var(--paper); box-shadow:var(--shadow); }
.back-card { transform-origin:center bottom; }
.back-two { transform:rotate(3.2deg) translate(7px,1px); background:#e7dfd2; }
.back-one { transform:rotate(-2deg) translate(-3px,0); background:#f2eadf; }
.flash-card { display:flex; flex-direction:column; padding:28px 31px 22px; z-index:3; cursor:grab; transition:transform .2s, opacity .2s, box-shadow .2s; }
.flash-card:active { cursor:grabbing; }
.flash-card.dragging { opacity:.74; transform:scale(.98) rotate(1deg); box-shadow:0 36px 85px rgba(52,48,39,.22); }
.flash-card.sorting-left { transform:translateX(-100px) rotate(-8deg); opacity:0; }
.flash-card.sorting-up { transform:translateY(-80px) scale(.92); opacity:0; }
.flash-card.sorting-right { transform:translateX(100px) rotate(8deg); opacity:0; }
.card-topline,.card-footer { display:flex; justify-content:space-between; align-items:center; color:#8a8981; font-size:10px; font-weight:700; letter-spacing:.13em; }
.drag-hint { display:flex; gap:7px; align-items:center; }
.drag-hint span { font-size:17px; letter-spacing:0; }
.card-content { display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:13px 40px; }
.category { color:var(--green); }
.card-content h2 { font-size:clamp(29px,3.2vw,42px); max-width:540px; line-height:1.15; margin:7px 0 25px; letter-spacing:-.025em; }
.reveal-btn { border:0; background:transparent; color:#6e716d; font-size:13px; text-decoration:underline; text-underline-offset:4px; cursor:pointer; padding:6px; }
.answer { color:var(--green); font-family:"Fraunces",serif; font-size:22px; font-weight:600; animation:fade .2s ease; }
@keyframes fade { from{opacity:0;transform:translateY(5px)} }
.card-footer { border-top:1px solid #e4ded4; padding-top:18px; letter-spacing:.04em; font-weight:500; }
.dot { width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;margin-right:7px; }
.undo-btn { display:block; margin:23px auto 0; color:#666b65; }
.undo-btn:disabled { opacity:.35;cursor:not-allowed; }
.piles { display:flex; flex-direction:column; gap:15px; }
.pile { min-height:112px; width:100%; position:relative; border:1px solid; border-radius:15px; text-align:left; overflow:hidden; transition:transform .18s,box-shadow .18s; }
.pile-sort { width:100%; min-height:78px; display:grid; grid-template-columns:47px 1fr 34px; align-items:center; gap:13px; padding:15px 20px 8px; border:0; color:inherit; background:transparent; text-align:left; cursor:pointer; }
.pile-sort:focus-visible,.pile-view:focus-visible { outline:3px solid rgba(23,37,59,.28); outline-offset:-3px; }
.pile:hover,.pile.drag-over { transform:translateX(-5px); box-shadow:0 13px 30px rgba(52,48,39,.1); }
.pile.drag-over { outline:3px solid rgba(23,37,59,.18); }
.pile-learning { color:var(--red); background:var(--red-bg); border-color:#ddbdb5; }
.pile-unsure { color:var(--amber); background:var(--amber-bg); border-color:#dfc994; }
.pile-known { color:var(--green); background:var(--green-bg); border-color:#b6cbd8; }
.pile-icon { width:42px;height:42px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font:500 22px "Fraunces"; }
.pile-copy { display:flex; flex-direction:column; gap:3px; }
.pile-copy strong { color:var(--ink); font-size:15px; }
.pile-copy small { color:#6f716b; font-size:12px; }
.pile-count { display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.55);font-weight:700;font-size:13px; }
.pile-key { position:absolute; top:8px; right:9px; font-size:9px; opacity:.6; }
.pile-view { display:flex; align-items:center; gap:5px; margin:0 0 9px 80px; padding:2px 0; border:0; color:currentColor; background:transparent; font-size:11px; font-weight:700; cursor:pointer; }
.pile-view:hover { text-decoration:underline; text-underline-offset:3px; }
.confirm-values { position:absolute; right:15px; bottom:8px; border:0; border-radius:7px; padding:5px 8px; color:#fff; background:var(--green); font-size:10px; font-weight:700; cursor:pointer; }
.confirm-values:hover:not(:disabled) { background:#244c66; }
.confirm-values:disabled { opacity:.4; cursor:not-allowed; }
.complete-card { z-index:4; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:40px; }
.complete-card[hidden]{display:none}.complete-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--green-bg);color:var(--green);font-size:27px;margin-bottom:20px}.complete-card h2{font-size:42px;margin:3px 0 8px}.complete-card p:not(.eyebrow){color:#686b65;margin:0 0 25px}.primary-btn{border:0;border-radius:10px;background:var(--ink);color:white;padding:13px 18px;cursor:pointer;font-weight:700}
dialog { width:min(760px,calc(100vw - 30px)); max-height:86vh; border:1px solid var(--line); border-radius:20px; padding:25px; background:var(--paper); box-shadow:var(--shadow); color:var(--ink); }
dialog::backdrop { background:rgba(29,33,30,.35);backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:18px}.modal-head h2{margin:0;font-size:32px}.close-btn{border:0;background:#eee9df;width:34px;height:34px;border-radius:50%;font-size:20px;cursor:pointer}.review-list{display:grid;gap:10px;margin-top:17px;overflow:auto}.review-item{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px;border:1px solid var(--line);border-radius:11px}.review-copy{min-width:0}.review-item strong{display:block;margin-bottom:5px}.review-item span{font-size:13px;color:#6c706a}.move-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.move-actions small{color:#85877f;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.move-actions button{border:1px solid var(--line);border-radius:8px;padding:7px 10px;color:var(--ink);background:#f5f1e9;cursor:pointer;font-size:11px;font-weight:700}.move-actions button:hover{border-color:var(--green);background:var(--green-bg)}.empty{padding:35px;text-align:center;color:#777}
.review-organizer { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:18px; align-items:end; margin:18px 0 4px; padding:16px; border-radius:12px; background:#f2eee6; }
.review-organizer>div { display:grid; gap:3px; }
.review-organizer strong { font-size:13px; }
.review-organizer span { color:#70736c; font-size:11px; line-height:1.45; }
.group-form { display:flex; gap:7px; }
.group-form input { width:190px; border:1px solid var(--line); border-radius:8px; padding:9px 10px; background:#fff; font:inherit; font-size:12px; }
.group-form button,.group-action { border:1px solid #b6cbd8; border-radius:8px; padding:8px 10px; color:var(--green); background:var(--green-bg); cursor:pointer; font-size:11px; font-weight:700; }
.review-group { display:grid; gap:8px; min-height:72px; padding:12px; border:1px dashed #cec7bb; border-radius:13px; background:rgba(255,255,255,.38); }
.review-group+.review-group { margin-top:4px; }
.review-group.drag-target { border-color:var(--green); background:var(--green-bg); }
.review-group-head { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:30px; }
.review-group-title { display:flex; align-items:center; gap:8px; }
.review-group-title h3 { margin:0; font:700 17px "Fraunces",serif; }
.review-group-count { display:grid; place-items:center; min-width:24px; height:24px; padding:0 6px; border-radius:20px; color:#686b65; background:#eae5dc; font-size:10px; font-weight:700; }
.review-group-actions { display:flex; gap:5px; }
.review-group-actions button { border:0; padding:5px; color:#777a73; background:transparent; cursor:pointer; font-size:10px; font-weight:700; }
.review-group-actions button:hover { color:var(--green); text-decoration:underline; }
.review-group-empty { margin:0; padding:9px; color:#8a8c85; text-align:center; font-size:11px; }
.review-item { background:var(--paper); cursor:grab; }
.review-item.dragging { opacity:.45; }
.review-item.drag-before { border-top:3px solid var(--green); }
.review-drag { flex:0 0 auto; color:#a09e96; font-size:17px; }
.review-copy { flex:1; }
.review-card-actions { display:grid; gap:7px; flex:0 0 245px; }
.group-select { display:flex; align-items:center; gap:7px; }
.group-select span { color:#85877f; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.group-select select { min-width:0; flex:1; border:1px solid var(--line); border-radius:7px; padding:6px 8px; color:var(--ink); background:#fff; font:600 11px "DM Sans",sans-serif; }
.order-actions { display:flex; align-items:center; gap:5px; }
.order-actions small { margin-right:2px; color:#85877f; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.order-actions button { display:grid; place-items:center; width:27px; height:25px; border:1px solid var(--line); border-radius:7px; color:var(--ink); background:#fff; cursor:pointer; font-weight:700; }
.order-actions button:hover:not(:disabled) { border-color:var(--green); color:var(--green); background:var(--green-bg); }
.order-actions button:disabled { opacity:.35; cursor:not-allowed; }
.finalize-values-panel { position:sticky; bottom:-25px; display:flex; align-items:center; justify-content:space-between; gap:20px; margin:20px -25px -25px; padding:18px 25px; border-top:1px solid #b6cbd8; border-radius:0 0 20px 20px; background:var(--green-bg); box-shadow:0 -12px 30px rgba(23,37,59,.08); }
.finalize-values-panel>div { display:grid; gap:4px; }
.finalize-values-panel strong { font:700 18px "Fraunces",serif; }
.finalize-values-panel span { color:#65716a; font-size:11px; line-height:1.45; }
.finalize-values-panel .primary-btn { white-space:nowrap; }
.finalize-values-panel .primary-btn:disabled { opacity:.45; cursor:not-allowed; }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.admin-dialog { width:min(720px,calc(100vw - 30px)); }
.admin-intro { margin:18px 0; color:#676b65; font-size:14px; line-height:1.6; }
.card-editor-form { display:grid; grid-template-columns:1fr 1fr; gap:17px; }
.admin-field { display:flex; flex-direction:column; gap:7px; }
.admin-field-wide { grid-column:1/-1; }
.admin-field > span { color:#5d625d; font-size:12px; font-weight:700; }
.admin-field > small { color:#85877f; font-size:11px; }
.admin-field input,.admin-field select,.admin-field textarea { width:100%; border:1px solid var(--line); border-radius:10px; padding:11px 12px; color:var(--ink); background:#fff; font:inherit; resize:vertical; }
.admin-field input:focus,.admin-field select:focus,.admin-field textarea:focus { outline:3px solid rgba(46,96,128,.15); border-color:var(--green); }
.admin-actions { display:flex; justify-content:space-between; gap:12px; padding-top:4px; }
.secondary-btn { border:1px solid var(--line); border-radius:10px; padding:12px 16px; color:#5d625d; background:transparent; cursor:pointer; font-weight:700; }
.toast { position:fixed; left:50%; bottom:25px; z-index:10; transform:translate(-50%,20px); background:var(--ink); color:white; padding:10px 15px; border-radius:9px; font-size:13px; opacity:0; pointer-events:none; transition:.2s; }.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){main{padding-top:32px}.intro{align-items:start;flex-direction:column;gap:24px}.progress-wrap{width:100%}.instruction-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.instruction-steps li{padding:0;border-left:0}.workspace{grid-template-columns:1fr;gap:36px}.piles{display:grid;grid-template-columns:repeat(3,1fr)}.pile-sort{grid-template-columns:1fr;text-align:center;justify-items:center;padding:14px 8px 8px}.pile-count{position:absolute;top:9px;left:9px}.pile-key{right:9px}.pile-copy small{display:none}.pile-view{justify-content:center;margin:0 auto 9px}.deck-stage{height:410px}}
@media(max-width:560px){.topbar{height:64px;padding:0 16px}.quiet-btn{font-size:0;padding:9px}.quiet-btn span{font-size:20px}.top-actions{gap:2px}main{padding:28px 16px}.subtitle{line-height:1.6}.exercise-instructions summary{align-items:flex-start;padding:17px 18px}.instructions-summary-copy{display:grid;gap:6px}.instructions-body{padding:0 18px 18px}.instruction-steps{grid-template-columns:1fr}.instruction-steps li{padding:0 0 14px;border-bottom:1px solid #e5ded3}.instruction-steps li:last-child{padding-bottom:0;border-bottom:0}.deck-stage{height:390px}.flash-card{padding:22px 20px 18px}.card-content{padding:10px}.drag-hint{display:none}.swipe-note{display:none}.piles{gap:8px}.pile{min-height:100px}.pile-icon{width:37px;height:37px}.pile-copy strong{font-size:12px}.complete-card{padding:24px}.complete-card h2{font-size:34px}.card-editor-form{grid-template-columns:1fr}.admin-field-wide{grid-column:auto}.admin-actions{flex-direction:column-reverse}.admin-actions button{width:100%}}
@media(max-width:650px){.review-organizer{grid-template-columns:1fr}.group-form input{width:100%;min-width:0}.review-item{align-items:flex-start;flex-wrap:wrap}.review-copy{width:calc(100% - 32px)}.review-card-actions{width:100%;flex-basis:100%}.move-actions{width:100%}.move-actions button{flex:1}}
@media(max-width:650px){.finalize-values-panel{position:static;align-items:stretch;flex-direction:column;margin:20px -25px -25px}.finalize-values-panel .primary-btn{width:100%}}
@media(max-width:850px){.confirm-values{position:static;display:block;margin:0 auto 9px}.pile-known{padding-bottom:2px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Cover page */
.cover-page { background:radial-gradient(circle at 8% 4%,rgba(46,96,128,.09),transparent 28rem),radial-gradient(circle at 92% 12%,rgba(177,119,29,.08),transparent 24rem),var(--cream); }
.cover-topbar { position:relative; z-index:2; }
.cover-nav { display:flex; align-items:center; gap:26px; }
.cover-nav a { color:#71746e; text-decoration:none; font-size:13px; font-weight:600; }
.cover-nav a:hover,.cover-nav a.active { color:var(--ink); }
.cover-main { max-width:1180px; padding-top:80px; }
.cover-hero { max-width:900px; padding-bottom:90px; }
.cover-hero h1 { max-width:820px; font-size:clamp(58px,8vw,105px); line-height:.92; margin:12px 0 28px; }
.cover-lead { max-width:640px; margin:0 0 34px; color:#626760; font-size:18px; line-height:1.7; }
.cover-primary { display:inline-flex; align-items:center; gap:18px; border-radius:11px; padding:15px 20px; color:#fff; background:var(--ink); text-decoration:none; font-size:14px; font-weight:700; }
.cover-primary:hover { background:var(--green); }
.cover-actions { display:flex; flex-wrap:wrap; gap:12px; }
.cover-secondary { display:inline-flex; align-items:center; gap:18px; border:1px solid #bbb7ad; border-radius:11px; padding:14px 20px; color:var(--ink); background:rgba(255,255,255,.35); text-decoration:none; font-size:14px; font-weight:700; }
.cover-secondary:hover { border-color:var(--green); color:var(--green); background:var(--green-bg); }
.page-library { padding:50px 0 80px; border-top:1px solid var(--line); }
.library-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:27px; }
.library-heading h2 { margin:0; font-size:clamp(32px,4vw,48px); }
.library-count { color:#777b74; font-size:12px; }
.page-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr); gap:22px; }
.page-card { min-height:340px; border:1px solid var(--line); border-radius:20px; background:var(--paper); box-shadow:0 18px 45px rgba(52,48,39,.08); }
.page-card-featured { position:relative; display:grid; grid-template-columns:240px 1fr; gap:34px; padding:32px; color:var(--ink); text-decoration:none; overflow:hidden; }
.page-card-featured:hover { border-color:#a9b9af; transform:translateY(-3px); transition:.2s; }
.page-card-number { position:absolute; top:18px; right:20px; color:#99988f; font-size:11px; font-weight:700; }
.page-card-art { display:flex; flex-direction:column; justify-content:center; gap:10px; }
.page-card-art i { display:flex; align-items:center; height:66px; padding:0 20px; border:1px solid; border-radius:12px; font:600 19px "Fraunces",serif; transform:rotate(-2deg); }
.page-card-art i:nth-child(1){color:var(--red);background:var(--red-bg);border-color:#ddbdb5}.page-card-art i:nth-child(2){color:var(--amber);background:var(--amber-bg);border-color:#dfc994;transform:rotate(1deg)}.page-card-art i:nth-child(3){color:var(--green);background:var(--green-bg);border-color:#b6cbd8;transform:rotate(-1deg)}
.page-card-copy { display:flex; flex-direction:column; justify-content:center; }
.page-card-copy h3,.page-card-empty h3 { margin:5px 0 13px; font:700 32px/1.08 "Fraunces",serif; }
.page-card-copy > p:not(.eyebrow),.page-card-empty p { margin:0; color:#696d66; font-size:14px; line-height:1.7; }
.page-card-link { margin-top:26px; color:var(--green); font-size:13px; font-weight:700; }
.page-card-link b { margin-left:8px; }
.page-card-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:32px; text-align:center; border-style:dashed; background:rgba(255,253,248,.45); box-shadow:none; }
.plus-mark { display:grid; place-items:center; width:48px; height:48px; margin-bottom:12px; border:1px solid var(--line); border-radius:50%; color:#8b8c84; font-size:24px; }
.page-card-empty h3 { font-size:24px; }
.journey-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.journey-card { position:relative; display:flex; min-height:300px; flex-direction:column; padding:29px; border:1px solid var(--line); border-radius:18px; color:var(--ink); background:var(--paper); box-shadow:0 14px 38px rgba(52,48,39,.07); text-decoration:none; }
.journey-card:hover { border-color:#a9b9af; transform:translateY(-3px); transition:.2s; }
.journey-number { display:grid; place-items:center; width:42px; height:42px; margin-bottom:32px; border-radius:50%; color:var(--green); background:var(--green-bg); font:700 12px "Fraunces",serif; }
.journey-card h3 { margin:4px 0 11px; font:700 28px/1.08 "Fraunces",serif; }
.journey-card > p:not(.eyebrow) { margin:0 0 25px; color:#696d66; font-size:14px; line-height:1.65; }
.journey-card > span:last-child { margin-top:auto; color:var(--green); font-size:12px; font-weight:700; }
.journey-card > span:last-child b { margin-left:7px; }
.journey-card-values { border-color:#b6cbd8; background:linear-gradient(145deg,var(--paper),var(--green-bg)); }
.journey-card-stage { border-top:4px solid var(--green); }
.stage-main { max-width:1000px; margin:0 auto; padding:46px 28px 90px; }
.header-home-link { color:#6d716a; text-decoration:none; font-size:12px; font-weight:700; }
.header-home-link:hover { color:var(--green); }
.stage-hero { padding:56px 0 68px; }
.stage-letter { display:grid; place-items:center; width:88px; height:88px; margin-bottom:32px; border-radius:50%; color:var(--green); background:var(--green-bg); font:700 34px "Fraunces",serif; }
.stage-hero h1 { max-width:900px; font-size:clamp(48px,7vw,82px); line-height:1.02; }
.stage-statement { max-width:780px; margin:0; color:#626760; font-size:clamp(20px,2.6vw,28px); line-height:1.55; }
.module-meta { display:flex; flex-wrap:wrap; gap:9px; margin-top:26px; }
.module-meta span { padding:8px 11px; border:1px solid var(--line); border-radius:30px; color:#5f6a63; background:rgba(255,253,248,.62); font-size:11px; font-weight:700; }
.facilitation-section { margin-bottom:24px; padding:34px; border:1px solid var(--line); border-radius:18px; background:var(--paper); box-shadow:0 14px 38px rgba(52,48,39,.07); }
.facilitation-heading { margin-bottom:25px; }
.facilitation-heading h2 { margin:4px 0 0; font-size:clamp(30px,4vw,44px); }
.facilitation-heading > p:last-of-type { max-width:700px; margin:11px 0 0; color:#696d66; font-size:14px; line-height:1.65; }
.module-progress { display:grid; grid-template-columns:auto minmax(150px,1fr); align-items:center; gap:14px; margin-top:22px; padding-top:18px; border-top:1px solid var(--line); color:#68716b; font-size:11px; font-weight:600; }
.module-progress span b { color:var(--green); }
.module-progress > i { display:block; height:5px; overflow:hidden; border-radius:10px; background:#e3ddd2; }
.module-progress > i > b { display:block; height:100%; border-radius:inherit; background:var(--green); transition:width .25s ease; }
.facilitation-list { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:0; padding:0; list-style:none; }
.facilitation-list li { border:1px solid var(--line); border-radius:13px; background:#faf7f0; overflow:hidden; }
.facilitation-list details { height:100%; }
.facilitation-list summary { display:grid; grid-template-columns:42px 1fr 25px; gap:15px; min-height:100%; padding:21px; cursor:pointer; list-style:none; }
.facilitation-list summary::-webkit-details-marker { display:none; }
.facilitation-list summary:hover { background:#f4efe5; }
.facilitation-list summary > span { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; color:var(--green); background:var(--green-bg); font:700 11px "Fraunces",serif; }
.facilitation-list summary > b { align-self:center; color:var(--green); font-size:24px; font-weight:400; transition:transform .2s; }
.facilitation-list summary > b::after { content:"→"; }
.facilitation-list summary > b { font-size:0; }
.facilitation-list summary > b::after { font-size:20px; }
.facilitation-list details[open] summary > b { transform:rotate(45deg); }
.facilitation-list h3 { margin:2px 0 7px; font:700 21px "Fraunces",serif; }
.facilitation-list summary p { margin:0; color:#696d66; font-size:13px; line-height:1.65; }
.facilitation-list .lesson-status { display:block; margin-top:12px; color:var(--green); font-size:10px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.facilitation-list .lesson-status.complete { color:#2f7257; }
.discussion-detail { padding:22px 24px 25px; border-top:1px solid var(--line); background:var(--paper); }
.discussion-detail h4 { margin:0 0 7px; color:var(--green); font-size:11px; letter-spacing:.1em; text-transform:uppercase; }
.discussion-detail p { margin:0 0 18px; color:#626760; font-size:13px; line-height:1.7; }
.discussion-detail ul { margin:0 0 20px; padding-left:20px; color:#555b56; font-size:13px; line-height:1.7; }
.discussion-detail .discussion-close { margin:0; padding:13px 15px; border-left:3px solid var(--green); background:var(--green-bg); color:#294f69; }
.facilitator-content-editor { margin-top:22px; padding-top:20px; border-top:1px solid var(--line); }
.facilitator-content-editor label { display:block; margin-bottom:8px; color:var(--ink); font-size:12px; font-weight:700; }
.facilitator-content-editor textarea { width:100%; min-height:120px; border:1px solid var(--line); border-radius:10px; padding:12px 13px; color:var(--ink); background:#fff; font:13px/1.65 "DM Sans",sans-serif; resize:vertical; }
.facilitator-content-editor textarea:focus { outline:3px solid rgba(46,96,128,.14); border-color:var(--green); }
.facilitator-content-editor small { display:block; margin-top:6px; color:#898b85; font-size:10px; text-align:right; }
.discussion-main { max-width:900px; margin:0 auto; padding:46px 28px 90px; }
.discussion-back { margin-bottom:45px; }
.download-document-button { float:right; margin-top:-70px; border:1px solid var(--line); border-radius:10px; padding:11px 15px; color:var(--green); background:var(--paper); cursor:pointer; font-size:12px; font-weight:700; }
.download-document-button:hover { border-color:var(--green); background:var(--green-bg); }
.discussion-hero { padding-bottom:42px; border-bottom:1px solid var(--line); }
.discussion-identity { display:flex; align-items:center; gap:14px; margin-bottom:25px; }
.discussion-identity > span { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; color:var(--green); background:var(--green-bg); font:700 12px "Fraunces",serif; }
.discussion-identity .eyebrow { margin:0; color:var(--green); }
.discussion-hero h1 { max-width:780px; margin-bottom:18px; font-size:clamp(48px,7vw,78px); }
.discussion-hero > p { max-width:720px; margin:0; color:#626760; font-size:20px; line-height:1.65; }
.discussion-page-content { padding:44px 0 22px; }
.discussion-page-content h4 { margin:0 0 10px; color:var(--green); font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
.discussion-page-content p,.discussion-page-content li { color:#5f645e; font-size:16px; line-height:1.8; }
.discussion-page-content > p { margin:0 0 28px; }
.discussion-page-content ul,.discussion-page-content ol { margin:0 0 32px; padding-left:24px; }
.discussion-page-content ol li { padding-left:7px; }
.discussion-page-content .discussion-close { padding:20px 22px; border-left:4px solid var(--green); border-radius:0 10px 10px 0; background:var(--green-bg); color:#294f69; }
.key-scripture { margin:34px 0; padding:25px 27px; border:1px solid #b6cbd8; border-radius:14px; background:var(--green-bg); }
.key-scripture h4 { color:var(--green); }
.key-scripture p:last-child { margin-bottom:0; }
.key-scripture small { display:block; margin-top:15px; color:#64766c; font-size:10px; }
.scripture-link { display:inline-flex; align-items:center; gap:5px; color:var(--green); font-weight:700; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
.scripture-link:hover { color:#244c66; }
.scripture-link span { font-size:10px; text-decoration:none; }
.facilitator-page-editor { margin-top:24px; padding:30px; border:1px solid var(--line); border-radius:18px; background:var(--paper); box-shadow:0 14px 38px rgba(52,48,39,.07); }
.facilitator-page-editor h2 { margin:4px 0 8px; font-size:32px; }
.facilitator-page-editor > div > p:last-child { margin:0 0 20px; color:#696d66; }
.facilitator-page-editor textarea { width:100%; min-height:180px; border:1px solid var(--line); border-radius:11px; padding:14px; color:var(--ink); background:#fff; font:15px/1.7 "DM Sans",sans-serif; resize:vertical; }
.facilitator-page-editor textarea:focus { outline:3px solid rgba(46,96,128,.14); border-color:var(--green); }
.facilitator-page-editor small { display:block; margin-top:7px; color:#898b85; font-size:10px; text-align:right; }
.discussion-navigation { display:flex; justify-content:space-between; gap:20px; margin-top:26px; }
.discussion-navigation a { color:var(--green); font-size:13px; font-weight:700; text-decoration:none; }
.lesson-journal { margin:24px 0 10px; padding:30px; border:1px solid #b6cbd8; border-radius:18px; background:linear-gradient(145deg,var(--paper),var(--green-bg)); box-shadow:0 14px 38px rgba(52,48,39,.07); }
.lesson-journal[hidden] { display:none; }
.lesson-journal-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin-bottom:24px; }
.lesson-journal-heading h2 { margin:4px 0 0; font-size:clamp(28px,4vw,38px); }
.lesson-journal-heading > span { flex:0 0 auto; padding:7px 10px; border-radius:20px; color:var(--green); background:rgba(255,255,255,.62); font-size:10px; font-weight:700; }
.lesson-journal label { display:grid; gap:8px; margin-top:17px; }
.lesson-journal label > span { color:var(--ink); font-size:12px; font-weight:700; }
.lesson-journal textarea { width:100%; border:1px solid #b8c9d4; border-radius:11px; padding:13px 14px; color:var(--ink); background:rgba(255,255,255,.85); font:14px/1.65 "DM Sans",sans-serif; resize:vertical; }
.lesson-journal textarea:focus { outline:3px solid rgba(46,96,128,.15); border-color:var(--green); }
.lesson-journal-actions { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:18px; }
.lesson-journal-actions > span { color:#64716a; font-size:10px; font-weight:600; }
.lesson-journal-actions button { display:inline-flex; align-items:center; gap:8px; border:1px solid var(--green); border-radius:9px; padding:10px 13px; color:var(--green); background:#fff; cursor:pointer; font-size:11px; font-weight:700; }
.lesson-journal-actions button.completed { color:#fff; background:var(--green); }
@media(max-width:600px){.module-progress{grid-template-columns:1fr}.lesson-journal{padding:23px 18px}.lesson-journal-heading,.lesson-journal-actions{align-items:stretch;flex-direction:column}.lesson-journal-heading>span{align-self:flex-start}.lesson-journal-actions button{justify-content:center}}
@media(max-width:600px){.download-document-button{float:none;margin:-20px 0 32px}.discussion-back{margin-bottom:35px}}
.facilitator-display { margin-top:24px; padding:32px; border:1px solid #b6cbd8; border-radius:18px; background:linear-gradient(145deg,var(--paper),var(--green-bg)); box-shadow:0 14px 38px rgba(52,48,39,.07); }
.facilitator-display[hidden] { display:none; }
.facilitator-display h2 { margin:4px 0 18px; font-size:clamp(28px,4vw,40px); }
.facilitator-display h3 { margin:24px 0 9px; font:700 21px "Fraunces",serif; }
.facilitator-display p,.facilitator-display li { color:#4f5e55; font-size:15px; line-height:1.75; }
.facilitator-display ul { margin:0; padding-left:22px; }
.facilitator-takeaway { margin:26px 0 0!important; padding:16px 18px; border-left:4px solid var(--green); background:rgba(255,255,255,.58); color:#294f69!important; font-weight:700; }
.admin-preview-link { align-self:center; text-decoration:none; }
.stage-action { display:flex; justify-content:space-between; align-items:center; gap:28px; padding:34px; border:1px solid var(--line); border-radius:18px; background:var(--paper); box-shadow:0 14px 38px rgba(52,48,39,.07); }
.stage-action h2 { margin:4px 0 10px; font-size:clamp(27px,3vw,38px); }
.stage-action p:not(.eyebrow) { max-width:610px; margin:0; color:#696d66; line-height:1.7; }
.stage-action + .stage-action { margin-top:16px; }
.stage-action-secondary { background:rgba(255,253,248,.55); box-shadow:none; }
@media(max-width:700px){.stage-action{align-items:flex-start;flex-direction:column}.stage-hero{padding-top:38px}.facilitation-list{grid-template-columns:1fr}.facilitation-section{padding:24px}}
.cover-footer { display:flex; justify-content:space-between; gap:20px; max-width:1180px; margin:0 auto; padding:25px 28px 40px; border-top:1px solid var(--line); color:#7a7d77; font-size:12px; }
@media(max-width:780px){.cover-nav a:first-child{display:none}.cover-main{padding-top:52px}.cover-hero{padding-bottom:65px}.cover-hero h1{font-size:clamp(52px,15vw,80px)}.page-grid{grid-template-columns:1fr}.page-card-featured{grid-template-columns:1fr}.page-card-art{display:grid;grid-template-columns:repeat(3,1fr)}.page-card-art i{height:58px;padding:0;justify-content:center}.page-card-empty{min-height:230px}}
@media(max-width:500px){.cover-nav{display:none}.page-card-featured{padding:24px}.page-card-art{gap:6px}.page-card-art i{font-size:15px}.cover-footer{flex-direction:column}}
@media(max-width:850px){.journey-grid{grid-template-columns:1fr}.journey-card{min-height:230px}.journey-number{margin-bottom:22px}}

/* Pre-work page */
.prework-main { max-width:1000px; margin:0 auto; padding:46px 28px 80px; }
.back-link { display:inline-flex; gap:8px; margin-bottom:60px; color:#6d716a; text-decoration:none; font-size:12px; font-weight:700; }
.back-link:hover { color:var(--green); }
.prework-hero { max-width:760px; margin-bottom:50px; }
.prework-hero h1 { margin:8px 0 20px; font-size:clamp(62px,9vw,110px); }
.prework-hero > p:last-child { max-width:650px; margin:0; color:#626760; font-size:18px; line-height:1.7; }
.prework-steps { display:grid; gap:14px; }
.prework-card { position:relative; padding:34px 70px 34px 34px; border:1px solid var(--line); border-radius:18px; background:var(--paper); box-shadow:0 14px 38px rgba(52,48,39,.07); }
.prework-card > span { position:absolute; top:25px; right:27px; color:#aaa89f; font:600 13px "Fraunces",serif; }
.prework-card h2 { margin:5px 0 10px; font-size:clamp(25px,3vw,34px); }
.prework-card > p:not(.eyebrow) { max-width:760px; margin:0; color:#696d66; line-height:1.7; }
.prework-card-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:20px; }
.prework-card .scripture-button { display:inline-flex; align-items:center; gap:10px; border:1px solid #b6cbd8; border-radius:10px; padding:11px 15px; color:var(--green); background:var(--green-bg); text-decoration:none; font-size:13px; font-weight:700; }
.prework-card .scripture-button:hover { color:#fff; background:var(--green); }
.notes-button { border:1px solid var(--line); border-radius:10px; padding:11px 15px; color:#5f645e; background:#fff; cursor:pointer; font-size:13px; font-weight:700; }
.notes-button:hover { border-color:var(--green); color:var(--green); }
.note-panel { margin-top:18px; padding-top:18px; border-top:1px solid var(--line); }
.note-panel[hidden] { display:none; }
.note-panel label { display:block; margin-bottom:8px; color:var(--ink); font-size:12px; font-weight:700; }
.note-panel textarea { width:100%; min-height:130px; border:1px solid var(--line); border-radius:11px; padding:13px; color:var(--ink); background:#fff; font:inherit; line-height:1.6; resize:vertical; }
.note-panel textarea:focus { outline:3px solid rgba(46,96,128,.14); border-color:var(--green); }
.note-panel small { display:block; margin-top:6px; color:#898b85; font-size:10px; text-align:right; }
.prework-next { display:flex; justify-content:space-between; align-items:center; gap:30px; margin-top:50px; padding:34px; border-radius:18px; color:#fff; background:var(--ink); }
.prework-next .eyebrow { color:#aab4ae; }
.prework-next h2 { max-width:560px; margin:5px 0 0; font-size:clamp(26px,3vw,38px); }
.prework-next .cover-primary { color:var(--ink); background:#fff; white-space:nowrap; }
.prework-next .cover-primary:hover { color:#fff; background:var(--green); }
@media(max-width:700px){.prework-main{padding-top:32px}.back-link{margin-bottom:42px}.prework-next{align-items:flex-start;flex-direction:column}.prework-card{padding:28px 55px 28px 24px}}

/* Course outline */
.outline-main { max-width:1000px; margin:0 auto; padding:46px 28px 90px; }
.outline-hero { max-width:880px; margin-bottom:38px; }
.outline-hero h1 { margin:8px 0 20px; font-size:clamp(55px,8vw,92px); }
.outline-subtitle { margin:0; color:var(--green); font:600 clamp(21px,3vw,31px) "Fraunces",serif; }
.course-video-section { margin-bottom:28px; padding:26px; border:1px solid var(--line); border-radius:18px; background:var(--paper); box-shadow:0 12px 34px rgba(52,48,39,.06); }
.course-video-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:18px; }
.course-video-heading h2 { margin:4px 0 0; font-size:30px; }
.video-controls { display:flex; gap:7px; }
.video-controls button { border:1px solid var(--line); border-radius:8px; padding:7px 10px; color:#696d66; background:#fff; cursor:pointer; font-size:10px; font-weight:700; }
.video-player { position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:13px; background:#171b18; }
.video-player iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.video-setup { display:grid; grid-template-columns:minmax(180px,1fr) minmax(260px,1.2fr) auto; align-items:center; gap:16px; padding:22px; border:1px dashed #c9c3b8; border-radius:13px; background:#faf7f0; }
.video-setup > div { display:flex; flex-direction:column; gap:4px; }.video-setup strong{font-size:14px}.video-setup div span{color:#747871;font-size:11px}.video-setup input{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 12px;font:inherit}.video-setup .cover-primary{border:0;cursor:pointer;white-space:nowrap}.video-error{grid-column:2/-1;margin:0;color:var(--red);font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.admin-video-link { color:var(--green); font-size:11px; font-weight:700; text-decoration:none; }
.video-playlist { display:flex; flex-wrap:wrap; gap:8px; margin-top:13px; }
.video-playlist button { display:flex; align-items:center; gap:8px; border:1px solid var(--line); border-radius:9px; padding:9px 12px; color:#656961; background:#fff; cursor:pointer; font-size:12px; font-weight:700; }
.video-playlist button span { color:#989a94; font-size:9px; }
.video-playlist button.active { border-color:var(--green); color:var(--green); background:var(--green-bg); }
.course-intro { display:grid; grid-template-columns:1fr 1fr; gap:28px; margin-bottom:70px; padding:30px; border:1px solid var(--line); border-radius:18px; background:var(--paper); }
.course-intro p { margin:0; color:#5f645d; font-size:16px; line-height:1.75; }
.objectives-heading { margin-bottom:26px; }
.objectives-heading h2 { margin:4px 0 0; font-size:clamp(38px,5vw,58px); }
.objective-list { display:grid; gap:14px; margin:0; padding:0; list-style:none; }
.objective-card { display:grid; grid-template-columns:58px minmax(0,1fr); gap:24px; padding:32px; border:1px solid var(--line); border-radius:18px; background:var(--paper); box-shadow:0 12px 34px rgba(52,48,39,.06); }
.objective-copy h3 { margin:4px 0 10px; font:700 clamp(26px,3vw,35px) "Fraunces",serif; }
.objective-copy > p:not(.eyebrow) { max-width:760px; margin:0; color:#696d66; line-height:1.7; }
.homework-callout { display:flex; align-items:center; gap:13px; margin-top:20px; padding:13px 15px; border-left:3px solid var(--amber); border-radius:0 9px 9px 0; background:var(--amber-bg); color:#6d521f; }
.homework-callout strong { font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.homework-callout a { margin-left:auto; color:#6d521f; font-size:12px; font-weight:700; white-space:nowrap; }
.tool-list { display:grid; grid-template-columns:1fr 1fr; gap:8px 24px; margin:22px 0 0; padding:0; list-style:none; }
.tool-list li { position:relative; padding-left:17px; color:#5f645d; font-size:13px; line-height:1.5; }
.tool-list li::before { content:"✓"; position:absolute; left:0; color:var(--green); font-weight:700; }
.objective-link { display:inline-flex; gap:8px; margin-top:23px; color:var(--green); text-decoration:none; font-size:13px; font-weight:700; }
.outline-next { display:flex; justify-content:space-between; align-items:center; gap:30px; margin-top:44px; padding:32px; border-radius:18px; color:#fff; background:var(--ink); }
.outline-next .eyebrow { color:#aab4ae; }
.outline-next h2 { margin:4px 0 0; font-size:clamp(27px,3vw,38px); }
.outline-next .cover-primary { color:var(--ink); background:#fff; white-space:nowrap; }
.outline-list { display:grid; gap:13px; margin:0; padding:0; list-style:none; }
.outline-item { display:grid; grid-template-columns:58px minmax(0,1fr) auto; align-items:center; gap:24px; padding:29px 30px; border:1px solid var(--line); border-radius:17px; background:var(--paper); box-shadow:0 12px 34px rgba(52,48,39,.06); }
.outline-number { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; color:var(--green); background:var(--green-bg); font:700 13px "Fraunces",serif; }
.outline-item h2 { margin:4px 0 7px; font-size:28px; }
.outline-item div > p:last-child { max-width:610px; margin:0; color:#696d66; line-height:1.6; }
.outline-item > a { display:inline-flex; gap:8px; border-radius:9px; padding:11px 14px; color:#fff; background:var(--ink); text-decoration:none; font-size:12px; font-weight:700; white-space:nowrap; }
.outline-item > a:hover { background:var(--green); }
.outline-coming { opacity:.65; box-shadow:none; }
.coming-label { border:1px solid var(--line); border-radius:20px; padding:7px 11px; color:#777a74; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; white-space:nowrap; }
@media(max-width:720px){.outline-main{padding-top:32px}.outline-item{grid-template-columns:48px 1fr;padding:24px 20px}.outline-item>a,.coming-label{grid-column:2;justify-self:start}.outline-number{width:42px;height:42px}.course-intro{grid-template-columns:1fr}.objective-card{grid-template-columns:42px 1fr;padding:24px 20px;gap:14px}.tool-list{grid-template-columns:1fr}.outline-next{align-items:flex-start;flex-direction:column}.video-setup{grid-template-columns:1fr}.video-error{grid-column:auto}.video-setup .cover-primary{justify-content:center}.course-video-heading{align-items:flex-start;flex-direction:column}}

/* Time audit */
.audit-main { max-width:1180px; margin:0 auto; padding:46px 28px 90px; }
.audit-hero { display:flex; justify-content:space-between; align-items:end; gap:40px; margin:28px 0 34px; }
.audit-hero h1 { max-width:760px; margin:6px 0 13px; font-size:clamp(50px,7vw,82px); line-height:.98; }
.audit-hero > div > p:last-child { max-width:670px; margin:0; color:#656961; font-size:18px; line-height:1.7; }
.audit-hero-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:9px; }
.audit-hero-actions .secondary-btn { white-space:nowrap; cursor:pointer; }
.audit-goal { margin-bottom:34px; padding:21px 24px; border:1px solid #e1c785; border-left:5px solid var(--amber); border-radius:0 13px 13px 0; background:var(--amber-bg); }
.audit-goal strong { display:block; margin-bottom:4px; color:var(--ink); font-size:14px; text-transform:uppercase; letter-spacing:.03em; }
.audit-goal p { margin:0; color:#645d4d; line-height:1.6; }
.audit-section-heading { margin-bottom:22px; }
.audit-section-heading h2 { margin:5px 0 7px; font-size:clamp(29px,4vw,42px); }
.audit-section-heading > p:last-child:not(.eyebrow) { max-width:760px; margin:0; color:#6d716a; line-height:1.65; }
.audit-instructions { margin-bottom:46px; }
.audit-instructions ol { display:grid; grid-template-columns:repeat(3,1fr); margin:0; padding:0; border:1px solid var(--line); border-radius:16px; overflow:hidden; list-style:none; background:var(--paper); }
.audit-instructions li { display:grid; grid-template-columns:34px 1fr; gap:12px; padding:23px; border-right:1px solid var(--line); }
.audit-instructions li:last-child { border-right:0; }
.audit-instructions li > span { color:var(--amber); font:700 14px "Fraunces",serif; }
.audit-instructions strong { display:block; margin-bottom:8px; font-size:14px; text-transform:uppercase; letter-spacing:.04em; }
.audit-instructions p { margin:0; color:#6b6f68; font-size:13px; line-height:1.55; }
.weekly-audit,.audit-reflection,.audit-framework,.audit-commitment { margin-bottom:24px; padding:30px; border:1px solid var(--line); border-radius:19px; background:var(--paper); box-shadow:0 13px 36px rgba(52,48,39,.07); }
.weekly-audit-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:24px; }
.weekly-audit-heading h2 { margin:5px 0 0; font-size:clamp(28px,4vw,39px); }
.audit-save-state { display:flex; align-items:center; gap:14px; color:#747871; font-size:11px; white-space:nowrap; }
.weekly-audit-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr); align-items:start; gap:28px; }
.weekly-audit-table-wrap { min-width:0; overflow-x:auto; }
.weekly-audit-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.weekly-audit-table th,.weekly-audit-table td { border:1px solid #dfd7c9; padding:9px 12px; }
.weekly-audit-table thead th { color:#fff; background:var(--ink); font-size:11px; text-align:left; text-transform:uppercase; letter-spacing:.06em; }
.weekly-audit-table thead th:nth-child(2),.weekly-audit-table thead th:nth-child(3),.weekly-audit-table thead th:nth-child(4),.weekly-audit-table td { width:112px; text-align:center; }
.weekly-audit-table tbody th { color:#414740; background:#fff; font-size:12px; font-weight:600; text-align:left; }
.weekly-audit-table tbody th i { display:inline-block; width:7px; height:7px; margin-right:9px; border-radius:50%; }
.weekly-audit-table tbody tr:nth-child(even) th,.weekly-audit-table tbody tr:nth-child(even) td { background:#faf8f3; }
.weekly-audit-table input { width:92px; border:1px solid #d9d1c3; border-radius:7px; padding:7px 8px; color:var(--ink); background:#fff; font:600 12px "DM Sans",sans-serif; text-align:center; }
.weekly-audit-table input:focus,.audit-reflection textarea:focus,.audit-framework textarea:focus,.audit-commitment textarea:focus { outline:2px solid rgba(47,114,87,.25); border-color:var(--green); }
.weekly-audit-table tfoot th,.weekly-audit-table tfoot td { color:var(--ink); background:var(--amber-bg); font-weight:700; }
.audit-quick-check,.legacy-audit-note { margin:10px 0 0; color:#747871; font-size:11px; line-height:1.5; }
.audit-quick-check strong { color:var(--amber); }
.legacy-audit-note { padding:10px 12px; border-radius:8px; background:#f0ede6; }
.audit-pattern-card { position:sticky; top:18px; padding:24px; border-radius:16px; color:#fff; background:var(--ink); }
.audit-pattern-card .eyebrow { margin-top:22px; color:#aeb9b3; }
.audit-pattern-card h2 { margin:5px 0 8px; color:#fff; font-size:28px; }
.audit-pattern-card > p:not(.eyebrow) { margin:0 0 24px; color:#cbd1cd; font-size:12px; line-height:1.6; }
.audit-total-ring { --audit-progress:0deg; display:flex; width:150px; height:150px; margin:auto; align-items:center; justify-content:center; flex-direction:column; border-radius:50%; background:radial-gradient(circle closest-side,var(--ink) 80%,transparent 81% 99%),conic-gradient(var(--amber) var(--audit-progress),#495b64 0); }
.audit-total-ring.complete { background:radial-gradient(circle closest-side,var(--ink) 80%,transparent 81% 99%),conic-gradient(#75aa8b 360deg,#495b64 0); }
.audit-total-ring.over { background:radial-gradient(circle closest-side,var(--ink) 80%,transparent 81% 99%),conic-gradient(var(--red) 360deg,#495b64 0); }
.audit-total-ring strong { font:700 33px "Fraunces",serif; }
.audit-total-ring span { color:#bfc8c3; font-size:10px; }
.audit-day-summary { margin:18px 0 22px; padding:14px; border:1px solid #52626a; border-radius:11px; background:#2d414d; }
.audit-day-summary > div:first-child { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.audit-day-summary strong { color:#fff; font-size:12px; }
.audit-day-summary span { max-width:145px; color:#bfc8c3; font-size:10px; text-align:right; }
.audit-day-track { height:7px; margin-top:10px; overflow:hidden; border-radius:20px; background:#495b64; }
.audit-day-track i { display:block; width:0; height:100%; border-radius:inherit; background:var(--amber); transition:width .2s ease; }
.audit-day-track i.complete { background:#75aa8b; }
.audit-day-track i.over { background:var(--red); }
.category-chart { display:grid; gap:16px; min-height:130px; }
.category-row > div:first-child { display:flex; justify-content:space-between; gap:15px; margin-bottom:7px; font-size:12px; }
.category-row span { display:flex; align-items:center; gap:8px; }
.category-row span i { width:8px; height:8px; border-radius:50%; }
.category-row strong { font-size:11px; }
.audit-pattern-card .category-row strong { color:#cbd1cd; }
.audit-bar { height:8px; border-radius:8px; background:#ece7dd; overflow:hidden; }
.audit-pattern-card .audit-bar { background:#495b64; }
.audit-bar i { display:block; height:100%; border-radius:8px; }
.clear-audit { border:0; color:var(--red); background:transparent; cursor:pointer; font-size:11px; font-weight:700; }
.audit-empty { display:grid; place-items:center; min-height:110px; margin:0; color:#898c85; font-size:12px; text-align:center; }
.audit-pattern-card .audit-empty { color:#aeb9b3; }
.reflection-list { display:grid; gap:12px; }
.reflection-list label { display:grid; grid-template-columns:54px 1fr; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:#fff; }
.reflection-list label > span { padding-top:17px; color:#fff; background:var(--ink); font:700 15px "Fraunces",serif; text-align:center; }
.reflection-list label > div { padding:16px; }
.reflection-list strong { display:block; margin-bottom:11px; font-size:14px; }
.audit-reflection textarea,.audit-framework textarea,.audit-commitment textarea { width:100%; border:1px solid #d9d1c3; border-radius:8px; padding:11px 12px; color:var(--ink); background:#fff; font:13px/1.55 "DM Sans",sans-serif; resize:vertical; }
.audit-framework-grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); border-radius:14px; overflow:hidden; }
.audit-framework-grid label { display:flex; min-width:0; flex-direction:column; padding:23px; border-right:1px solid var(--line); text-align:center; }
.audit-framework-grid label:last-child { border-right:0; }
.audit-framework-grid label > span { margin-bottom:8px; font:700 29px "Fraunces",serif; }
.audit-framework-grid label > strong { color:var(--amber); font-size:14px; }
.audit-framework-grid p { min-height:54px; margin:8px 0 14px; color:#686c65; font-size:12px; line-height:1.5; }
.audit-framework-grid textarea { margin-top:auto; text-align:left; }
.audit-commitment { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.audit-commitment > div:first-child { padding:22px; border-radius:13px; background:var(--amber-bg); }
.audit-commitment h2 { margin:5px 0 15px; font-size:25px; }
.audit-closing { margin:34px 0 0; color:var(--amber); font:700 16px "Fraunces",serif; text-align:center; text-transform:uppercase; letter-spacing:.03em; }
@media(max-width:900px){.audit-hero{align-items:flex-start;flex-direction:column}.audit-hero-actions{justify-content:flex-start}.weekly-audit-layout{grid-template-columns:1fr}.audit-pattern-card{position:static}.audit-framework-grid{grid-template-columns:1fr}.audit-framework-grid label{border-right:0;border-bottom:1px solid var(--line)}.audit-framework-grid label:last-child{border-bottom:0}.audit-framework-grid p{min-height:0}.journey-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.audit-main{padding:30px 16px 70px}.audit-instructions ol{grid-template-columns:1fr}.audit-instructions li{border-right:0;border-bottom:1px solid var(--line)}.audit-instructions li:last-child{border-bottom:0}.weekly-audit,.audit-reflection,.audit-framework,.audit-commitment{padding:20px}.weekly-audit-heading{align-items:flex-start;flex-direction:column}.weekly-audit-table{min-width:680px}.audit-commitment{grid-template-columns:1fr}.reflection-list label{grid-template-columns:42px 1fr}.audit-hero-actions{width:100%}.audit-hero-actions .secondary-btn{flex:1;justify-content:center}.homework-callout{align-items:flex-start;flex-direction:column}.homework-callout a{margin-left:0}.journey-grid{grid-template-columns:1fr}}

/* Site admin */
.site-admin-main { max-width:1040px; margin:0 auto; padding:64px 28px 90px; }
.site-admin-hero { max-width:760px; margin-bottom:48px; }
.site-admin-hero h1 { margin:7px 0 18px; font-size:clamp(52px,7vw,84px); }
.site-admin-hero > p:last-child { max-width:650px; margin:0; color:#666a63; font-size:16px; line-height:1.7; }
.admin-panel { margin-bottom:22px; padding:30px; border:1px solid var(--line); border-radius:19px; background:var(--paper); box-shadow:0 13px 36px rgba(52,48,39,.07); }
.admin-panel-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:24px; }
.admin-panel-heading h2 { margin:4px 0 6px; font-size:34px; }
.admin-panel-heading div > p:last-child { margin:0; color:#72766f; font-size:13px; }
.admin-panel-heading > span { color:#81847d; font-size:11px; }
.admin-video-form { display:grid; grid-template-columns:1fr 1.4fr auto; align-items:end; gap:12px; padding-bottom:22px; border-bottom:1px solid var(--line); }
.admin-video-form label,.admin-content-form label { display:flex; flex-direction:column; gap:6px; }
.admin-video-form label span,.admin-content-form label span { color:#656961; font-size:11px; font-weight:700; }
.admin-video-form input,.admin-content-form input,.admin-content-form textarea { width:100%; border:1px solid var(--line); border-radius:9px; padding:11px 12px; color:var(--ink); background:#fff; font:inherit; }
.admin-video-form .cover-primary { border:0; cursor:pointer; }
.admin-video-form .video-error { grid-column:1/-1; }
.admin-video-list { display:grid; gap:8px; margin-top:18px; }
.admin-video-list article { display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:12px; padding:12px; border:1px solid #ebe5dc; border-radius:10px; }
.admin-video-list article > span { color:#93958f; font-size:10px; }
.admin-video-list article div { display:flex; min-width:0; flex-direction:column; gap:3px; }
.admin-video-list article strong { font-size:13px; }
.admin-video-list article small { overflow:hidden; color:#868982; font-size:10px; text-overflow:ellipsis; }
.admin-video-list button { border:0; color:var(--red); background:transparent; cursor:pointer; font-size:10px; font-weight:700; }
.admin-values-actions { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:18px; padding:16px 18px; border:1px solid #b6cbd8; border-radius:12px; background:var(--green-bg); }
.admin-values-actions p { max-width:590px; margin:0; color:#5e6f65; font-size:12px; line-height:1.6; }
.admin-values-actions .cover-primary { flex:0 0 auto; border:0; cursor:pointer; }
.admin-values-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; max-height:520px; margin:0; padding:4px 8px 4px 0; overflow-y:auto; list-style:none; scrollbar-color:#7ea5be transparent; }
.admin-values-list li { display:grid; grid-template-columns:34px minmax(0,1fr); align-items:center; gap:8px; min-height:44px; padding:9px 11px; border:1px solid #ebe5dc; border-radius:10px; background:#fff; }
.admin-values-list li span { color:#979991; font:600 9px "Fraunces",serif; }
.admin-values-list li strong { overflow:hidden; font-size:12px; text-overflow:ellipsis; }
.admin-content-form { display:grid; gap:18px; }
.admin-content-form fieldset { display:grid; gap:14px; margin:0; padding:22px; border:1px solid var(--line); border-radius:13px; }
.admin-content-form legend { padding:0 8px; font:700 19px "Fraunces",serif; }
.admin-content-form textarea { line-height:1.55; resize:vertical; }
.admin-content-actions { display:flex; justify-content:space-between; gap:12px; }
.admin-content-actions .cover-primary { border:0; cursor:pointer; }
.toast#adminToast { z-index:30; }
@media(max-width:850px){.admin-values-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.site-admin-main{padding:42px 16px 70px}.admin-panel{padding:22px 18px}.admin-video-form{grid-template-columns:1fr}.admin-video-form .cover-primary{justify-content:center}.admin-values-actions{align-items:stretch;flex-direction:column}.admin-values-actions .cover-primary{justify-content:center}.admin-values-list{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-content-actions{flex-direction:column-reverse}.admin-content-actions button{justify-content:center;width:100%}}
@media(max-width:430px){.admin-values-list{grid-template-columns:1fr}}
*[hidden]{display:none!important}
body[data-auth]:not(.auth-ready){visibility:hidden}
.auth-main{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:88px 0 120px;display:grid;grid-template-columns:1fr minmax(360px,480px);gap:80px;align-items:start}
.auth-intro{padding-top:50px}.auth-intro h1,.account-hero h1{font-family:"Fraunces",serif;font-size:clamp(48px,6vw,78px);line-height:1.02;margin:16px 0 24px}.auth-intro>p:last-child,.account-hero>p:last-child{font-size:20px;line-height:1.7;color:#64675f;max-width:620px}
.auth-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 24px 70px rgba(31,40,36,.09)}.auth-card h2{font-family:"Fraunces",serif;font-size:34px;margin:28px 0 8px}.auth-card>p{color:#64675f;margin:0 0 24px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--cream);padding:4px;border-radius:12px}.auth-tabs button{border:0;background:transparent;padding:11px;border-radius:9px;font:700 14px "DM Sans",sans-serif;color:#64675f;cursor:pointer}.auth-tabs button.active{background:#fff;color:var(--green);box-shadow:0 2px 8px rgba(31,40,36,.08)}.auth-card form{display:grid;gap:18px}.auth-card label{display:grid;gap:7px;font-size:13px;font-weight:700}.auth-card input{width:100%;border:1px solid var(--line);border-radius:10px;padding:13px 14px;font:inherit;background:#fff}.auth-card .cover-primary{justify-content:center;border:0;cursor:pointer}.auth-card .text-button{margin-top:18px}.auth-status{min-height:24px;color:#9a3c32!important;font-size:14px}
.text-button{border:0;background:transparent;color:var(--green);font:700 14px "DM Sans",sans-serif;padding:6px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.account-main{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:72px 0 120px}.account-hero{max-width:800px;margin-bottom:48px}.account-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.account-card{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;color:inherit;text-decoration:none;transition:.2s}.account-card:hover{transform:translateY(-3px);border-color:var(--green);box-shadow:0 18px 40px rgba(31,40,36,.08)}.account-card>span{color:var(--green);font-weight:800}.account-card h2{font-family:"Fraunces",serif;font-size:27px;margin:24px 0 10px}.account-card p{color:#64675f;line-height:1.6;margin:0}.account-actions{margin-top:50px;padding:34px;border-radius:20px;background:var(--green);color:#fff;display:grid;grid-template-columns:1fr auto;gap:12px 30px;align-items:center}.account-actions h2{font-family:"Fraunces",serif;font-size:34px;margin:5px 0 8px}.account-actions p{margin:0;color:rgba(255,255,255,.78)}.account-actions .cover-primary{background:#fff;color:var(--green);border:0;cursor:pointer}.account-actions #emailStatus{grid-column:1/-1;min-height:20px}.account-footer-actions{display:flex;justify-content:space-between;align-items:center;margin-top:28px}
@media(max-width:800px){.auth-main{grid-template-columns:1fr;gap:28px;padding-top:42px}.auth-intro{padding-top:0}.account-grid{grid-template-columns:1fr}.account-actions{grid-template-columns:1fr}.account-actions #emailStatus{grid-column:auto}}

/* Finalized values */
.final-values-main{max-width:1040px;margin:0 auto;padding:64px 28px 100px}
.final-values-hero{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.final-values-hero>div:first-child{max-width:700px}.final-values-hero h1{font-size:clamp(58px,8vw,92px);margin:7px 0 18px}.final-values-hero>div:first-child>p:last-child{margin:0;color:#646860;font-size:17px;line-height:1.7}
.final-values-summary{display:grid;min-width:170px;padding:24px;border:1px solid #b8d4c5;border-radius:18px;background:var(--green-bg)}.final-values-summary strong{color:var(--green);font:700 48px/1 "Fraunces",serif}.final-values-summary span{margin-top:5px;font-size:12px;font-weight:700}.final-values-summary small{margin-top:13px;color:#68736c;font-size:10px}
.final-values-empty{display:grid;place-items:center;padding:70px 30px;border:1px solid var(--line);border-radius:22px;background:var(--paper);text-align:center;box-shadow:0 16px 42px rgba(52,48,39,.07)}.final-values-empty>span{display:grid;place-items:center;width:62px;height:62px;margin-bottom:22px;border-radius:50%;color:var(--green);background:var(--green-bg);font-size:28px}.final-values-empty h2{max-width:620px;margin:5px 0 12px;font-size:clamp(30px,4vw,46px)}.final-values-empty>p:not(.eyebrow){max-width:600px;margin:0 0 26px;color:#686c65;line-height:1.7}
.final-values-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.final-values-toolbar>div{display:grid;gap:5px}.final-values-toolbar p{margin:0;color:#72766f;font-size:13px}.action-save-status{color:var(--green);font-size:10px;font-weight:700}.action-save-status[data-state="saving"]{color:#777b74}.action-save-status[data-state="error"]{color:var(--red)}.action-verb-guide{margin-bottom:20px;padding:26px;border:1px solid #b8d4c5;border-radius:19px;background:linear-gradient(140deg,var(--green-bg),#edf4ee)}.action-verb-guide-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:18px}.action-verb-guide-head h2{margin:4px 0 0;font-size:30px}.action-verb-guide-head>p{max-width:430px;margin:0;color:#637169;font-size:12px;line-height:1.6}.action-verb-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.action-verb-controls>span{color:#567160;font-size:10px;font-weight:800;white-space:nowrap}.action-verb-search{display:flex;align-items:center;gap:8px;width:min(360px,100%);border:1px solid #b7cfc1;border-radius:10px;padding:0 11px;background:rgba(255,255,255,.78)}.action-verb-search>span{color:var(--green);font-size:20px}.action-verb-search input{min-width:0;width:100%;border:0;outline:0;padding:10px 0;color:var(--ink);background:transparent;font:500 12px "DM Sans",sans-serif}.action-verb-list{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;max-height:246px;overflow-y:auto;padding:3px 8px 3px 3px;scrollbar-color:#8db49f transparent}.action-verb-list button{border:1px solid #b7cfc1;border-radius:9px;padding:8px 9px;overflow:hidden;color:#315e4b;background:rgba(255,255,255,.72);cursor:pointer;font-size:11px;font-weight:700;text-align:left;text-overflow:ellipsis;white-space:nowrap}.action-verb-list button:hover,.action-verb-list button:focus-visible{border-color:var(--green);color:#fff;background:var(--green)}.action-verb-empty{grid-column:1/-1;margin:0;padding:30px;color:#637169;font-size:12px;text-align:center}.final-values-groups{display:grid;gap:20px}.final-value-group{overflow:hidden;border:1px solid var(--line);border-radius:19px;background:var(--paper);box-shadow:0 13px 36px rgba(52,48,39,.06)}.final-value-group-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fffdf8,#f1eee6)}.final-value-group-head h2{margin:3px 0 0;font-size:31px}.final-value-group-head>span{display:grid;place-items:center;min-width:38px;height:38px;border-radius:50%;color:var(--green);background:var(--green-bg);font-size:12px;font-weight:800}.final-value-group ol{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none}.final-value-group li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:22px 25px;border-bottom:1px solid #ebe6dc}.final-value-group li:nth-child(odd){border-right:1px solid #ebe6dc}.final-value-group li>span{color:#9a9a92;font:600 11px "Fraunces",serif}.final-value-copy>strong{font:700 21px "Fraunces",serif}.final-value-copy>p{margin:6px 0 0;color:#6d716a;font-size:12px;line-height:1.55}.action-verb-field{display:grid;grid-template-columns:82px 1fr;align-items:center;gap:9px;margin-top:16px}.action-verb-field>span{color:#6e726b;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.action-verb-field input{min-width:0;width:100%;border:1px solid var(--line);border-radius:9px;padding:9px 10px;color:var(--ink);background:#fff;font:600 13px "DM Sans",sans-serif}.action-verb-field input:focus{outline:3px solid rgba(47,114,87,.14);border-color:var(--green)}.final-value-copy .action-value-preview{margin-top:8px;padding:8px 10px;border-left:3px solid var(--green);border-radius:0 7px 7px 0;color:var(--green);background:var(--green-bg);font-size:11px;font-weight:700}.final-values-next{display:flex;align-items:center;justify-content:space-between;gap:36px;margin-top:35px;padding:32px;border-radius:19px;color:#fff;background:var(--ink)}.final-values-next .eyebrow{color:#aeb7b1}.final-values-next h2{margin:4px 0 8px;font-size:clamp(26px,3vw,36px)}.final-values-next p:last-child{margin:0;color:#c7ccc8;font-size:13px}.final-values-next .cover-primary{color:var(--ink);background:#fff;white-space:nowrap}
@media(max-width:700px){.final-values-main{padding:38px 16px 70px}.final-values-hero{align-items:flex-start;flex-direction:column}.final-values-summary{width:100%}.final-values-toolbar,.action-verb-guide-head{align-items:flex-start;flex-direction:column}.action-verb-list{grid-template-columns:repeat(3,1fr)}.final-value-group ol{grid-template-columns:1fr}.final-value-group li:nth-child(odd){border-right:0}.final-values-next{align-items:flex-start;flex-direction:column}.final-values-next .cover-primary{width:100%;justify-content:space-between}}
@media(max-width:460px){.action-verb-guide{padding:20px 16px}.action-verb-list{grid-template-columns:repeat(2,1fr);max-height:286px}}