/*
 * LINGUISTICAMENTE · identidad azul, rojo y blanco
 *
 * Capa visual compartida. No modifica bancos, progresion, estados ni logica.
 */

:root{
  --lg-ink:#142238;
  --lg-muted:#44546a;
  --lg-paper:#ffffff;
  --lg-paper-2:#edf3f8;
  --lg-surface:#ffffff;
  --lg-line:#d7e0e9;
  --lg-navy:#142238;
  --lg-navy-2:#214e78;
  --lg-blue:#2f6fa6;
  --lg-blue-2:#214e78;
  --lg-blue-soft:#dceaf5;
  --lg-red:#c04a50;
  --lg-red-2:#832e35;
  --lg-red-soft:#f8e9ea;
  --lg-ok:#207a4b;
  --lg-ok-soft:#e3f5e9;
  --lg-shadow:0 24px 70px rgba(18,23,39,.12);

  /* Compatibilidad con los nombres historicos del portal. */
  --ink:var(--lg-ink);
  --muted:var(--lg-muted);
  --paper:var(--lg-paper);
  --paper2:var(--lg-paper-2);
  --surface:var(--lg-surface);
  --line:var(--lg-line);
  --plum:var(--lg-blue);
  --plum2:var(--lg-blue-soft);
  --rust:var(--lg-red);
  --green:var(--lg-blue);
  --gold:var(--lg-red);
  --shadow:var(--lg-shadow);
}

