/* A shared, calm surface. Learning content and result states keep their semantics. */
:root{--calm-bg:#faf7f0;--calm-paper:#fffdf9;--calm-ink:#29433c;--calm-muted:#52695e;--calm-line:#d9e2d6;--calm-sage:#edf2e7;--calm-honey:#f4e5b8;--calm-peach:#f7e9df;--calm-shadow:0 8px 28px #29433c08}
html[data-theme=dark]{--calm-bg:#202a25;--calm-paper:#2b3830;--calm-ink:#f0f0e5;--calm-muted:#c1cdbc;--calm-line:#536453;--calm-sage:#354537;--calm-honey:#dcc98e;--calm-peach:#473d32;--calm-shadow:0 8px 28px #07140c20}
html:has(body.tribee-soft){background:var(--calm-bg);--bg:var(--calm-bg);--paper:var(--calm-paper);--panel:var(--calm-paper);--ink:var(--calm-ink);--muted:var(--calm-muted);--line:var(--calm-line);--soft:var(--calm-sage);--lime:var(--calm-honey)}
body.tribee-soft{background:var(--calm-bg)!important;color:var(--calm-ink)!important;overflow-wrap:break-word}
.tribee-soft .tribee-ribbon{background:var(--calm-sage);color:var(--calm-ink);border-color:var(--calm-line);padding-top:15px;padding-bottom:15px}
.tribee-soft .tribee-ribbon nav>a{border-radius:999px;font-size:13px}
.tribee-soft .tribee-ribbon nav>a[aria-current=page]{background:var(--calm-honey);color:#29433c!important}
.soft-interface .site-header,.soft-interface>header,.soft-interface>footer,.soft-interface .closing{background:var(--calm-sage)!important;color:var(--calm-ink)!important;border-color:var(--calm-line)}
.soft-interface h1,.soft-interface h2,.soft-interface h3{letter-spacing:-.025em;line-height:1.25}
.soft-interface p{line-height:1.8}
.soft-interface .button,.soft-interface .comic-action,.soft-interface .book-card button,.soft-interface .single-language-links a{border-radius:999px;min-height:44px;transition:background .18s,box-shadow .18s}
.soft-interface .button.primary,.soft-interface .button.light,.soft-interface .primary,.soft-interface .comic-action.mint{background:var(--calm-honey);color:#29433c;border:1px solid #d5c797;box-shadow:none}
.soft-interface a:focus-visible,.soft-interface button:focus-visible{outline:3px solid #94752e;outline-offset:3px}
.soft-interface .button:hover,.soft-interface .language-card:hover,.soft-interface .book-card:hover{transform:translateY(-2px);box-shadow:var(--calm-shadow)}
.soft-interface .card,.soft-interface .book-card,.soft-interface .panel,.soft-interface .quiz-panel,.soft-interface .practice-card,.soft-interface .flashcard,.soft-interface .mock-question,.soft-interface .mock-sidebar,.soft-interface .plan-grid article,.soft-interface .language-card,.soft-interface .story-card{border-radius:22px;background:var(--calm-paper);border-color:var(--calm-line);box-shadow:var(--calm-shadow)}
.soft-interface .free-card,.soft-interface .guide-card,.soft-interface .reading-card,.soft-interface .membership,.soft-interface .single-language-plan,.soft-interface .assessment,.soft-interface .hero-panel,.soft-interface .hero-display,.soft-interface .bank{border-radius:24px}
.soft-interface .books-section,.soft-interface .quiz-section,.soft-interface .mock-workspace,.soft-interface .reading-section,.soft-interface .practice,.soft-interface .single-language-plan,.soft-interface .bank{background:var(--calm-sage);color:var(--calm-ink);border-color:var(--calm-line)}
.soft-interface .hero-display,.soft-interface .hero-panel,.soft-interface .guide-card,.soft-interface .membership{background:var(--calm-sage);color:var(--calm-ink);border:1px solid var(--calm-line);box-shadow:var(--calm-shadow)}
.soft-interface .hero-display .hero-caption,.soft-interface .hero-display .hero-kicker,.soft-interface .hero-panel .panel-kicker,.soft-interface .hero-panel .panel-description,.soft-interface .hero-panel .panel-level,.soft-interface .membership p,.soft-interface .membership .eyebrow,.soft-interface .guide-copy p,.soft-interface .guide-copy .eyebrow,.soft-interface .bank p,.soft-interface .bank span,.soft-interface .single-language-plan p{color:var(--calm-muted)}
.soft-interface .hero-panel .mock-levels button,.soft-interface .hero-panel .placement-option{background:var(--calm-paper);color:var(--calm-ink);border-color:var(--calm-line)}
.soft-interface .hero-panel .mock-levels button[aria-pressed=true]{background:var(--calm-honey);color:#29433c}
.soft-interface .bank .account-number,.soft-interface .hero-numeral,.soft-interface .guide-symbol{color:var(--calm-ink)}
.soft-interface .membership .price-stack>a,.soft-interface .hero-caption,.soft-interface .panel-bottom{border-color:var(--calm-line)}
.soft-interface .membership .price-stack small,.soft-interface .membership .price-stack b{color:var(--calm-muted)}
.soft-interface .hero-motivation{background:var(--calm-paper);color:var(--calm-muted);border-color:var(--calm-line);border-radius:14px}
.soft-interface .hero-motivation strong{color:var(--calm-ink)}
.soft-interface .hero-text,.soft-interface .hero-copy>p,.soft-interface .intro p,.soft-interface .book-content p,.soft-interface .book-card p,.soft-interface .section-heading>p,.soft-interface .plan-note,.soft-interface .payment p,.soft-interface .payment li{color:var(--calm-muted)}
.soft-interface .error,.soft-interface .error-message,.soft-interface .error:not(:empty){color:#a13d36!important}
html[data-theme=dark] .soft-interface .error,html[data-theme=dark] .soft-interface .error-message{color:#ffc1b5!important}
/* Main home: comfortable type, generous margins, warm cards. */
.soft-interface .header.wrap{background:transparent!important;height:96px;border-color:var(--calm-line)}
.soft-interface .header nav{font-size:14px;gap:26px}
.soft-interface .hero.wrap{padding:62px 0 68px;gap:48px;grid-template-columns:1.15fr .85fr}
.soft-interface .hero-copy h1{font-size:clamp(42px,5.1vw,70px);font-weight:700;letter-spacing:-.045em;line-height:1.17;margin:25px 0}
.soft-interface .hero-copy h1 em{color:#59764e}
html[data-theme=dark] .soft-interface .hero-copy h1 em{color:#c1d4a8}
.soft-interface .hero.wrap .hero-copy>p{font-size:17px;line-height:1.9}
.soft-interface .eyebrow{font-size:11px;letter-spacing:.1em}
.soft-interface .hero-note{font-size:13px}.soft-interface .hero-note small{font-size:12px}
.soft-interface .hero-art.tribee-brand-display{background:var(--calm-peach);border:1px solid var(--calm-line);border-radius:32px;padding:27px;text-align:left;box-shadow:var(--calm-shadow)}
.soft-interface .tribee-brand-display>img{max-width:240px;width:75%;height:auto;margin:0 0 18px;border-radius:15px}
.soft-art-note>span,.soft-kicker{font-size:11px;font-weight:700;letter-spacing:.09em;color:var(--calm-muted)}
.soft-art-note h2{font-size:clamp(28px,3vw,40px);font-weight:650;line-height:1.35;margin:12px 0;letter-spacing:-.04em}
.soft-art-note p{font-size:14px;color:var(--calm-muted)}
.soft-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.soft-chips>span{padding:8px 14px;background:var(--calm-paper);border-radius:999px;font-size:13px;color:var(--calm-ink)}
.soft-pace{padding:30px 34px;margin-bottom:64px;background:var(--calm-paper);border:1px solid var(--calm-line);border-radius:28px;box-shadow:var(--calm-shadow)}
.soft-pace-intro h2{font-size:25px;font-weight:650;margin:10px 0}.soft-pace-intro p{font-size:14px;color:var(--calm-muted);margin:0 0 22px}
.soft-pace-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.soft-pace-options button{display:grid;grid-template-columns:32px 1fr;gap:5px 10px;text-align:left;border:1px solid var(--calm-line);border-radius:18px;background:var(--calm-bg);color:var(--calm-ink);padding:18px;min-width:0;cursor:pointer;font:inherit}
.soft-pace-options button>span{grid-row:span 2;font-size:25px;color:var(--calm-muted)}.soft-pace-options strong{font-size:16px;font-weight:650}.soft-pace-options small{font-size:12px;color:var(--calm-muted)}
.soft-pace-options button[aria-pressed=true]{background:var(--calm-sage);border-color:#7d956d;box-shadow:inset 0 0 0 1px #7d956d}
.soft-next{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:19px}.soft-next p{margin:0;color:var(--calm-muted);font-size:14px;max-width:710px;line-height:1.8}.soft-next a{flex-shrink:0;font-weight:650;font-size:14px;color:var(--calm-ink);text-decoration:underline;text-underline-offset:4px}
.soft-interface .languages .section-title{margin-bottom:26px}.soft-interface .languages .section-title>p{font-size:14px;line-height:1.8;color:var(--calm-muted)}
.soft-interface .card-main{padding:25px 23px}.soft-interface .card-top{font-size:10px;letter-spacing:.07em}.soft-interface .card-glyph{font-size:52px;line-height:1.2}.soft-interface .card-glyph span{font-size:10px;letter-spacing:.05em}.soft-interface .card-main h3{font-size:22px}.soft-interface .card-main p,.soft-interface .card-main small{font-size:13px;line-height:1.85}.soft-interface .card-main small{min-height:120px}.soft-interface .card-links{font-size:12px;padding:17px 23px}
.soft-interface .single-language-plan.wrap{margin-top:34px;border-color:var(--calm-line);background:var(--calm-peach);padding:32px}.soft-interface .single-language-plan p{font-size:14px}.soft-interface .single-language-links a{font-size:13px}.soft-interface .single-plan-price small{font-size:13px}
.soft-interface .membership.wrap{padding:40px 44px;margin-top:28px}.soft-interface .membership.wrap p{font-size:14px}.soft-interface .membership.wrap .eyebrow{color:var(--calm-muted)}.soft-interface .membership.wrap h2{font-size:30px;line-height:1.4}.soft-interface .price-stack>small{font-size:12px}
.soft-interface .soft-rest{padding:74px 0}.soft-interface .soft-rest p{font-size:clamp(25px,3vw,36px);font-weight:600;line-height:1.5;margin:18px 0}.soft-interface .soft-rest>span:last-child{font-size:14px;color:var(--calm-muted)}
.soft-interface .footer.wrap{background:transparent!important}.soft-interface .footer p,.soft-interface .footer>a:last-child{font-size:12px}
/* Short encouragement, close to the work it supports. */
.soft-welcome{display:flex;align-items:center;gap:16px;width:min(1180px,calc(100% - 32px));margin:24px auto 20px;padding:20px 24px;border:1px solid var(--calm-line);border-radius:20px;background:var(--calm-paper);color:var(--calm-ink)}
.soft-welcome-mark{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:50%;background:var(--calm-honey);color:#685a34;font-size:23px}.soft-welcome strong{font-size:17px;font-weight:650}.soft-welcome p{margin:5px 0 0;font-size:14px;color:var(--calm-muted);line-height:1.8}
.soft-test-note{font-size:13px!important;line-height:1.8!important;padding:13px 16px;margin:16px 0!important;background:var(--calm-sage);color:var(--calm-ink)!important;border:1px solid var(--calm-line);border-radius:13px}
@media(max-width:1000px){.soft-interface .hero.wrap{gap:30px}.soft-pace{padding:25px}.soft-next{flex-direction:column;align-items:flex-start;gap:12px}.soft-interface .card-main{padding:21px 18px}.soft-interface .card-links{padding:16px 18px;flex-wrap:wrap}}
@media(max-width:760px){.soft-interface .hero.wrap{grid-template-columns:1fr;padding:36px 0 42px;gap:26px}.soft-interface .hero-copy h1{font-size:clamp(37px,9vw,58px);letter-spacing:-.035em}.soft-interface .header nav{font-size:12px;gap:14px}.soft-interface .hero.wrap .hero-copy>p{font-size:16px}.soft-interface .hero-art.tribee-brand-display{max-width:none;padding:23px;border-radius:24px}.soft-art-note h2{font-size:29px}.soft-interface .tribee-brand-display>img{max-width:180px;margin-bottom:12px}.soft-pace{padding:22px;margin-bottom:42px;border-radius:23px}.soft-pace-intro h2{font-size:22px}.soft-pace-options{grid-template-columns:1fr;gap:9px}.soft-pace-options button{padding:14px 16px;min-height:65px}.soft-pace-options strong{font-size:15px}.soft-welcome{padding:17px 16px;gap:12px;margin:18px auto}.soft-welcome strong{font-size:16px}.soft-welcome p{font-size:13px}.soft-interface .card-main small{min-height:135px;font-size:12px}.soft-interface .card-main h3{font-size:20px}.soft-interface .card-links{font-size:12px;padding:14px}.soft-interface .membership.wrap{padding:27px 23px}.soft-interface .membership.wrap h2{font-size:26px}.soft-interface .single-language-plan.wrap{padding:25px}.soft-interface .soft-rest{padding:50px 0}.soft-interface .soft-rest>span:last-child{font-size:13px;display:block;line-height:1.8}.soft-interface .section-title>p{display:block}.soft-interface .section-title{align-items:flex-start;flex-direction:column}}
@media(max-width:380px){.soft-interface .language-grid{grid-template-columns:1fr}.soft-interface .card-main small{min-height:0}.soft-interface .card-links{flex-direction:row}.soft-interface .hero-copy h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.tribee-soft *{scroll-behavior:auto!important;transition:none!important}}
.gereg-category{display:grid;grid-template-columns:minmax(190px,.65fr) 1.35fr;gap:42px;align-items:center;margin-top:36px;padding:38px 42px;border:1px solid var(--calm-line);border-radius:28px;background:var(--calm-paper);box-shadow:var(--calm-shadow)}.gereg-mark{position:relative;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;padding:27px;border-radius:22px;background:var(--calm-peach);border:1px solid var(--calm-line);overflow:hidden}.gereg-mark span,.gereg-mark small{position:relative;z-index:1;font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--calm-muted)}.gereg-mark strong{position:absolute;right:-10px;bottom:-49px;font:700 210px/1 Georgia,serif;color:color-mix(in srgb,var(--calm-ink) 9%,transparent)}.gereg-copy .eyebrow{color:var(--calm-muted)}.gereg-copy h2{font-size:clamp(28px,3.4vw,42px);letter-spacing:-.04em;margin:15px 0 12px}.gereg-copy>p:not(.eyebrow){max-width:680px;font-size:14px;line-height:1.85;color:var(--calm-muted)}.gereg-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:23px}.gereg-actions>span{font-size:12px;font-weight:650;color:var(--calm-muted)}
@media(max-width:760px){.gereg-category{grid-template-columns:1fr;gap:24px;padding:24px;margin-top:25px}.gereg-mark{min-height:150px}.gereg-mark strong{font-size:165px;bottom:-42px}.gereg-copy h2{font-size:28px}.gereg-copy>p:not(.eyebrow){font-size:13px}}
.soft-interface .hero p,.soft-interface .hero .eyebrow{color:var(--calm-muted)}
.soft-interface .hero h1 span,.soft-interface .hero h1 em{color:#59764e}
.soft-interface .hero h1{color:var(--calm-ink)}
.soft-interface .motivation span{color:var(--calm-ink)}
.soft-interface .motivation small{color:var(--calm-muted)}
.soft-interface .secondary,.soft-interface .theme-toggle,.soft-interface .theme-button{background:var(--calm-paper);color:var(--calm-ink);border-color:var(--calm-line)}
html[data-theme=dark] .soft-interface .hero h1 span,html[data-theme=dark] .soft-interface .hero h1 em{color:#c1d4a8}
html[data-theme=dark] .soft-interface .card,html[data-theme=dark] .soft-interface .book-card,html[data-theme=dark] .soft-interface .panel,html[data-theme=dark] .soft-interface .quiz-panel,html[data-theme=dark] .soft-interface .practice-card,html[data-theme=dark] .soft-interface .flashcard,html[data-theme=dark] .soft-interface .mock-question,html[data-theme=dark] .soft-interface .mock-sidebar,html[data-theme=dark] .soft-interface .plan-grid article,html[data-theme=dark] .soft-interface .language-card{background:var(--calm-paper);color:var(--calm-ink);border-color:var(--calm-line)}
html[data-theme=dark] .soft-interface .hero,html[data-theme=dark] .soft-interface .hero-panel,html[data-theme=dark] .soft-interface .hero-display,html[data-theme=dark] .soft-interface .guide-card,html[data-theme=dark] .soft-interface .books-section,html[data-theme=dark] .soft-interface .quiz-section,html[data-theme=dark] .soft-interface .reading-section,html[data-theme=dark] .soft-interface .bank{background:var(--calm-sage);color:var(--calm-ink)}
html[data-theme=dark] .soft-interface .hero.wrap{background:transparent}
html[data-theme=dark] .soft-interface .hero-copy>p,html[data-theme=dark] .soft-interface .hero-text,html[data-theme=dark] .soft-interface .book-content p,html[data-theme=dark] .soft-interface .book-card p,html[data-theme=dark] .soft-interface .section-heading>p,html[data-theme=dark] .soft-interface .intro p,html[data-theme=dark] .soft-interface .motivation small{color:var(--calm-muted)}
/* A placement test keeps clear selected/correct/incorrect states in either mode. */
.soft-interface .hero-panel .placement-option.correct{background:#dcf5e9;border-color:#27855e;color:#155b40}
.soft-interface .hero-panel .placement-option.incorrect{background:#ffebe8;border-color:#bb5a51;color:#8b302a}
html[data-theme=dark] .soft-interface .hero-panel .placement-option.correct{background:#254c37;border-color:#83b992;color:#d5f3dc}
html[data-theme=dark] .soft-interface .hero-panel .placement-option.incorrect{background:#573c33;border-color:#ce9787;color:#ffdfd3}

.reader-discovery{max-width:1120px;margin:28px auto;padding:26px;border:1px solid var(--calm-line);border-radius:22px;background:var(--calm-paper);color:var(--calm-ink)}.reader-discovery>p{color:var(--calm-muted);font-size:14px;line-height:1.8}.reader-discovery>p:first-child{font-size:11px;letter-spacing:.08em}.reader-discovery .button{display:inline-block;padding:12px 18px;text-decoration:none;border-radius:999px}@media(max-width:760px){.reader-discovery{margin:22px 16px;padding:22px}}