/* Webfonts - the canonical THP faces. One source for every page.
   Baloo 2 = display/wordmark, Inter = interface + body, JetBrains Mono = numeric meta. */
@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&family=Inter:wght@400..900&family=JetBrains+Mono:wght@400..700&display=swap");
/* Too Hard Pile redesign: standalone responsive design system */
:root{--paper:#F7F6F0;--paper2:#f3f1e9;--white:#FFFEFA;--ink:#1E2B25;--muted:#66736B;--line:#DEDFD5;--green:#285B45;--green2:#E5EEE6;--orange:#A95C3A;--yellow:#f3cf73;--lav:#eeebff;--shadow:0 8px 28px rgba(27,45,35,.055);--radius:16px;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,svg{max-width:100%}.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.narrow{max-width:800px}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.eyebrow{background:#e7eee3;border-radius:999px;padding:8px 11px}.eyedot{width:6px;height:6px;border-radius:50%;background:var(--orange)}
.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(27,40,39,.09);position:relative;z-index:50}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.045em;font-size:19px;white-space:nowrap}.brandmark{width:34px;height:34px;display:grid;place-items:center;background:var(--green);color:white;border-radius:11px;font-size:17px}.brand-dot{color:var(--orange)}
img.brandmark{background:none;border-radius:0;object-fit:contain}
/* Legacy variable aliases: pages still on the old class names/vars keep working
   while they migrate to the new tokens. Resolved per theme automatically. */