html{color-scheme:light}
body{background:var(--lg-paper)!important;color:var(--lg-ink)!important}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--lg-blue)!important;outline-offset:3px}
.global-products :focus-visible,.topbar :focus-visible{outline-color:var(--lg-blue-2)!important}
.hero-card :focus-visible,.admission :focus-visible,.section.secondary :focus-visible,.syntax-lab :focus-visible,.route-visual :focus-visible,.site-footer :focus-visible{outline-color:#fff!important}

/* Acceso global claro: azul funcional y un remate rojo breve. */
.global-products{
  border-bottom-color:#d7e0e9!important;
  background:rgba(255,255,255,.97)!important;
  color:#142238!important;
  box-shadow:0 6px 22px rgba(20,34,56,.055)!important;
}
.global-products::before{color:#647084!important}
.global-products a{color:#44546a!important}
.global-products a::before{background:#a65a5f!important;box-shadow:0 0 0 3px rgba(166,90,95,.08)!important}
.global-products a:hover,.global-products a:focus-visible{color:#214e78!important;border-color:#bdcad7!important;background:#edf3f8!important}
.global-products a[aria-current]{color:#214e78!important;background:#edf3f8!important;border-color:#bdcad7!important;box-shadow:inset 0 -2px 0 #a65a5f!important}
.global-products a[aria-current]::before{background:#315f84!important;box-shadow:none!important}

/* Navegación propia del producto sobre papel, sin una segunda banda oscura. */
.topbar{border-bottom-color:#d7e0e9!important;background:rgba(255,255,255,.97)!important;color:#142238!important;box-shadow:0 8px 24px rgba(20,34,56,.045)!important}
.topbar .brand,.topbar .home-link,.topbar .tense-link{color:#142238!important}
.topbar .brand span{color:#832e35!important}
.topbar .portal-nav a{border-bottom:2px solid transparent;border-radius:0!important;color:#44546a!important}
.topbar .portal-nav a:hover,.topbar .portal-nav a[aria-current=page]{border-bottom-color:#a65a5f!important;background:transparent!important;color:#214e78!important}
.topbar .home-link{border-bottom:1px solid #a65a5f;padding-bottom:4px}
.eyebrow,.kicker,.unit-top,.activity-meta span,.guided-top span,.lab header>span{color:var(--lg-red)!important}
.primary,.session-button.primary,.campus-actions .primary,.activity-actions .check,.manual-actions .primary,.route-actions .route-check,.route-next,.closing a:first-child{
  border-color:var(--lg-blue)!important;background:var(--lg-blue)!important;color:#fff!important;
}
.primary:hover,.session-button.primary:hover,.campus-actions .primary:hover,.activity-actions .check:hover,.manual-actions .primary:hover{border-color:var(--lg-blue-2)!important;background:var(--lg-blue-2)!important}
.secondary,.session-button:not(.primary),.campus-actions a:not(.primary){border-color:#9ab4d2!important;background:#fff!important;color:var(--lg-blue)!important}

/* Portada: papel blanco, campo tecnico y prueba en azul. */
.hero{isolation:isolate;border-bottom:1px solid var(--lg-line);background:linear-gradient(135deg,#fff 0%,var(--lg-blue-soft) 100%)!important}
.hero::before{z-index:-1;content:'¿  !  ;  :  …'!important;color:rgba(180,35,24,.1)!important;text-shadow:70px 64px 0 rgba(23,92,211,.08)}
.hero h1,.strap,.section-head h2,.track h3{color:var(--lg-ink)!important}
.hero-copy>p:last-of-type,.section-head>p,.track ol{color:var(--lg-muted)!important}
.quick-start a{border-color:var(--lg-line)!important;background:#fff!important;color:var(--lg-ink)!important;box-shadow:none}
.quick-start a:nth-child(n){border-top:1px solid var(--lg-line)!important}
.quick-start a:hover{border-color:var(--lg-blue)!important;background:var(--lg-blue-soft)!important;box-shadow:var(--lg-shadow)!important}
.quick-start span{color:var(--lg-blue)!important}
.quick-start small{color:var(--lg-muted)!important}
.hero-card{border-color:rgba(255,255,255,.2)!important;background:linear-gradient(135deg,var(--lg-navy),var(--lg-navy-2))!important;color:#fff!important;box-shadow:var(--lg-shadow)!important}
.hero-card p{color:#c6d7eb!important}
.hero-card a{color:#b8d4f5!important}
.proof-strip span{border-color:var(--lg-line)!important;color:var(--lg-muted)!important}
.proof-strip strong{color:var(--lg-ink)!important}

/* Recorridos y secciones editoriales. */
.track-grid{border-color:var(--lg-line)!important;background:#fff!important}
.track{border-color:var(--lg-line)!important;background:#fff!important}
.track:nth-child(n){box-shadow:none}
.track-number,.level{color:var(--lg-blue)!important}
.admission,.section.secondary{background:var(--lg-navy)!important;color:#fff!important}
.admission .section-head h2,.admission h3,.secondary h2,.secondary h3{color:#fff!important}
.admission .section-head p,.admission .source-note,.school-card ul,.exam-shape ol,.writing-focus p,.writing-focus ol,.secondary-grid ul,.secondary-grid small{color:#c6d7eb!important}
.school-card,.exam-shape,.writing-focus,.exam-workshop article,.secondary-grid article{border-color:rgba(255,255,255,.18)!important;background:#0a2852!important}
.school-card header span,.school-card a,.writing-focus a,.writing-meter,.secondary-grid header>span{color:#b8d4f5!important}
.secondary-grid{border-color:rgba(255,255,255,.18)!important;background:var(--lg-navy)!important;color:#fff!important}
.exam-workshop p,.station-feedback,.writing-station label,.honesty-note{color:#c6d7eb!important}
.station-feedback span,.guided-map button small{color:#9fb3cb!important}
.exam-workshop textarea{border-color:#9ab4d2!important;background:#fff!important;color:var(--lg-ink)!important}
.exam-workshop button{border-color:var(--lg-blue)!important;background:var(--lg-blue)!important;color:#fff!important}
.exam-shape{background:linear-gradient(120deg,#0a2852,#10386d)!important}
.method,.secondary-rule,.lesson-shelf{border-color:var(--lg-line)!important;background:#fff!important}
.method li,.syntax-dictionary,.syntax-dictionary article{border-color:var(--lg-line)!important}
.method li>span{background:var(--lg-blue-soft)!important;color:var(--lg-blue)!important}
.method p,.syntax-dictionary p,.secondary-rule p{color:var(--lg-muted)!important}
.syntax-lab{background:linear-gradient(145deg,var(--lg-navy),var(--lg-navy-2))!important;color:#fff!important;box-shadow:var(--lg-shadow)!important}
.analysis-result{background:#0a2852!important;color:#d8e7f8!important}
.analysis-buttons button,.next-sentence{border-color:rgba(255,255,255,.24)!important;color:#fff!important}
.analysis-buttons button:hover,.analysis-buttons button.active{background:#fff!important;color:var(--lg-blue)!important}
.next-sentence{background:var(--lg-red)!important;color:#fff!important}
.syntax-dictionary strong{color:var(--lg-blue)!important}

/* Verbos, evaluacion y biblioteca de lecciones. */
.verbs,.guided{background:var(--lg-paper-2)!important}
.tense-controls button{border-color:#a9bfd8!important;background:#fff!important;color:var(--lg-muted)!important}
.tense-controls button[aria-selected=true],.tense-controls button[aria-pressed=true]{border-color:var(--lg-blue)!important;background:var(--lg-blue)!important;color:#fff!important}
.tense-stage,.tense-clarity,.quiz,.lesson-grid article{border-color:var(--lg-line)!important;background:#fff!important}
.tense-name .formula{color:var(--lg-blue)!important}
.tense-example,.activity-context,.route-context,.manual-context{border-left-color:var(--lg-red)!important;background:var(--lg-red-soft)!important;color:var(--lg-ink)!important}
.quiz-progress,.session-head{background:var(--lg-navy)!important;color:#fff!important}
.quiz-number{color:var(--lg-blue)!important}
.option,.activity-options label,.manual-options label{border-color:var(--lg-line)!important;color:var(--lg-muted)!important}
.option:has(input:checked),.activity-options label:has(input:checked),.manual-options label:has(input:checked){border-color:var(--lg-blue)!important;background:var(--lg-blue-soft)!important;color:var(--lg-ink)!important}
.quiz-result:not(:empty){border-color:#a9bfd8!important;background:var(--lg-blue-soft)!important}
.lesson-grid article>span,.lesson-grid article>div{color:var(--lg-blue)!important}

/* Laboratorios y ruta guiada. */
.guided-map,.guided-practice,.guided-coach,.lab{border-color:var(--lg-line)!important;background:#fff!important;color:var(--lg-ink)!important}
.guided-map button b,.route-orientation,.lab-screen strong{color:var(--lg-blue)!important}
.guided-map button:hover,.guided-map button.active,.support-levels b{border-color:#a9bfd8!important;background:var(--lg-blue-soft)!important;color:var(--lg-blue)!important}
.route-progress i{background:var(--lg-blue)!important;box-shadow:inset -8px 0 var(--signature-red,#a65a5f)!important}
.route-visual{background:linear-gradient(135deg,var(--lg-navy),var(--lg-navy-2))!important;color:#fff!important}
.route-visual i,.route-visual .visual-label,.route-visual .bracket small{color:#b8d4f5!important}
.route-visual .syllable.strong{border-bottom-color:#b8d4f5!important;color:#b8d4f5!important}
.route-visual .bracket{border-top-color:#b8d4f5!important}
.route-visual .predicate{border-color:#ff8177!important}
.route-visual .duration{border-bottom-color:#b8d4f5!important}
.route-visual .nucleus,.route-visual .morph-prefix{background:var(--lg-blue)!important}
.route-visual .morph-root{background:#b8d4f5!important;color:var(--lg-navy)!important}
.route-visual .morph-suffix{background:var(--lg-red)!important}
.route-help,.route-feedback,.activity-panel,.manual-feedback,.manual-hint,.lab-screen{background:var(--lg-blue-soft)!important;color:var(--lg-muted)!important}
.word-parts button,.paragraph-list li{border-color:var(--lg-line)!important;background:#fff!important;color:var(--lg-ink)!important}
.word-parts button.active,.lab button,.lab-time-line i.active{border-color:var(--lg-blue)!important;background:var(--lg-blue)!important;color:#fff!important}
.time-scenario{border-left-color:var(--lg-red)!important;background:var(--lg-red-soft)!important}
.timeline i{background:var(--lg-blue)!important;box-shadow:0 0 0 7px rgba(23,92,211,.14)!important}
.timeline{border-bottom-color:#9ab4d2!important}
.timeline[data-state=possible] i{border-color:var(--lg-blue)!important;background:transparent!important}
.timeline[data-state=possible]::after{color:var(--lg-blue)!important}

/* Programa, practica y manual. */
.campus-hero{position:relative;isolation:isolate;border-bottom:1px solid var(--lg-line);background:linear-gradient(135deg,#fff,var(--lg-blue-soft))!important}
.campus-hero::after{content:'a  →  b   ¿?   sujeto · predicado';position:absolute;z-index:-1;right:3%;top:10%;color:rgba(180,35,24,.08);font:500 clamp(40px,7vw,96px)/1 var(--display);white-space:nowrap;pointer-events:none}
.campus-hero h1,.campus-note strong{color:var(--lg-ink)!important}
.campus-hero p,.campus-note>span:last-child{color:var(--lg-muted)!important}
.campus-note{border-color:#a9bfd8!important;background:#fff!important;box-shadow:var(--lg-shadow)!important}
.program-summary span{border-color:var(--lg-line)!important;color:var(--lg-muted)!important}
.program-summary b{color:var(--lg-ink)!important}
.unit-card,.practice-sidebar,.practice-stage,.manual-nav,.manual-compass,.manual-stage{border-color:var(--lg-line)!important;background:#fff!important;color:var(--lg-ink)!important;box-shadow:none!important}
.unit-card:nth-child(n){border-top:1px solid var(--lg-line)!important}
.unit-card p,.unit-progress small,.practice-sidebar,.progress-box{color:var(--lg-muted)!important}
.unit-progress div,.session-track{background:var(--lg-paper-2)!important}
.unit-progress i,.session-track i{background:var(--lg-blue)!important}
.unit-card a{color:var(--lg-blue)!important}
.filter-stack select,.activity textarea,.manual-open{border-color:var(--lg-line)!important;background:#fff!important;color:var(--lg-ink)!important}
.mode-group button{border-color:var(--lg-line)!important;background:#fff!important;color:var(--lg-muted)!important}
.mode-group button[aria-pressed=true],.manual-unit-list button[aria-current=true],.manual-lesson-list button[aria-current=true]{border-color:var(--lg-blue)!important;background:var(--lg-blue-soft)!important;color:var(--lg-ink)!important}
.activity-meta span{background:var(--lg-red-soft)!important}
.manual-copy,.manual-recovery,.manual-lab{border-color:var(--lg-line)!important;background:var(--lg-blue-soft)!important;color:var(--lg-ink)!important}
.manual-example{background:var(--lg-navy)!important;color:#fff!important}
.moment-track{border-color:var(--lg-line)!important}
.moment-track button,.manual-actions button,.manual-actions a{border-color:var(--lg-line)!important;background:var(--lg-paper-2)!important;color:var(--lg-ink)!important}
.moment-track button[aria-current=step]{background:var(--lg-blue)!important;color:#fff!important}
.manual-lab-controls button{border-color:var(--lg-line)!important;background:#fff!important;color:var(--lg-ink)!important}
.manual-lab-controls button[aria-pressed=true]{border-color:var(--lg-blue)!important;background:var(--lg-blue)!important;color:#fff!important}
.manual-lab-result{border-left-color:var(--lg-red)!important;background:#fff!important}
.lab-sentence [data-part].active{background:var(--lg-blue-soft)!important;color:var(--lg-ink)!important}
.prerequisite-warning{border-color:#efaaa4!important;background:var(--lg-red-soft)!important}
.manual-status{background:var(--lg-blue-soft)!important}
.manual-review,.prerequisite-warning a{color:var(--lg-blue)!important}

/* Contraste AA en las microetiquetas de la portada sobre superficies claras. */
@media screen{
  .linguistica-landing .class-today__sequence b,
  .linguistica-landing .support-levels b{color:#214e78!important}
  .linguistica-landing #recorrido .eyebrow,
  .linguistica-landing .roadmap-card>span,
  .linguistica-landing .school-card header>span,
  .linguistica-landing .exam-shape .eyebrow,
  .linguistica-landing .writing-focus .eyebrow{color:#832e35!important}
  .linguistica-landing .guided-map button small,
  .linguistica-landing .exam-route>span{color:#44546a!important}
}

/* Feedback: conservar significado, no usar el acento de marca para todo. */
.feedback.ok,.route-feedback.correct,.activity-panel.ok,.manual-feedback.ok{background:var(--lg-ok-soft)!important;color:#145b37!important}
.feedback.bad,.route-feedback.incorrect,.activity-panel.bad,.manual-feedback.bad{background:var(--lg-red-soft)!important;color:#8f1d1d!important}

.closing,.site-footer{border-color:var(--lg-line)!important}
.site-footer{background:var(--lg-navy)!important;color:#c6d7eb!important}
.site-footer a:hover{color:#b8d4f5!important}

@media(max-width:720px){
  .topbar .portal-nav{display:none!important}
  .hero,.campus-hero{padding-top:48px!important}
  .hero::before,.campus-hero::after{right:18px!important;width:calc(100% - 36px);overflow:hidden;font-size:48px;white-space:nowrap;text-align:right;opacity:.7}
}

@media(prefers-reduced-motion:reduce){
  .quick-start a,.route-progress i,.timeline i,.lab-sentence span{transition:none!important;animation:none!important}
}

@media print{
  .topbar{display:none!important}
  body{background:#fff!important;color:#111!important}
  .hero::before,.campus-hero::after{display:none!important}
}

/* Portada compacta: inventario completo y cuatro puertas antes del resto. */
.linguistica-landing .hero{padding:46px 28px 30px;gap:38px;background:linear-gradient(145deg,#fff 0%,var(--lg-blue-soft) 100%)!important}
.linguistica-landing .hero h1{margin:10px 0 16px;font-size:clamp(52px,7vw,94px)}
.linguistica-landing .hero .strap{font-size:clamp(24px,2.6vw,36px)}
.linguistica-landing .hero-card{padding:22px;background:linear-gradient(145deg,var(--lg-navy),var(--lg-navy-2))!important}
.linguistica-landing .portal-overview{margin-top:18px}
.linguistica-landing .entry-deck{padding-top:20px!important;padding-bottom:48px!important}
.linguistica-landing .entry-deck .section-head{margin-bottom:18px}
.linguistica-landing .entry-known{padding:18px;box-shadow:0 12px 36px rgba(18,23,39,.07)}
.linguistica-landing .entry-label{display:none}
.linguistica-landing .entry-topic-grid a{min-height:132px;padding:14px;border-top-color:var(--lg-blue)!important}
.linguistica-landing .entry-topic-grid a:nth-child(4n){border-top-color:var(--lg-red)!important}
.linguistica-landing .entry-topic-grid h4{margin:12px 0 5px;font-size:22px}
.linguistica-landing .entry-topic-grid strong{padding-top:9px}
.linguistica-landing .assisted-entry{margin-top:10px}
@media(max-width:720px){.linguistica-landing .hero{padding:30px 18px 24px!important}.linguistica-landing .hero-card{display:none}.linguistica-landing .portal-overview{margin-top:12px}.linguistica-landing .entry-deck{padding-top:12px!important}.linguistica-landing .entry-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px}.linguistica-landing .entry-topic-grid a{min-height:112px;padding:11px}.linguistica-landing .entry-topic-grid h4{font-size:20px}.linguistica-landing .entry-topic-grid p{display:none}}

/* Paleta de referencia 2026-08-13: azul marino adulto, blanco y rojo profundo. */
.global-products{border-bottom-color:var(--lg-line)!important;background:rgba(255,255,255,.97)!important;color:var(--lg-ink)!important;box-shadow:none!important}
.global-products::before{color:#647084!important}
.global-products a{color:var(--lg-muted)!important}
.global-products a::before{background:var(--lg-red)!important;box-shadow:none!important}
.global-products a:hover,.global-products a:focus-visible{color:var(--lg-blue-2)!important;border-color:#bdcad7!important;background:var(--lg-paper-2)!important}
.global-products a[aria-current]{color:#fff!important;background:var(--lg-navy-2)!important;border-color:var(--lg-navy-2)!important;box-shadow:none!important}
.global-products .gp-services>summary{border-color:#bdcad7!important;background:var(--lg-paper-2)!important;color:var(--lg-blue-2)!important}
.global-products .gp-services-panel a{color:var(--lg-ink)!important;background:#fff!important}
.global-products .gp-services-panel a:hover,.global-products .gp-services-panel a:focus-visible{color:var(--lg-blue-2)!important;background:var(--lg-paper-2)!important}
.topbar{border-bottom-color:var(--lg-line)!important;background:rgba(255,255,255,.97)!important;color:var(--lg-ink)!important}
.topbar .brand,.topbar .home-link{color:var(--lg-ink)!important}
.topbar .brand span{color:var(--lg-red-2)!important}
.topbar .portal-nav a{color:var(--lg-muted)!important}
.topbar .portal-nav a:hover,.topbar .portal-nav a[aria-current=page]{color:var(--lg-blue-2)!important;border-bottom-color:var(--lg-red)!important;background:var(--lg-paper-2)!important}
.linguistica-landing .hero{background:#fff!important}
.linguistica-landing .entry-known{border-color:#bdcad7!important;background:rgba(255,255,255,.96)!important;box-shadow:0 20px 55px rgba(18,23,39,.09)!important}
.linguistica-landing .entry-topic-grid a:hover{border-color:var(--lg-blue)!important;background:var(--lg-blue-soft)!important}

/* Taller transversal de escritura: la revisión deja evidencia y conserva la paleta blanca, azul y roja. */
.writing-workshop{display:grid!important;gap:16px!important;border:1px solid var(--lg-line)!important;background:#fff!important;color:var(--lg-ink)!important;text-align:left!important}
.writing-workshop h3,.writing-workshop p{margin:0}.writing-workshop h3{font:600 28px/1.1 var(--display)}
.writing-workshop__criteria{display:grid;gap:8px;padding:14px;border:1px solid var(--lg-line);border-radius:10px}.writing-workshop__criteria legend{padding:0 6px;color:var(--lg-blue-2);font-weight:800}.writing-workshop__criteria label{display:flex!important;gap:9px;align-items:flex-start;color:var(--lg-ink)!important}
.writing-workshop__field{display:grid;gap:6px}.writing-workshop__field strong{color:var(--lg-blue-2);font-size:13px}.writing-workshop__field textarea{width:100%;min-height:82px;margin:0!important;padding:12px;border:1px solid var(--lg-line);border-radius:9px;background:#fff;color:var(--lg-ink);font:inherit;resize:vertical}.writing-workshop__field:first-of-type textarea{min-height:150px}
.writing-workshop__pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.writing-workshop__errors:empty{display:none}.writing-workshop__errors{padding:12px;border-left:3px solid var(--lg-red);background:var(--lg-red-soft)}.writing-workshop__errors ul{margin:7px 0 0;padding-left:20px}.writing-workshop__limit{padding-top:10px;border-top:1px solid var(--lg-line);color:var(--lg-muted);font-size:12px}.rubric ul{margin:8px 0;padding-left:20px;color:var(--lg-muted)}.rubric p{margin:8px 0 0;color:var(--lg-muted);font-size:12px}
@media(max-width:650px){.writing-workshop__pair{grid-template-columns:1fr}}

/* Control local de producciones: exporta o borra textos sin tocar hitos. */
.local-production-controls{max-width:900px;margin:0 auto 72px;padding:24px;border:1px solid var(--lg-line);border-radius:16px;background:#fff;box-shadow:0 14px 38px rgba(18,23,39,.08)}
.local-production-controls h2{margin:8px 0;font:600 clamp(27px,3vw,39px)/1.05 var(--display);color:var(--lg-ink)}
.local-production-controls p{color:var(--lg-muted)}
.local-production-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.local-production-actions button{padding:11px 14px;border:1px solid var(--lg-blue);border-radius:9px;background:var(--lg-blue-2);color:#fff;font:700 13px var(--sans);cursor:pointer}
.local-production-actions button.danger{border-color:var(--lg-red);background:#fff;color:var(--lg-red-2)}
.local-production-actions button:focus-visible{outline:3px solid var(--lg-blue-soft);outline-offset:3px}
@media(max-width:620px){.local-production-actions{display:grid}.local-production-actions button{width:100%}}

.session-composition{display:grid;gap:5px;margin-top:12px;padding:12px;border-left:3px solid var(--lg-blue);border-radius:0 9px 9px 0;background:var(--lg-blue-soft);color:var(--lg-ink)}
.session-composition:empty{display:none}.session-composition strong{font-size:12px}.session-composition span,.session-composition small{color:var(--lg-muted);font-size:11px;line-height:1.45}

/* Estudio oral: grabación efímera local, ensayo sin grabar y alternativa accesible. */
.oral-studio{display:grid;gap:16px;margin-top:24px;padding:22px;border:1px solid var(--lg-line);border-top:4px solid var(--lg-blue);border-radius:14px;background:#fff;color:var(--lg-ink)}
.oral-studio:focus{outline:3px solid var(--lg-blue-soft);outline-offset:3px}.oral-studio h3{margin:0;font:600 clamp(27px,3vw,38px)/1.05 var(--display)}.oral-studio__goal{margin:0;padding:14px;border-left:3px solid var(--lg-red);background:var(--lg-red-soft);font:500 18px/1.45 var(--serif)}
.oral-studio dl{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;margin:0}.oral-studio dt{color:var(--lg-muted);font-size:11px}.oral-studio dd{margin:0;font-weight:700}.oral-studio ol{margin:0;padding-left:22px}.oral-studio li+li{margin-top:6px}
.oral-studio__field{display:grid;gap:6px}.oral-studio__field span{color:var(--lg-muted);font-size:12px}.oral-studio__field textarea{width:100%;min-height:90px;padding:12px;border:1px solid var(--lg-line);border-radius:9px;background:#fff;color:var(--lg-ink);font:inherit;resize:vertical}
.oral-studio__modes,.oral-studio__controls,.oral-studio__record-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.oral-studio button,.oral-studio__record-actions a{padding:10px 13px;border:1px solid var(--lg-blue);border-radius:9px;background:#fff;color:var(--lg-blue-2);font:700 12px var(--sans);cursor:pointer;text-decoration:none}.oral-studio__modes button[aria-pressed=true],.oral-studio__register{background:var(--lg-blue-2)!important;color:#fff!important}.oral-studio button:disabled{opacity:.48;cursor:not-allowed}.oral-studio button:focus-visible,.oral-studio textarea:focus-visible,.oral-studio audio:focus-visible{outline:3px solid var(--lg-blue-soft);outline-offset:2px}
.oral-studio__privacy,.oral-studio__limit{margin:0;color:var(--lg-muted);font-size:12px}.oral-studio audio{width:100%;margin-top:10px}.oral-studio [data-oral-status]:not(:empty){padding:11px;border-left:3px solid var(--lg-blue);background:var(--lg-blue-soft)}
.oral-studio__listening{display:grid;gap:10px;padding:16px;border:1px solid var(--lg-line);border-radius:12px;background:var(--lg-blue-soft)}.oral-studio__listening>p,.oral-studio__listening blockquote{margin:0}.oral-studio__listening blockquote{padding:14px;border-left:3px solid var(--lg-blue);background:#fff;font:500 17px/1.45 var(--serif)}.oral-studio__ack{display:flex;gap:9px;align-items:flex-start;font-size:13px;font-weight:700}.oral-studio__ack input{margin-top:3px}.oral-studio [data-oral-listening-status]:not(:empty){margin:0;color:var(--lg-muted);font-size:12px}
@media(max-width:650px){.oral-studio__modes,.oral-studio__controls{display:grid}.oral-studio__modes button,.oral-studio__controls button{width:100%}}