/* 1.8 — fidelity/accessibility pass. Presentation only; no accounting logic changed. */
:root{--lnm18-cocoa:#432016;--lnm18-rust:#d94c20;--lnm18-soft:#fff5e8;--lnm18-glow:#ffe2c3}
body[data-page^="edu."]{background:radial-gradient(circle at 50% 2%,#fff1df,#fff9f2 57%,#ffeedf)}
body[data-page^="edu."] .top{border-radius:0 0 20px 20px;box-shadow:0 6px 14px #9d58351a}
body[data-page^="edu."] .progress-wrap{margin:7px auto 17px}
body[data-page^="edu."] .panel{border-radius:31px;background:linear-gradient(157deg,#fffcf7,#fff8ee 64%,#ffebde);box-shadow:0 17px 42px #95532c1f,0 3px 10px #aa61301e,inset 0 2px #fff}
body[data-page^="edu."] .panel-inner{padding-bottom:26px}
body[data-page^="edu."] .question{font-size:clamp(27px,7.4vw,37px);font-weight:950;line-height:1.12;letter-spacing:-1.15px;max-width:20ch}
body[data-page^="edu."] .sub{font-size:14px;line-height:1.43;font-weight:620;margin:8px 0 12px;max-width:56ch}
body[data-page^="edu."] .primary,body[data-page^="edu."] .secondary{min-height:55px;border-radius:17px}
body[data-page^="edu."] .primary{background:linear-gradient(180deg,#f7753f 0%,#e45421 57%,#c63f1d 100%);box-shadow:inset 0 2px 0 #ffc2a1,0 3px 0 #ad381d,0 10px 16px #b2562f30}
body[data-page^="edu."] .primary:active{transform:translateY(2px);box-shadow:inset 0 1px #ffc2a1,0 1px 0 #9b351e,0 5px 8px #b2562f21}
body[data-page^="edu."] button:focus-visible,body[data-page^="edu."] input:focus-visible,body[data-page^="edu."] select:focus-visible{outline:3px solid #ab3b23;outline-offset:3px}
body[data-page^="edu."] .edu-form{background:linear-gradient(155deg,#fffdf6,#fff0df);border:1.5px solid #edc1a3;border-radius:23px;box-shadow:0 9px 21px #a85b3726,inset 0 2px #fff;padding:16px}
body[data-page^="edu."] .edu-field-wrap,body[data-page^="edu."] .edu-select{box-shadow:inset 0 2px 4px #b77a5423,0 2px 3px #f8e3d6}
body[data-page^="edu."] .edu-label{font-size:13px;font-weight:920;color:#633322}
body[data-page^="edu."] .edu-mini,body[data-page^="edu."] .lnm-quick{font-weight:900}
/* Category artwork: one visual language across cake, marmita, burger, pizza and pastries. */
body[data-page='edu.kind'] .lnm16-category-grid{gap:12px}
body[data-page='edu.kind'] .lnm16-category-grid .choice{background:linear-gradient(160deg,#fffdf9,#ffe9d5);border:1.4px solid #efbc97;box-shadow:inset 0 2px #fff,0 9px 15px #9953292b;min-height:153px}
body[data-page='edu.kind'] .lnm16-category-grid .choice:active{transform:translateY(2px) scale(.986)}
body[data-page='edu.kind'] .lnm16-category-grid .lnm16-food-img,body[data-page='edu.kind'] .lnm16-category-grid .lnm18-food-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 5px #9c643a39);transition:transform .24s cubic-bezier(.2,.75,.2,1)}
body[data-page='edu.kind'] .lnm16-category-grid .choice:hover img{transform:scale(1.075) rotate(-2deg)}
body[data-page='edu.kind'] .lnm16-category-grid .choice-text{font-size:15px;font-weight:950;letter-spacing:-.3px}
/* Ingredient question: same hero/inputs composition as the approved illustration, without redundant guidance blocks. */
body[data-page='edu.ing-used'] .lnm17-ing-head{border-radius:21px;background:linear-gradient(125deg,#fffaee,#ffe2c7);margin:4px 0 10px;padding:8px;box-shadow:inset 0 1px #fff,0 7px 14px #b97a4728;min-height:79px}
body[data-page='edu.ing-used'] .lnm17-ing-head img{width:82px;height:72px;object-fit:contain;background:#ffdfb9}
body[data-page='edu.ing-used'] .lnm17-ing-head small{font-size:10px;letter-spacing:.6px}
body[data-page='edu.ing-used'] .lnm17-ing-head strong{font-size:19px}
body[data-page='edu.ing-used'] .lnm18-top-story{display:grid;grid-template-columns:73px minmax(0,1fr);gap:9px;align-items:center;border-radius:19px;background:linear-gradient(120deg,#ffedd1,#fff4df);padding:8px 12px;border:1px solid #efcdb2;box-shadow:0 7px 12px #b06a4120;margin:9px 0 16px;min-height:86px}
.lnm18-top-story img{width:71px;height:66px;object-fit:cover;border-radius:14px;filter:drop-shadow(0 5px 4px #ba79533d)}
.lnm18-top-story strong{display:block;color:#be4c1e;font-size:13px;font-weight:950;line-height:1.16}
.lnm18-top-story span{display:block;color:#6a4530;font-size:13px;font-weight:700;line-height:1.3;margin-top:4px}
body[data-page='edu.ing-used'] .lnm16-inline-card{display:none!important}
body[data-page='edu.ing-used'] .lnm18-input-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:10px;align-items:end}
body[data-page='edu.ing-used'] .lnm18-input-column{min-width:0}
body[data-page='edu.ing-used'] .lnm18-input-column .edu-label{display:block;margin:0 0 7px}
body[data-page='edu.ing-used'] .lnm18-input-column .edu-field-wrap,body[data-page='edu.ing-used'] .lnm18-input-column .edu-select{width:100%;min-width:0;margin:0;min-height:55px;font-size:15px}
body[data-page='edu.ing-used'] .lnm-quick-title{font-size:12px;margin:13px 0 8px}
body[data-page='edu.ing-used'] .lnm-quick-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
body[data-page='edu.ing-used'] .lnm-quick{min-width:0;width:100%;min-height:43px;border-radius:13px;color:#772d19}
body[data-page='edu.ing-used'] .edu-quality-select{margin-top:0}
body[data-page='edu.ing-used'] .edu-form .primary{margin-top:7px}
body[data-page='edu.ing-used'] .lnm17-help-fold{margin:10px 0 15px;padding:11px 14px}
/* Other forms: warm premium hierarchy, not a legacy spreadsheet. */
body[data-page^='edu.'] .choice{border-radius:20px;box-shadow:inset 0 2px #fff,0 7px 15px #ae6f4528}
body[data-page^='edu.'] .edu-recipe-row,body[data-page^='edu.'] .edu-dash-lead{box-shadow:inset 0 2px #fff,0 8px 17px #ae6f452a}
/* Result: one continuous editorial surface, mirroring the approved product/price/chart/green summary card. */
body[data-page='edu.result-contrib'] .question{font-size:25px;max-width:none;margin-bottom:5px;text-align:center}
body[data-page='edu.result-contrib'] .sub{font-size:13px;max-width:42ch;margin:0 auto 10px;text-align:center}
body[data-page='edu.result-contrib'] .lnm18-money-panel{padding:10px 12px 13px;border:1.5px solid #edbea1;background:linear-gradient(158deg,#fffdf6,#fff1e0);border-radius:27px;box-shadow:0 10px 26px #a567402c,inset 0 2px #fff;margin:11px 0 16px}
body[data-page='edu.result-contrib'] .lnm17-result-hero{margin:0 0 8px;border:0;background:transparent;box-shadow:none;border-radius:18px;grid-template-columns:45% 55%}
body[data-page='edu.result-contrib'] .lnm17-result-hero img{max-height:150px;filter:drop-shadow(0 12px 7px #9046253b)}
body[data-page='edu.result-contrib'] .lnm17-result-price{padding:6px 4px 7px 0}
body[data-page='edu.result-contrib'] .lnm17-result-price strong{padding:10px 7px;border-radius:14px;font-size:clamp(19px,6.2vw,27px)}
body[data-page='edu.result-contrib'] .lnm-flow{margin:0;padding:7px 4px 9px;border:0;box-shadow:none;background:transparent;border-radius:0}
body[data-page='edu.result-contrib'] .lnm-flow-title{margin:0 0 10px;text-align:center;font-size:15px}
body[data-page='edu.result-contrib'] .lnm-flow-track{height:47px;border-radius:13px}
body[data-page='edu.result-contrib'] .lnm-flow-legend{margin-top:9px}
body[data-page='edu.result-contrib'] .lnm-flow-entry{min-height:31px;padding:6px 5px;font-size:13px}
body[data-page='edu.result-contrib'] .lnm-flow-entry strong{font-size:13px}
body[data-page='edu.result-contrib'] .lnm-flow-warning{font-size:11px;padding:8px 5px;margin:6px 0 0}
body[data-page='edu.result-contrib'] .edu-metric{margin:10px 0 0;padding:12px;border-radius:18px;box-shadow:inset 0 2px #fff,0 8px 12px #b88d4d21;background:linear-gradient(145deg,#fff6d6,#f7efcf)}
body[data-page='edu.result-contrib'] .edu-metric strong{font-size:clamp(38px,10.4vw,53px);letter-spacing:-1.7px}
body[data-page='edu.result-contrib'] .edu-metric small{font-size:13px}
body[data-page='edu.result-contrib'] .edu-metric .edu-fine{font-size:12px}
body[data-page='edu.result-contrib'] .lnm16-result-note{display:none!important}
body[data-page='edu.result-contrib'] .lnm18-after-note{font-size:12px;color:#705640;line-height:1.42;padding:9px 12px;margin:0 0 12px}
body[data-page='edu.result-contrib'] .lnm18-after-note b{color:#663e29}
/* Content not needed before result should never occupy excessive vertical space */
body[data-page='edu.result-contrib'] .lnm16-inline-card{margin-top:7px;margin-bottom:10px}
body[data-page='edu.result-contrib'] .lnm15-math-detail{margin:9px 0 10px}
body[data-page='edu.result-contrib'] .edu-story-prompt{margin:8px 0 10px}
/* Voice: living, but honest about illustrative motion rather than photorealistic lip sync. */
.lnm18-live-maria{width:100%;height:100%;position:relative;overflow:hidden;background:linear-gradient(135deg,#fcd5b1,#fff0d1);display:grid;grid-template-columns:minmax(0,66%) minmax(0,34%)}
.lnm18-live-stage{min-width:0;overflow:hidden;position:relative;border-radius:15px 0 0 15px;transform-origin:51% 79%;animation:lnm18-breathe 4.5s ease-in-out infinite}
.lnm18-live-stage img{width:100%;height:100%;object-fit:cover;object-position:53% center;transform:scale(1.15);display:block}
.lnm18-live-stage::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#9e4b3023,transparent 48%)}
.lnm18-live-text{display:flex;flex-direction:column;gap:7px;justify-content:center;align-items:flex-start;padding:12px 8px;color:#5a2c1e}
.lnm18-live-text strong{font-size:clamp(14px,3vw,22px);font-weight:950;line-height:1.15;letter-spacing:-.4px}
.lnm18-live-text small{font-size:11px;line-height:1.35;color:#86583e;font-weight:700}
.lnm18-live-icon{width:49px;height:49px;display:grid;place-items:center;font-size:26px;border-radius:16px;background:linear-gradient(150deg,#fffdf2,#ffe9cb);box-shadow:0 7px 12px #a56f3f3f;animation:lnm18-float 3.5s ease-in-out infinite}
.lnm18-sound-bars{display:flex;gap:3px;align-items:end;height:16px;margin-top:4px}
.lnm18-sound-bars i{display:block;width:4px;height:6px;border-radius:5px;background:#c85b2c;opacity:.45;transition:height .2s}
body.lnm16-speaking .lnm18-sound-bars i{opacity:1;animation:lnm18-wave .6s ease-in-out infinite alternate}
body.lnm16-speaking .lnm18-sound-bars i:nth-child(2){animation-delay:.11s}body.lnm16-speaking .lnm18-sound-bars i:nth-child(3){animation-delay:.23s}body.lnm16-speaking .lnm18-sound-bars i:nth-child(4){animation-delay:.32s}
body.lnm16-speaking .lnm18-live-stage{animation:lnm18-talk-stage 1.65s ease-in-out infinite}
.lnm18-live-mouth{position:absolute;width:14px;height:4px;border-radius:50%;background:#8c3b30;left:71%;top:49%;opacity:0;transform:rotate(-9deg);box-shadow:0 0 1px #f9c1a3}
body.lnm16-speaking .lnm18-live-mouth{opacity:.8;animation:lnm18-talk-mouth .25s ease-in-out infinite alternate}
.lnm18-live-eye{position:absolute;width:13px;height:4px;border-radius:50%;background:#df966d;left:63%;top:38%;opacity:0}
.lnm18-live-eye.right{left:75%;top:35%}
.lnm18-live-eye{animation:lnm18-blink 5.3s steps(1,end) infinite}
.lnm18-live-eye.right{animation-delay:.05s}
@keyframes lnm18-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.012) translateY(-2px)}}
@keyframes lnm18-talk-stage{0%,100%{transform:rotate(-.25deg) scale(1.008)}50%{transform:rotate(.42deg) scale(1.025)}}
@keyframes lnm18-talk-mouth{0%{height:3px}100%{height:10px;transform:rotate(-9deg) translateY(-2px)}}
@keyframes lnm18-blink{0%,90%,93%,100%{opacity:0}91%,92%{opacity:.75}}
@keyframes lnm18-wave{from{height:4px}to{height:16px}}
@keyframes lnm18-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:420px){body[data-page='edu.ing-used'] .lnm18-input-pair{gap:8px}body[data-page='edu.ing-used'] .edu-form{padding:12px}body[data-page='edu.result-contrib'] .lnm18-money-panel{padding:9px}body[data-page='edu.result-contrib'] .lnm17-result-hero img{max-height:139px}}
@media(max-width:350px){body[data-page='edu.ing-used'] .lnm18-input-pair{grid-template-columns:1fr}body[data-page='edu.result-contrib'] .lnm17-result-price strong{font-size:17px}body[data-page='edu.result-contrib'] .lnm17-result-hero img{max-height:124px}}
@media(prefers-reduced-motion:reduce){.lnm18-live-stage,.lnm18-live-icon,.lnm18-live-mouth,.lnm18-live-eye,.lnm18-sound-bars i{animation:none!important}.lnm18-live-mouth,.lnm18-live-eye{display:none!important}}

/* Small-screen readability and duplicate disclaimer cleanup. */
body[data-page='edu.result-contrib'] .sub{display:none}
body[data-page='edu.result-contrib'] .lnm18-after-note{padding-top:4px}
body[data-page^='edu.'] select.edu-quality-select{font-size:15px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
body[data-page='edu.ing-used'] .edu-form button.secondary{font-size:14px;font-weight:900;min-height:46px}
body[data-page='edu.kind'] .choice-emoji img[src$=".svg"]{display:block;max-height:98px}
body[data-page='edu.result-contrib'] .lnm17-result-hero img[src$=".svg"]{max-height:130px;padding:8px}
@media(max-width:390px){body[data-page^='edu.'] .edu-form .edu-select{font-size:14px}}
/* The contextual illustration moves gently without requiring another tap. */
body[data-page='edu.ing-used'] .lnm18-top-story img{animation:lnm18-tip-motion 4.1s cubic-bezier(.42,0,.58,1) infinite alternate;transform-origin:50% 85%}
body[data-page='edu.ing-used'] .lnm18-top-story{position:relative;overflow:hidden}
body[data-page='edu.ing-used'] .lnm18-top-story::after{content:'✦';position:absolute;right:12px;top:5px;color:#f49d51;opacity:.6;animation:lnm18-tip-sparkle 4s ease-in-out infinite;font-size:20px}
@keyframes lnm18-tip-motion{from{transform:translateY(2px) rotate(-1deg) scale(1)}to{transform:translateY(-3px) rotate(1deg) scale(1.04)}}
@keyframes lnm18-tip-sparkle{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:.95;transform:scale(1.1)}}
@media(prefers-reduced-motion:reduce){body[data-page='edu.ing-used'] .lnm18-top-story img,body[data-page='edu.ing-used'] .lnm18-top-story::after{animation:none}}