:root{--card:var(--surface);--bg:var(--page-bg);--accent:var(--green);--accent-soft:var(--green2);
  --purple:var(--green);--green-soft:var(--green2);--coral:var(--orange);--teal:var(--green);--amber:var(--yellow);--amber-soft:#fff0bb;--coral-soft:#fbe0d6;--endspin:var(--surface-soft);--mc:var(--surface-soft);--mc-dark:var(--surface-soft);--mc-soft:var(--surface-soft);--mcolor:var(--surface-soft);--purple-soft:var(--green2);--tc:var(--surface-soft);--teal-soft:var(--green2);}.nav-links{display:flex;align-items:center;gap:23px;color:#485551;font-size:12px;font-weight:750}.nav-links a:hover,.footer-links a:hover{color:var(--orange)}.nav-cta{border:1px solid #bac4bb;border-radius:999px;padding:10px 14px;color:var(--green)!important}.nav-cta.filled{background:var(--green);border-color:var(--green);color:white!important}.nav-logout{border:1px solid #bac4bb;border-radius:999px;padding:10px 14px;background:none;
  color:var(--green);font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.nav-logout:hover{border-color:var(--green)}
.nav-logout-f{display:contents}       /* keep the form out of the flex flow */
.mobile-nav .nav-logout{width:100%;padding:13px 12px;text-align:left;border:0;font-size:14px;font-weight:700}
.menu-toggle{display:none;border:1px solid var(--line);background:var(--white);border-radius:12px;width:44px;height:44px;color:var(--green);font-size:20px}.mobile-nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:var(--shadow);flex-direction:column;gap:3px}.mobile-nav.open{display:flex}.mobile-nav a{padding:13px 12px;border-radius:10px;font-weight:700;font-size:14px}.mobile-nav a:hover{background:var(--paper2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border:1px solid transparent;border-radius:999px;padding:13px 18px;background:var(--green);color:white;font-size:13px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(36,78,69,.18);background:#204B38}.btn.secondary{background:transparent;border-color:#c8cec4;color:var(--ink)}.btn.secondary:hover{background:white;box-shadow:none}.btn.light{background:white;color:var(--green)}.btn.coral{background:var(--orange)}.btn.full{width:100%}.text-link{font-weight:800;color:var(--green);font-size:13px}.text-link:hover{color:var(--orange)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.fineprint{display:flex;align-items:center;gap:7px;margin-top:15px;font-size:11px;color:#7a837d;line-height:1.5}.pill{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.pill.green{background:var(--green2);border-color:transparent;color:var(--green)}.pill.coral{background:#fbe0d6;border-color:transparent;color:#9a3e2e}.pill.yellow{background:#fff0bb;border-color:transparent;color:#685019}
h1,h2,h3,p{margin-top:0}h1,h2,.serif{font-family:var(--font-display);font-weight:500;letter-spacing:-.055em}h1{font-size:clamp(44px,5.4vw,72px);line-height:.99;margin:19px 0 19px}h1 em,h2 em{font-style:italic;color:var(--green)}h2{font-size:clamp(29px,3.4vw,45px);line-height:1.06;margin-bottom:14px}h3{font-size:18px;letter-spacing:-.025em;margin-bottom:9px}p{line-height:1.68}.lead{font-size:16px;line-height:1.7;color:var(--muted);max-width:570px}.section{padding:76px 0}.section.soft{background:var(--paper2)}.section.dark{background:var(--green);color:white}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:25px}.section-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.6;max-width:330px}.section-title{max-width:590px;margin:8px 0 0}.divider{height:1px;background:var(--line);margin:25px 0}.grid{display:grid;gap:15px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--white);border:1px solid #e4e4da;border-radius:var(--radius);padding:22px;min-width:0;display:flex;flex-direction:column;gap:10px}.card p{margin:0;color:var(--muted);font-size:13px;line-height:1.62}.card .card-link{margin-top:auto;padding-top:10px;font-size:12px;font-weight:850;color:var(--green)}.card .iconbox{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#e7eee3;color:var(--green);font-size:21px}.card.featured{background:var(--green);border-color:var(--green);color:white;position:relative;overflow:hidden}.card.featured p{color:#d0ddd6}.card.featured h3{color:white}.card.featured .iconbox{background:var(--yellow);color:var(--ink)}.card.featured .card-link{color:var(--yellow)}.card:hover{border-color:#aebdb3}.card.featured:hover{border-color:var(--green)}.label{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag{border:1px solid var(--line);border-radius:999px;padding:8px 11px;background:var(--white);font-size:12px;font-weight:750}.tag:hover{border-color:var(--green);color:var(--green)}
.hero{display:grid;grid-template-columns:1fr 1.02fr;gap:56px;align-items:center;padding:68px 0 57px;min-height:530px}.hero-copy{max-width:520px}.hero-copy .lead{margin-bottom:26px}.hero-art{position:relative;min-width:0}.story-card{background:#1e3435;color:white;border-radius:25px;padding:15px;box-shadow:var(--shadow);overflow:hidden;position:relative}.story-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 7px 13px}.story-tag{font-size:10px;letter-spacing:.13em;font-weight:800;color:#d2ddd1;text-transform:uppercase}.scene{height:286px;border-radius:15px;position:relative;overflow:hidden;background:linear-gradient(180deg,#596f78 0%,#dfa579 55%,#2f4844 100%)}.scene:before{content:"";position:absolute;left:-5%;right:-5%;bottom:20%;height:45%;background:#53675f;clip-path:polygon(0 60%,12% 25%,23% 63%,36% 8%,50% 55%,64% 22%,78% 70%,90% 28%,100% 55%,100% 100%,0 100%)}.scene:after{content:"";position:absolute;left:0;right:0;bottom:0;height:32%;background:linear-gradient(130deg,#425c52,#203b37);clip-path:polygon(0 20%,35% 0,55% 22%,100% 5%,100% 100%,0 100%)}.scene .moon{position:absolute;top:13%;right:17%;width:50px;height:50px;border-radius:50%;background:#f5dfb1;box-shadow:0 0 38px rgba(255,224,171,.45)}.scene .building{position:absolute;z-index:1;bottom:29%;left:11%;width:32%;height:39%;background:#d9b28a;clip-path:polygon(50% 0,100% 25%,95% 100%,5% 100%,0 25%)}.scene .building:after{content:"";position:absolute;inset:28% 15% 0;background:repeating-linear-gradient(90deg,#5d7771 0 14px,transparent 14px 26px),repeating-linear-gradient(0deg,transparent 0 35px,#7b8e81 35px 39px)}.person{position:absolute;z-index:2;bottom:8%;width:42px;height:118px;background:#e8b98a;border-radius:22px 22px 5px 5px}.person:before{content:"";position:absolute;top:-28px;left:7px;width:29px;height:31px;background:#8d5d4a;border-radius:50%}.person:after{content:"";position:absolute;top:43px;left:-20px;width:83px;height:11px;background:#8d5d4a;transform:rotate(8deg);border-radius:20px}.person.one{right:31%;background:#dfb487}.person.two{right:12%;height:105px;background:var(--orange)}.story-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 8px 8px}.story-meta h2{font-size:28px;margin:0 0 6px;color:white}.story-meta p{color:#c5d0cb;font-size:12px;line-height:1.5;margin:0;max-width:295px}.round-arrow{flex-shrink:0;width:43px;height:43px;display:grid;place-items:center;color:var(--ink);background:var(--yellow);border-radius:50%;font-size:21px}.floating-note{position:absolute;z-index:4;right:-16px;top:42px;display:flex;gap:10px;align-items:center;background:var(--yellow);padding:11px 13px;border-radius:13px;color:var(--ink);font-size:11px;font-weight:850;transform:rotate(3deg);box-shadow:0 12px 30px rgba(23,38,36,.12)}.floating-note small{display:block;color:#6e6345;font-weight:600;font-size:10px;margin-top:2px}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.stat{display:flex;align-items:center;justify-content:center;gap:11px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{font:500 27px var(--font-display);letter-spacing:-.04em}.stat span{font-size:11px;color:var(--muted);line-height:1.4}
.episode-card{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--white);display:flex;flex-direction:column;min-width:0}.episode-art{height:150px;background:linear-gradient(135deg,#9baba0,#e7c18f 56%,#536d62);position:relative;overflow:hidden}.episode-art:before{content:"";position:absolute;inset:25% -8% -12%;background:#48655b;clip-path:polygon(0 44%,22% 12%,39% 48%,58% 0,77% 38%,100% 18%,100% 100%,0 100%)}.episode-art:after{content:"";position:absolute;bottom:-15px;left:55%;width:35px;height:108px;border-radius:19px 19px 3px 3px;background:var(--orange);box-shadow:-48px 16px 0 #e8bd8c}.episode-art.blue{background:linear-gradient(135deg,#425968,#c6b8a0 62%,#e9d6a8)}.episode-art.purple{background:linear-gradient(135deg,#6b637e,#d4a0a1 60%,#eacf9e)}.episode-art.gold{background:linear-gradient(135deg,#4e6254,#e9b870 60%,#e6d7b5)}.episode-art.rose{background:linear-gradient(135deg,#69505a,#cf9a89 60%,#eed5a8)}.episode-art.green{background:linear-gradient(135deg,#345d50,#84a18d 58%,#eed0a4)}.episode-art.photo:before,.episode-art.photo:after{content:none}
.episode-art span{position:absolute;z-index:3;left:14px;top:13px;padding:6px 8px;border-radius:999px;background:rgba(255,254,250,.88);font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.episode-body{padding:17px;display:flex;flex:1;flex-direction:column;gap:8px}.episode-body h3{font:700 23px var(--font-display);letter-spacing:-.04em;margin:0}.episode-body p{color:var(--muted);font-size:12px;line-height:1.55;margin:0}.episode-body .card-link{margin-top:auto;padding-top:7px;font-size:12px;font-weight:850;color:var(--green)}
.callout{border-radius:24px;background:#e9e8de;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:28px}.callout h2{font-size:clamp(29px,3vw,42px);margin:0 0 9px;max-width:520px}.callout p{font-size:13px;color:var(--muted);margin:0;max-width:500px}.site-footer{margin-top:65px;border-top:1px solid var(--line);padding:25px 0 32px;display:flex;justify-content:space-between;align-items:flex-start;gap:22px;color:var(--muted);font-size:11px}.footer-links{display:flex;gap:17px;flex-wrap:wrap}.footer-links a:hover{color:var(--orange)}
.breadcrumbs{display:flex;align-items:center;gap:8px;margin:22px 0;color:var(--muted);font-size:12px}.breadcrumbs a{font-weight:800;color:var(--green)}.page-hero{padding:36px 0 27px}.page-hero h1{font-size:clamp(39px,4.8vw,60px);margin:13px 0}.page-hero .lead{font-size:15px}.reading{max-width:790px}.reading h2{font-size:29px;margin:32px 0 10px}.reading p,.reading li{font-size:15px;line-height:1.78;color:#485650}.reading ul{padding-left:21px}.reading .callout{margin-top:34px}
.story-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:22px;align-items:start}.story-play{background:var(--white);border:1px solid var(--line);border-radius:22px;overflow:hidden}.story-play .story-scene{height:320px;background:linear-gradient(180deg,#586f78,#d59a79 56%,#263e3a);position:relative;overflow:hidden}.story-scene:before{content:"";position:absolute;left:-4%;right:-4%;height:45%;bottom:19%;background:#54675e;clip-path:polygon(0 70%,15% 25%,28% 60%,42% 8%,58% 63%,73% 18%,88% 55%,100% 24%,100% 100%,0 100%)}.story-scene:after{content:"";position:absolute;bottom:0;left:0;right:0;height:28%;background:#243d39}.story-scene .scene-label{position:absolute;top:15px;left:16px;color:white;z-index:3;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:850}.story-content{padding:25px}.story-content h1{font-size:clamp(34px,4vw,50px);margin:12px 0}.story-content p{color:#4c5953;font-size:15px;line-height:1.8}.choice-list{display:grid;gap:9px;margin:21px 0}.choice-btn{width:100%;padding:14px 15px;text-align:left;background:var(--white);border:1px solid var(--line);border-radius:13px;color:var(--ink);font-size:13px;line-height:1.45;font-weight:700}.choice-btn:hover,.choice-btn:focus{border-color:var(--green);background:#f1f6ee;outline:none}.choice-btn.selected{border-color:var(--green);background:var(--green2)}.choice-feedback{display:none;margin-top:15px;padding:17px;border-radius:15px;background:var(--green2);font-size:13px;line-height:1.6}.choice-feedback.show{display:block}.story-side{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:20px}.story-side h3{font-family:var(--font-display);font-weight:700;font-size:24px}.progress{display:flex;gap:5px;margin:13px 0}.progress span{height:5px;flex:1;background:#e4e5dc;border-radius:9px}.progress span.done{background:var(--green)}.story-side p{font-size:12px;line-height:1.6;color:var(--muted)}.story-controls{display:flex;justify-content:space-between;gap:10px;margin-top:22px}.story-controls .btn{min-height:42px;padding:10px 14px}
.tool-form,.panel,.auth-card,.price-card{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:25px}.field{margin:14px 0}.field label{display:block;font-size:12px;font-weight:850;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;border:1px solid #d6d9cf;background:#fff;border-radius:10px;padding:13px 14px;min-height:48px;font-size:14px;color:var(--ink);outline:none}.field textarea{resize:vertical;min-height:105px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--green)}.helper{font-size:11px;color:var(--muted);line-height:1.5}.demo-result{display:none;padding:16px;border-radius:14px;background:var(--green2);margin-top:15px;font-size:13px;line-height:1.6}.demo-result.show{display:block}.progressbar{height:8px;background:#e8e9df;border-radius:999px;overflow:hidden}.progressbar span{display:block;width:42%;height:100%;background:var(--green);border-radius:999px}
.price-card{padding:28px;position:relative}.price-card h2{font-size:29px}.price{font-family:var(--font-ui);font-size:clamp(28px,4vw,32px);font-weight:700;letter-spacing:-.02em}.price small{font-family:var(--font-ui);font-size:14px;font-weight:600;color:var(--muted);letter-spacing:0}.feature-list{padding:0;list-style:none;display:grid;gap:11px;margin:21px 0}.feature-list li{font-size:13px;color:#4d5b55;display:flex;gap:9px}.feature-list li:before{content:"✓";color:var(--green);font-weight:900}.price-card.recommended{border:2px solid var(--green);box-shadow:var(--shadow)}.ribbon{position:absolute;right:20px;top:20px;background:var(--yellow);border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.auth-wrap{min-height:calc(100vh - 120px);display:grid;place-items:center;padding:40px 0}.auth-card{width:min(460px,100%);padding:32px}.auth-card h1{font-size:42px;margin:15px 0 10px}.auth-card .lead{font-size:13px}.auth-alt{text-align:center;color:var(--muted);font-size:12px;margin:19px 0 0}.form-note{margin-top:12px;color:var(--muted);font-size:11px;line-height:1.5}
.app-frame{display:grid;grid-template-columns:220px minmax(0,1fr);gap:25px;padding:30px 0 65px}.app-sidebar{align-self:start;position:sticky;top:20px;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:14px}.app-sidebar a{display:flex;gap:10px;align-items:center;padding:12px;border-radius:11px;font-size:12px;font-weight:800;color:#53615a}.app-sidebar a.active,.app-sidebar a:hover{background:var(--green2);color:var(--green)}.app-main{min-width:0}.app-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.app-top h1{font-size:38px;margin:0}.dash-hero{background:var(--green);border-radius:22px;padding:27px;color:white;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.dash-hero h2{font-size:34px;margin:8px 0}.dash-hero p{font-size:13px;color:#d3ddd6;margin:0;max-width:450px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.metric{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:17px}.metric strong{display:block;font:500 29px var(--font-display)}.metric span{font-size:11px;color:var(--muted)}.dash-block{margin-top:25px}.dash-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.dash-block-head h2{font-size:26px;margin:0}.model-tile{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:17px}.model-tile strong{display:block;font-size:13px;margin:7px 0}.model-tile span{font-size:11px;color:var(--muted)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--white)}table{border-collapse:collapse;width:100%;min-width:560px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:13px 15px;font-size:12px}th{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:#f4f3ed}tr:last-child td{border-bottom:0}.settings-section{padding:21px 0;border-bottom:1px solid var(--line)}.settings-section h2{font-size:24px;margin:0 0 8px}.settings-section p{font-size:12px;color:var(--muted);margin:0 0 14px}
.error-state{text-align:center;padding:85px 0 100px}.error-code{font:500 92px var(--font-display);letter-spacing:-.08em;color:var(--green);line-height:1}.error-state h1{font-size:45px}.legal-copy{max-width:800px}.legal-copy h2{font-size:25px;margin-top:31px}.legal-copy p,.legal-copy li{color:#53605a;font-size:13px;line-height:1.75}.faq-list{display:grid;gap:9px}.faq-list details{background:var(--white);border:1px solid var(--line);border-radius:13px;padding:15px 17px}.faq-list summary{cursor:pointer;font-weight:800;font-size:13px}.faq-list details p{font-size:12px;color:var(--muted);line-height:1.6;margin:12px 0 0}.note-box{border-left:3px solid var(--orange);padding:11px 14px;background:#fff6ed;border-radius:0 10px 10px 0;color:#73564b;font-size:12px;line-height:1.55}
@media(max-width:980px){.nav-links{gap:12px}.nav-links a{font-size:11px}.hero{gap:34px}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.app-frame{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:740px){.wrap{width:min(100% - 32px,520px)}.site-header{height:68px}.nav-links{display:none}.menu-toggle{display:block}.hero{display:flex;flex-direction:column;align-items:stretch;gap:27px;padding:42px 0 38px;min-height:0}.hero h1{font-size:clamp(46px,12vw,63px)}.hero .lead{font-size:14px}.actions .btn{flex:1 1 auto}.scene{height:235px}.floating-note{right:-3px;top:32px}.stat-strip{grid-template-columns:1fr 1fr;row-gap:18px;padding:19px 0}.stat{justify-content:flex-start;padding-left:8px;border-right:0}.stat:nth-child(odd){border-right:1px solid var(--line)}.stat strong{font-size:24px}.section{padding:55px 0}.section-head{display:block}.section-head p{margin-top:12px}.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}.card{padding:19px}.episode-grid{grid-template-columns:1fr!important}.episode-art{height:175px}.callout{display:block;padding:26px 22px}.callout .btn{width:100%;margin-top:22px}.site-footer{flex-direction:column;margin-top:45px}.footer-links{gap:12px}.page-hero{padding:24px 0 20px}.page-hero h1{font-size:43px}.story-layout{grid-template-columns:1fr;gap:14px}.story-play .story-scene{height:220px}.story-content{padding:19px}.story-content h1{font-size:37px}.story-side{order:2}.story-controls .btn{flex:1}.tool-form,.panel,.auth-card,.price-card{padding:20px}.auth-wrap{padding:25px 0}.auth-card{padding:25px}.auth-card h1{font-size:38px}.app-frame{display:block;padding:22px 0 45px}.app-sidebar{position:static;display:flex;overflow-x:auto;gap:4px;margin-bottom:20px;padding:8px}.app-sidebar a{white-space:nowrap;flex:0 0 auto;padding:10px}.app-top{align-items:flex-start}.app-top h1{font-size:31px}.dash-hero{display:block;padding:22px}.dash-hero .btn{width:100%;margin-top:19px}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.metric{padding:12px 10px}.metric strong{font-size:24px}.metric span{font-size:10px}.dash-block-head h2{font-size:24px}.error-state{padding:65px 0}.error-code{font-size:76px}}
@media(max-width:380px){.wrap{width:calc(100% - 24px)}h1{font-size:43px}.metric-row{grid-template-columns:1fr}.stat-strip{grid-template-columns:1fr 1fr}.story-top{align-items:flex-start}.story-tag{max-width:150px}.price-card{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}


/* Complete theme system: Light / Dark / System. Shared by every page. */
:root{color-scheme:light;--page-bg:var(--paper);--surface:var(--white);--surface-soft:var(--paper2);--text:var(--ink);--border:var(--line);--input-bg:var(--white)}
html[data-theme="dark"]{color-scheme:dark;--paper: #141A17;--paper2: #222923;--white: #1C2520;--ink: #F1F3EE;--muted: #B1BCB4;--line: #37443B;--green: #92C6A4;--green2: #24392C;--orange:#E5A27E;--yellow:#f1d38a;--lav:#302b49;--shadow: 0 8px 28px rgba(0,0,0,.22);--page-bg: var(--paper);--surface:#1C2520;--surface-soft:#17211d;--text:#edf3ed;--border:#37443B;--input-bg:#121b17}
html[data-theme="dark"] body{background:var(--page-bg);color:var(--text)}
html[data-theme="dark"] .nav-links{color:#c2cec5}
html[data-theme="dark"] .site-header{border-bottom-color:#2b3931}
html[data-theme="dark"] .eyebrow{background:#263d31;color:#a8d5b9}
html[data-theme="dark"] .btn.secondary{border-color:#52645a;color:var(--text)}
html[data-theme="dark"] .btn.secondary:hover{background:#26342c}
html[data-theme="dark"] .nav-cta{border-color:#52645a;color:#b6dfc4!important}
html[data-theme="dark"] .nav-cta.filled{background:#8fc5a8;color:#102019!important;border-color:#8fc5a8}
html[data-theme="dark"] .menu-toggle{background:var(--surface);color:var(--text)}
html[data-theme="dark"] .mobile-nav{background:var(--surface);border-color:var(--border)}
html[data-theme="dark"] .mobile-nav a:hover{background:#26342c}
html[data-theme="dark"] .card,html[data-theme="dark"] .episode-card,html[data-theme="dark"] .tool-form,html[data-theme="dark"] .panel,html[data-theme="dark"] .auth-card,html[data-theme="dark"] .price-card,html[data-theme="dark"] .story-side,html[data-theme="dark"] .metric,html[data-theme="dark"] .model-tile,html[data-theme="dark"] .table-wrap,html[data-theme="dark"] .faq-list details{background:var(--surface);border-color:var(--border)}
html[data-theme="dark"] .card .card-link,html[data-theme="dark"] .text-link{color:#a8d5b9}
html[data-theme="dark"] .card .iconbox{background:#263d31;color:#b9e1c8}
html[data-theme="dark"] .card.featured{background:#203a30;border-color:#355344}
html[data-theme="dark"] .card.featured p{color:#c8d8ce}
html[data-theme="dark"] .card.featured .card-link{color:#f1d38a}
html[data-theme="dark"] .tag{background:var(--surface);border-color:var(--border)}
html[data-theme="dark"] .pill.green{background:#263d31;color:#b9e1c8}
html[data-theme="dark"] .pill.coral{background:#4a2b25;color:#ffb5a3}
html[data-theme="dark"] .pill.yellow{background:#443a22;color:#f5dc96}
html[data-theme="dark"] .section.soft{background:var(--surface-soft)}
html[data-theme="dark"] .section.dark{background:#203a30}
html[data-theme="dark"] .scene{filter:saturate(.82) brightness(.83)}
html[data-theme="dark"] .story-card{background:#172724}
html[data-theme="dark"] .episode-art{filter:brightness(.8) saturate(.8)}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field textarea,html[data-theme="dark"] .field select{background:var(--input-bg);border-color:var(--border);color:var(--text)}
html[data-theme="dark"] .field input:focus,html[data-theme="dark"] .field textarea:focus,html[data-theme="dark"] .field select:focus{border-color:#8fc5a8}
html[data-theme="dark"] .demo-result{background:#263d31;color:#e4f3e8}
html[data-theme="dark"] .progressbar{background:#34443b}
html[data-theme="dark"] .progressbar span,html[data-theme="dark"] .progress span.done{background:#8fc5a8}
html[data-theme="dark"] .app-sidebar{background:var(--surface);border-color:var(--border)}
html[data-theme="dark"] .app-sidebar a{color:#c2cec5}
html[data-theme="dark"] .app-sidebar a.active,html[data-theme="dark"] .app-sidebar a:hover{background:#263d31;color:#b9e1c8}
html[data-theme="dark"] th{background:#202c25}
html[data-theme="dark"] th,html[data-theme="dark"] td{border-color:var(--border)}
html[data-theme="dark"] .feature-list li,html[data-theme="dark"] .legal-copy p,html[data-theme="dark"] .legal-copy li{color:#bdc9c0}
html[data-theme="dark"] .note-box{background:#352820;color:#f0c9b8}
html[data-theme="dark"] .error-code{color:#a8d5b9}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:42px;min-height:42px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--ink);font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
.theme-toggle:hover{border-color:var(--green)}.theme-toggle .theme-icon{font-size:16px;line-height:1}
.theme-menu{display:none;position:absolute;right:0;top:58px;z-index:80;min-width:150px;padding:6px;background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.theme-menu.open{display:grid}.theme-menu button{padding:11px 12px;text-align:left;border:0;border-radius:9px;background:transparent;color:var(--ink);font-size:13px;font-weight:700}.theme-menu button:hover,.theme-menu button[aria-checked="true"]{background:var(--paper2)}
.theme-control{position:relative;display:inline-flex;align-items:center}
@media(max-width:740px){.theme-toggle{min-width:42px;width:42px;padding:8px}.theme-toggle .theme-label{display:none}.theme-menu{top:52px}}
@media(prefers-reduced-motion:reduce){html{transition:none}}

/* Drill page (from the try-drill mockup): the mockup kept these inline, they belong here. */
.drill-page{padding-bottom:55px}
.drill-main,.drill-aside{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:clamp(20px,3.5vw,34px)}
.drill-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.drill-main .progressbar{height:5px;background:var(--paper2);border-radius:99px;overflow:hidden;margin-bottom:28px}
.drill-main .progressbar span{display:block;height:100%;background:var(--green);border-radius:99px}
.drill-question{font-size:clamp(29px,4vw,40px);margin-bottom:12px}
.drill-instruction{font-size:12px;font-weight:750;margin:24px 0 10px}
.drill-main .choice-btn{display:flex;align-items:flex-start;gap:13px;min-height:58px;padding:16px;font-size:14px;line-height:1.55}
.drill-main .choice-btn::first-letter{font-weight:900}
.drill-main .choice-btn.selected{background:var(--green2);border-color:var(--green)}
.drill-apply{background:var(--white);border-left:3px solid var(--green);padding:15px 17px;margin:18px 0;border-radius:0 12px 12px 0}
.drill-apply p{margin:6px 0 0}
.drill-aside{position:sticky;top:20px}
.drill-steps{list-style:none;margin:22px 0;padding:0;display:grid;gap:20px}
.drill-steps li{display:grid;grid-template-columns:25px 1fr;gap:8px}
.drill-steps li:before{content:'✓';grid-row:span 2;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--green2);color:var(--green);font-size:12px;font-weight:900}
.drill-steps b{font-size:13px}
.drill-steps span{font-size:12px;color:var(--muted);line-height:1.55}
html[data-theme="dark"] .drill-apply{background:var(--surface)}
.drill-aside{position:static}
.drill-topline{align-items:flex-start}
.drill-main,.drill-aside{padding:20px}

/* "Take it into real life" - deliberately quiet and subordinate to the primary action. */
.rl-card{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;
  background:var(--surface-soft);border:1px solid var(--line);border-radius:18px;padding:18px 20px;margin:18px 0}
.rl-eyebrow{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rl-title{margin:6px 0 4px;font-size:17px}
.rl-prompt{margin:0;font-size:14.5px;color:var(--text)}
.rl-hint{margin:8px 0 0;font-size:12.5px;color:var(--muted)}
.rl-actions{flex:0 0 auto}
.rl-panel{margin:-6px 0 18px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:var(--white)}
.rl-label{display:block;font-size:12.5px;font-weight:700;color:var(--muted);margin-bottom:8px}
.rl-panel textarea{width:100%;min-height:88px;padding:12px 14px;border:1px solid var(--line);
  border-radius:13px;font:inherit;font-size:14.5px;background:var(--input-bg);color:var(--text)}
.rl-panel-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.rl-status{font-size:13px;color:var(--muted)}
@media(max-width:640px){.rl-card{flex-direction:column;gap:12px}}


/* ---------------------------------------------------------------- typography
   Role-based type scale, exactly as DESIGN_SYSTEM.md section 2 specifies.
   Baloo 2 only for the wordmark and H1-H3; Inter for everything you read or
   click; JetBrains Mono only for short numeric/metadata labels. */
:root{
  --font-display:"Baloo 2",ui-rounded,system-ui,sans-serif;
  --font-ui:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;
}
body{font-family:var(--font-ui);font-size:16px;line-height:1.55;font-weight:400;letter-spacing:0}
h1,h2,h3,.brand{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:-.025em;font-weight:700}
h4{font-family:var(--font-ui);font-size:17px;line-height:1.35;font-weight:700}
h1{font-size:44px;line-height:1.12}
h2{font-size:28px;line-height:1.22}
h3{font-size:21px;line-height:1.25;letter-spacing:-.015em}
.brand{font-size:20px;font-weight:800;line-height:1.1;letter-spacing:-.035em}
.page-hero h1{font-size:clamp(36px,4.1vw,48px);font-weight:700;line-height:1.1;letter-spacing:-.035em}
.lead{font-family:var(--font-ui);font-size:18px;line-height:1.55;font-weight:400;max-width:720px}
code,kbd,samp,.mono{font-family:var(--font-mono)}
@media(max-width:640px){
  h1{font-size:36px}
  h2{font-size:24px}
  h3{font-size:19px}
  .brand{font-size:18px}
  .lead{font-size:16px}
}

/* 4px spacing scale (DESIGN_SYSTEM.md section 3) */
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px}

/* Eyebrows/kickers are uppercase with 11.5px + .08em tracking (DESIGN_SYSTEM.md section 2, rule 7). */
.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:11.5px;font-weight:800}

/* .dash-eyebrow is used by the dashboard hero and had no rule (caught by a check,
   not by assuming the design system covered every class in the markup). */
.dash-eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.08em;
  font-size:11.5px;font-weight:800;color:var(--muted)}

/* Toolkit section header row + the collapsible journey row (dashboard mockup). */
.section-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.journey-disclosure{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0 20px}
.journey-disclosure summary{display:grid;grid-template-columns:1fr auto;gap:2px 20px;padding:20px 0;
  cursor:pointer;list-style:none;align-items:center}
.journey-disclosure summary::-webkit-details-marker{display:none}
.journey-disclosure .section-eyebrow{grid-column:1;margin:0}
.journey-title{grid-column:1;margin:0;font-size:19px}
.journey-sub{grid-column:1;margin:2px 0 0;color:var(--muted);font-size:14px}
.journey-chev{grid-column:2;grid-row:1 / span 3;font-size:18px;color:var(--muted);transition:transform .15s}
.journey-disclosure[open] .journey-chev{transform:rotate(180deg)}
.journey-disclosure .jline{margin:0 0 8px}
@media(max-width:640px){.section-head-row{align-items:flex-start}}

/* Real story art replaces the mockup's CSS-drawn .scene shapes: bg image + sprite. */
.scene{background-size:cover;background-position:center;background-color:var(--surface-2)}
.scene .sprite{position:absolute;bottom:-2%;right:3%;height:94%;max-width:80%;object-fit:contain;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}

/* =====================================================================================
   /app Home — canonical Home specification (§1 typography, §2 spacing, §3 layout).
   Baloo 2 for H1-H3, Inter for text/controls, JetBrains Mono for numeric metadata.
   ===================================================================================== */
.dash-shell{max-width:1160px;margin:0 auto;padding:0 0 48px;font-size:16px;line-height:1.55}
.dash-hero{grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:start;
  padding:40px 0 32px;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;color:var(--ink)}
.dash-hero h1{font-family:var(--font-display);font-size:44px;line-height:1.12;font-weight:700;
  letter-spacing:-.025em;margin:0 0 8px;color:var(--ink);max-width:720px}
.dash-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;margin:0 0 8px;color:var(--muted);text-transform:uppercase}
.dash-welcome-copy p{font-size:18px;line-height:1.55;max-width:720px;color:var(--muted);margin:0}
.dash-action-box{align-items:stretch;gap:8px;text-align:center;max-width:340px}
.dash-action-box .btn{width:100%;min-height:48px;font-size:15px;font-weight:700}
.dash-mystery{min-height:44px;font-size:14px;font-weight:600;color:var(--muted);padding:8px 10px}
.dash-action-box .dash-action-note{font-size:12px;font-weight:500;text-align:center;color:var(--muted);line-height:1.4}
.metric-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:20px 0 24px;border-bottom:1px solid var(--line);margin:0}
.metric{padding:0 16px;gap:4px;background:transparent;border:0;border-radius:0;box-shadow:none}
.metric + .metric{border-left:1px solid var(--line)}
.metric strong{font-family:var(--font-ui);font-size:23px;line-height:1.15;font-weight:650;letter-spacing:-.01em}
.metric span{font-size:12px;color:var(--muted);margin-top:4px}
.dash-section{margin:36px 0 0}
.section-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;margin:0 0 8px;color:var(--muted);text-transform:uppercase}
.dash-section-title{font-family:var(--font-display);font-size:28px;line-height:1.22;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}
.dash-section-subtitle{font-size:14px;line-height:1.5;color:var(--muted)}
.rl-card{border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--surface);box-shadow:none}
.rl-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.rl-title{font-family:var(--font-display);font-size:21px;line-height:1.25;font-weight:700;margin:6px 0 8px}
.rl-prompt{font-size:15px;line-height:1.55;color:var(--ink)}
.rl-hint{font-size:12px;color:var(--muted)}
.path-grid{gap:16px}
.path-card{border-radius:16px;padding:24px;border:1px solid var(--line);box-shadow:none;min-height:0}
.path-kicker{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--muted);margin:0 0 10px}
.path-card h3{font-family:var(--font-display);font-size:21px;line-height:1.25;font-weight:700;margin:0 0 10px}
.path-card p:not(.path-kicker):not(.path-note){font-size:14px;line-height:1.55;color:var(--muted)}
.path-card .btn{min-height:44px;font-size:14px}
.path-note{font-size:12px;color:var(--muted)}
.model-section{margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}
.model-section .dash-section-title{font-size:28px}
.model-section .modgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}
.model-section .modcard{border:1px solid var(--line);border-radius:12px;padding:16px;min-height:118px;background:var(--surface);box-shadow:none}
.model-section .modcard .model-type{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:12px;color:var(--muted)}
.model-section .modcard .mc-name{display:block;font-family:var(--font-ui);font-size:15px;font-weight:700;line-height:1.35;margin:0}
.model-section .modcard .mc-sub{display:block;font-family:var(--font-ui);font-size:11px;font-weight:600;color:var(--muted);margin-top:3px}
.model-section .modcard .model-link{display:block;font-size:12px;font-weight:700;color:var(--green);margin-top:8px}
.model-section .modcard:hover{transform:translateY(-1px);border-color:var(--green);box-shadow:none}
.journey-section{margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}
.journey-title{font-family:var(--font-ui);font-size:15px;font-weight:700;margin:0}
.journey-sub{font-size:12px}
/* §2/§4 chrome — exact */
.nav-links a{font-size:14px;font-weight:600}
.site-header{height:68px}
.site-footer{margin-top:40px;padding-top:24px;font-size:12px}
.footer-links{gap:16px}
.btn{border-radius:12px;min-height:48px;font-size:15px;font-weight:700}
.btn.ghost,.btn.secondary{min-height:44px}
.rl-card .btn{font-size:14px;font-weight:700;min-height:44px}
:focus-visible{outline:3px solid #9D762D;outline-offset:2px}
@media(max-width:900px){.model-section .modgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
  .dash-hero{grid-template-columns:1fr;gap:18px;padding:28px 0 24px}
  .dash-hero h1{font-size:36px}
  .dash-section-title,.model-section .dash-section-title{font-size:24px}
  .path-card h3,.rl-title{font-size:19px}
  .metric-row{grid-template-columns:repeat(3,minmax(0,1fr));padding:16px 0}
  .model-section .modgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .site-header{height:62px}
  .nav-links a{font-size:13px}
  .dash-section{margin:28px 0 0}
}

/* Home spec additions — applied last so they win over the older packed blocks. */
/* Active nav route (spec 1.7): green text + discreet underline. */
.nav-links a[aria-current="page"]{color:var(--green);text-decoration:underline;text-underline-offset:4px;font-weight:700}
.dash-hero{display:grid}
.dash-action-box{display:flex;flex-direction:column}
.metric-row{display:grid}
.metric{display:flex;flex-direction:column}
.path-grid{display:grid;grid-template-columns:1fr 1fr}
.path-card{display:flex;flex-direction:column;align-items:flex-start}
.path-card .path-spacer{flex:1;min-height:3px}
.path-card.story{border-top:3px solid var(--green)}
@media(max-width:680px){.path-grid{grid-template-columns:1fr}}
html[data-theme="dark"] .btn:hover{background:#B7DDC3;color:#102019}
html[data-theme="dark"] :focus-visible{outline-color:#E1C47A}
.journey-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 20px;padding:0}
.journey-steps li{border-top:3px solid var(--line);padding:10px 2px 0}
.journey-steps li.reached{border-top-color:var(--green)}
.journey-steps li b{display:block;font-size:13px;font-weight:700;color:var(--ink)}
.journey-steps li span{display:block;font-size:12px;color:var(--muted);margin-top:4px;line-height:1.4}
@media(max-width:680px){.journey-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.model-section .modgrid{grid-template-columns:1fr}}
@media(max-width:520px){
  .metric-row{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px;padding:16px 0}
  .metric{padding:0}
  .metric + .metric{border-left:0}
}

/* Shared long-form/legal reading pages (privacy, terms, credits, reliability). */
.legal p{font-size:16px;color:var(--ink);line-height:1.65}
.legal h2{margin-top:32px}
.legal ul{font-size:16px}
.legal .lic{font-size:14.5px;color:var(--muted)}
/* Shared hide utility (was copy-pasted into app/decide/login/try). */
.hidden{display:none !important}

/* About page: maker block. */
.about-maker a{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--ink)}
.about-maker img{width:44px;height:44px;border-radius:11px;flex:none}

/* Reading pages: readable in BOTH themes (was dark-on-dark in dark mode). */
html[data-theme="dark"] .reading p,html[data-theme="dark"] .reading li{color:#bdc9c0}
.reading a{color:var(--green);text-decoration:underline;text-underline-offset:2px}
/* Email links: always identifiable, never colour-only (spec 9.1). */
a[href^="mailto:"]{color:var(--green);text-decoration:underline;text-underline-offset:2px;font-weight:600}
.email-link{display:inline-block;background:var(--green2);color:var(--green);border:1px solid var(--green);
  border-radius:999px;padding:3px 12px;font-weight:700;text-decoration:none;font-size:.95em}
.email-link:hover{background:var(--green);color:var(--white)}

/* Mobile drill card + page hero: the .qcard sat inside .panel (double padding)
   and a 12px left border, leaving ~260px of text on a 390px screen; and the
   mobile .page-hero h1 was forced to 43px. Flatten both on phones (spec §7). */
@media(max-width:740px){
  /* hero H1 is not overridden per page, so this one belongs here */
  .page-hero h1{font-size:clamp(30px,9vw,36px)}
}

/* cookie consent banner (analytics is gated on acceptance) */
.cookie-consent{position:fixed;left:14px;right:14px;bottom:14px;z-index:9999;max-width:560px;margin:0 auto;background:var(--card);color:var(--ink);border:2px solid var(--line);border-top:6px solid var(--accent,var(--purple));border-radius:16px;padding:16px 18px;box-shadow:0 10px 30px rgba(0,0,0,.18);opacity:0;transform:translateY(16px);transition:opacity .3s,transform .3s}
.cookie-consent.cc-show{opacity:1;transform:none}
.cookie-consent .cc-text{margin:0 0 12px;font-size:14.5px;line-height:1.55;color:var(--ink)}
.cookie-consent .cc-text a{color:var(--purple);font-weight:700}
.cookie-consent .cc-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.cookie-consent .cc-btn{border:2px solid var(--line);background:transparent;color:var(--ink);border-radius:12px;padding:9px 16px;font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.cookie-consent .cc-accept{background:var(--purple);border-color:var(--purple);color:#fff}