
:root{--adult-blue:#1769ff;--adult-purple:#6d28d9;--adult-pink:#db2777;--adult-green:#059669;--adult-ink:#0f172a;--adult-muted:#5b6b82;--adult-border:#dbe4f0;--adult-soft:#f8fafc}
.adult-shell{box-sizing:border-box;width:min(var(--tto-workspace-max,1500px),calc(100% - (2 * var(--tto-workspace-gutter,clamp(14px,1.7vw,32px)))));max-width:var(--tto-workspace-max,1500px);margin:0 auto;padding:24px 0 72px}.adult-breadcrumbs{font-size:13px;color:var(--adult-muted);margin-bottom:16px}.adult-breadcrumbs a{color:var(--adult-blue)}
.adult-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:26px;align-items:center;padding:clamp(28px,5vw,56px);border:1px solid #cfe0ff;border-radius:30px;background:linear-gradient(135deg,#eef6ff,#f8f4ff 54%,#fff1f7);box-shadow:0 24px 60px rgba(30,64,175,.10)}.adult-eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff;color:#1d4ed8;font-weight:800;font-size:12px;letter-spacing:.03em}.adult-hero h1{font-size:clamp(36px,5.8vw,64px);line-height:1.04;margin:12px 0 16px;color:var(--adult-ink)}.adult-hero p{font-size:clamp(16px,2vw,20px);line-height:1.75;color:#42526b;max-width:780px}.adult-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.adult-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;border-radius:13px;background:var(--adult-blue);color:white!important;font-weight:800;text-decoration:none;border:1px solid var(--adult-blue)}.adult-btn.secondary{background:white;color:#1d4ed8!important;border-color:#bfd4ff}.adult-hero-visual{min-height:250px;display:grid;place-items:center;position:relative}.adult-hero-visual .main-icon{font-size:112px;filter:drop-shadow(0 20px 26px rgba(91,33,182,.18))}.adult-hero-note{position:absolute;right:0;top:8px;background:#fff;padding:14px 16px;border-radius:16px 16px 4px 16px;box-shadow:0 12px 30px rgba(15,23,42,.12);max-width:200px;font-weight:700;color:#334155;font-size:13px;line-height:1.5}
.adult-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 8px}.adult-quick a{background:var(--surface,#fff);border:1px solid var(--adult-border);border-radius:18px;padding:17px;text-decoration:none;box-shadow:0 10px 26px rgba(15,23,42,.05)}.adult-quick strong{display:block;color:var(--adult-ink);font-size:16px}.adult-quick span{display:block;color:var(--adult-muted);font-size:13px;line-height:1.5;margin-top:5px}
.adult-section{margin-top:34px;padding:26px;border:1px solid var(--adult-border);border-radius:26px;background:var(--surface,#fff);box-shadow:0 16px 38px rgba(15,23,42,.05)}.adult-section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:17px}.adult-section-head h2{font-size:clamp(27px,4vw,38px);margin:0}.adult-section-head p{color:var(--adult-muted);max-width:690px;line-height:1.65;margin:5px 0 0}.adult-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.adult-card{display:flex;flex-direction:column;min-height:215px;padding:20px;border-radius:20px;border:1px solid var(--adult-border);background:linear-gradient(180deg,#fff,#fbfdff);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.adult-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(15,23,42,.10)}.adult-card .icon{font-size:30px;line-height:1}.adult-card h3{margin:13px 0 7px;font-size:20px;color:var(--adult-ink)}.adult-card p{color:var(--adult-muted);line-height:1.55;flex:1}.adult-meta{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.adult-meta span{padding:5px 8px;border-radius:999px;background:#eef5ff;color:#1d4ed8;font-size:10px;font-weight:800}.adult-card .action{font-weight:800;color:var(--adult-blue)}
.adult-answer{padding:20px;border-radius:20px;background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #cfe0ff}.adult-answer h2{margin-top:0}.adult-answer p,.adult-section p,.adult-section li{line-height:1.75;color:#42526b}.adult-link-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.adult-link-list a{padding:14px 16px;border:1px solid var(--adult-border);border-radius:15px;text-decoration:none;color:#1d4ed8;font-weight:750;background:#fff}.adult-link-list a span{display:block;color:var(--adult-muted);font-size:12px;font-weight:500;margin-top:4px}.adult-continue{display:none;margin:18px 0 0;padding:18px;border-radius:18px;background:linear-gradient(135deg,#172554,#4c1d95);color:#fff}.adult-continue.is-visible{display:flex;gap:16px;align-items:center;justify-content:space-between}.adult-continue strong{font-size:18px}.adult-continue small{display:block;color:#dbeafe;margin-top:4px}.adult-continue a{background:#fff;color:#1d4ed8!important;padding:10px 14px;border-radius:11px;font-weight:800;text-decoration:none;white-space:nowrap}
.adult-practice-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.adult-practice-card,.adult-side-card{border:1px solid var(--adult-border);border-radius:24px;background:var(--surface,#fff);box-shadow:0 16px 38px rgba(15,23,42,.05)}.adult-practice-head{padding:22px 24px;border-bottom:1px solid var(--adult-border)}.adult-practice-head h1{font-size:clamp(30px,4.4vw,46px);margin:8px 0}.adult-practice-head p{color:var(--adult-muted);line-height:1.6}.adult-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px 18px;background:var(--adult-soft);border-bottom:1px solid var(--adult-border)}.adult-stat{text-align:center;padding:11px;border-radius:13px;background:#fff;border:1px solid var(--adult-border)}.adult-stat span{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.08em;color:var(--adult-muted);font-weight:800}.adult-stat strong{display:block;font-size:22px;color:var(--adult-blue);margin-top:4px}.adult-passage-wrap{padding:22px}.adult-passage-text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(19px,2.2vw,24px);line-height:1.85;letter-spacing:.01em;background:#f8fafc;border:1px solid var(--adult-border);border-radius:17px;padding:20px;height:calc(3lh + 42px);max-height:calc(3lh + 42px);box-sizing:border-box;overflow:hidden;color:#52627a;cursor:text;position:relative;overscroll-behavior:none}.adult-passage-track{display:block;will-change:transform;transform:translate3d(0,0,0);transition:transform .12s ease-out}.adult-passage-text .done{color:#0f766e}.adult-passage-text .error{color:#b91c1c;background:#fee2e2}.adult-passage-text .current{color:#fff;background:var(--adult-blue);border-radius:3px}.adult-input,.adult-typing-capture{position:fixed!important;left:0!important;top:0!important;width:1px!important;height:1px!important;min-height:1px!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;pointer-events:none!important;resize:none!important;overflow:hidden!important}.adult-input:focus,.adult-typing-capture:focus{outline:none!important;box-shadow:none!important}.adult-progress{height:7px;background:#e2e8f0}.adult-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#10b981,#1769ff)}.adult-controls{display:flex;gap:9px;flex-wrap:wrap;padding:0 22px 22px}.adult-message{padding:0 22px 14px;min-height:24px;color:#1d4ed8;font-weight:800}.adult-results{display:none;margin:0 22px 22px;padding:20px;border-radius:18px;background:#ecfdf5;border:1px solid #a7f3d0}.adult-results.is-visible{display:block}.adult-results h2{margin:0 0 8px}.adult-side{display:grid;gap:14px;align-content:start}.adult-side-card{padding:20px}.adult-side-card h2{font-size:20px;margin:0 0 10px}.adult-side-card p,.adult-side-card li{color:var(--adult-muted);line-height:1.65}.adult-side-card ul{padding-left:18px}.adult-learning{margin-top:24px;padding:26px;border:1px solid var(--adult-border);border-radius:24px;background:var(--surface,#fff)}.adult-learning h2{font-size:28px}.adult-learning p,.adult-learning li{color:#42526b;line-height:1.75}.source-list{font-size:13px}.source-list a{word-break:break-word}
@media(max-width:900px){.adult-hero,.adult-practice-layout{grid-template-columns:1fr}.adult-hero-visual{min-height:170px}.adult-quick{grid-template-columns:repeat(2,1fr)}.adult-grid{grid-template-columns:repeat(2,1fr)}.adult-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.adult-shell{width:min(var(--tto-workspace-max,1500px),calc(100% - (2 * var(--tto-workspace-gutter,10px))));padding-top:14px}.adult-hero,.adult-section{padding:20px;border-radius:22px}.adult-quick,.adult-grid,.adult-link-list{grid-template-columns:1fr}.adult-continue.is-visible{align-items:flex-start;flex-direction:column}.adult-passage-wrap{padding:15px}.adult-controls{padding:0 15px 18px}.adult-message{padding:0 15px 12px}}
html[data-theme="dark"] .adult-hero,html[data-theme="dark"] .adult-answer{background:linear-gradient(135deg,#111c35,#1b1737 55%,#30162a)}html[data-theme="dark"] .adult-card,html[data-theme="dark"] .adult-stat,html[data-theme="dark"] .adult-link-list a{background:#111827}html[data-theme="dark"] .adult-passage-text{background:#0f172a;color:#aab8cd}html[data-theme="dark"] .adult-hero-note{background:#111827;color:#dbeafe}
/* v17.10.6 — reliable start-state feedback for Adult Type & Learn */
.adult-passage-text.is-active{border-color:#9fc0ff;box-shadow:0 0 0 3px rgba(23,105,255,.08)}
.adult-controls .adult-btn.is-active{box-shadow:0 0 0 3px rgba(23,105,255,.12)}
