/* Shared content styling; course-only context is scoped to lc-item-page.
   Optional li variables keep standalone content's existing colours intact. */
.li-content .course-mode-word-btn{background:white;border:1px solid var(--li-line,#d8e2e2);border-radius:7px;padding:8px 12px;color:var(--li-accent,#216c6e);font:inherit;font-size:14px}
.li-prose{font-size:20px;line-height:1.75;overflow-wrap:anywhere}.li-prose p{font:inherit;text-align:left!important}.li-prose h2{font-size:30px;line-height:1.25;margin:40px 0 20px}.li-prose h3{font-size:23px;margin-top:30px}.li-prose a{color:var(--li-accent,#216c6e);text-decoration:underline}.li-prose img{max-width:100%!important;height:auto!important;border-radius:12px}.li-prose iframe,.li-prose video{max-width:100%}.li-prose table{display:block;width:100%!important;max-width:100%;overflow-x:auto;font-size:17px;border-collapse:collapse}.li-prose td,.li-prose th{padding:10px}.li-prose ul,.li-prose ol{padding-left:26px}.li-intro{color:#526467;margin-bottom:28px}
.li-content{min-width:0;overflow-wrap:anywhere}.li-content h2{font-size:28px;line-height:1.25}.li-content .table-responsive{overflow-x:auto}.li-content table{border-collapse:collapse;width:100%}.li-content td,.li-content th{padding:14px 12px;border-bottom:1px solid var(--li-line,#d8e2e2);text-align:left}.li-content th{font-size:14px;color:#526467}.li-content input[type=text],.li-content textarea{width:100%;min-width:0;padding:12px;border:1px solid #91aaad;border-radius:7px;background:white;color:var(--li-ink,#172b2e);font:inherit}.li-content label,.li-content button{cursor:pointer}.li-content .course-mode-choice{display:flex;align-items:center;gap:12px;margin:12px 0}.li-content input[type=radio],.li-content input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:var(--li-accent,#216c6e)}.li-content .course-mode-preview-box{margin:28px 0}.li-content .course-mode-subtabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.li-content .filtermenu,.li-content .course-mode-word-speech,.li-content .course-mode-chat-action{background:#fff;color:var(--li-accent,#216c6e);border:1px solid var(--li-line,#d8e2e2);border-radius:7px;padding:10px 14px;font:600 15px 'Source Sans 3',sans-serif}.li-content .filtermenu.active{background:var(--li-accent,#216c6e);color:white}
.li-content [class$=-question]{padding:24px 0;border-top:1px solid var(--li-line,#d8e2e2)}.li-content [class$=-question-head]{font-weight:600;margin-bottom:16px}.li-content [class$=-icon]{display:block;font-size:14px;margin-top:6px}.li-content [class$=-option]{display:flex;align-items:flex-start;gap:12px;margin:12px 0;padding:10px;border:1px solid var(--li-line,#d8e2e2);border-radius:7px}.li-content [class$=-option]:has(input:checked){border-color:var(--li-accent,#216c6e);background:var(--li-tint,#edf7f6)}.li-content .is-correct{border-left:3px solid #197866;padding-left:16px}.li-content .is-wrong,.li-content .is-missing{border-left:3px solid #9b293b;padding-left:16px}.li-content .is-revealed{border-left:3px solid #854219;padding-left:16px}.li-content .is-success{color:#197866}.li-content .is-error{color:#9b293b}.li-content audio{width:100%}.li-content .course-mode-word-summary{font-size:17px}.li-content .course-mode-word-count{color:#526467;font-size:15px}.li-content .course-mode-quiz-prompt{font-size:32px}
.li-content .course-mode-result-panel{padding:24px 0}.li-content .course-mode-result-score-value{display:block;font:600 42px Montserrat,sans-serif;color:var(--li-accent,#216c6e)}.li-content .course-mode-result-stats{display:flex;flex-wrap:wrap;gap:28px;margin:20px 0}.li-content .course-mode-result-stats strong,.li-content .course-mode-result-stats span{display:block}.li-content .course-mode-error-list{padding:0;list-style:none}.li-content .course-mode-error-card{border-top:1px solid var(--li-line,#d8e2e2);padding:20px 0}.li-content .course-mode-error-badge{font-size:13px;color:#854219}.li-content .course-mode-error-question strong,.li-content .course-mode-error-answer-grid strong{display:block}.li-content .course-mode-error-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:15px;margin-top:16px}.li-content .course-mode-celebration{color:var(--li-accent,#216c6e);font-weight:600}.li-content .course-mode-hover-word{position:relative;cursor:help;border-bottom:1px dotted var(--li-accent,#216c6e)}.li-content .course-mode-hover-word:is(:hover,:focus)::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:0;background:var(--li-ink,#172b2e);color:white;padding:6px 10px;border-radius:6px;font-size:15px;min-width:100px;z-index:5}.li-content .reading-scario-banner{margin:28px 0}.li-content .reading-scario-banner-image{width:100%;max-height:220px;object-fit:contain}
.li-content .course-mode-chat-box{height:500px;max-height:60dvh;overflow:auto;padding:20px;border:1px solid var(--li-line,#d8e2e2);border-radius:12px}.li-content .course-mode-chat-message{display:flex;gap:12px;align-items:flex-end;margin:16px 0}.li-content .course-mode-chat-message.is-user{flex-direction:row-reverse}.li-content .course-mode-chat-avatar{width:36px;height:36px;border-radius:50%}.li-content .course-mode-chat-bubble{background:var(--li-tint,#edf7f6);padding:14px 18px;border-radius:12px;max-width:85%;overflow-wrap:anywhere}.li-content .course-mode-chat-message.is-user .course-mode-chat-bubble{background:#f2f2f2}.li-content .course-mode-chat-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.li-content .course-mode-chat-form{display:flex;gap:12px;align-items:flex-end;margin-top:18px}.li-content .course-mode-chat-toolbar{margin-bottom:16px}
.lc-item-page .li-shell { padding-bottom:64px; }
.lc-item-page .li-course-strip { display:flex; flex-wrap:wrap; gap:10px 24px; align-items:center; border-top:1px solid var(--fd-line); border-bottom:1px solid var(--fd-line); padding:18px 0; margin:12px 0 32px; font-size:14px; color:var(--fd-muted); }
.lc-item-page .li-course-strip>.li-chapter-link { flex-basis:100%; color:var(--fd-ink); font-size:16px; }
.lc-item-page .li-course-strip>.li-falina-jump { margin-left:auto; color:var(--lc-text); text-decoration:underline; }
.lc-item-page .li-course-strip progress { width:100px; height:4px; border:0; accent-color:var(--lc-accent); background:var(--fd-line); }
.lc-item-page .li-course-strip progress::-webkit-progress-bar { background:var(--fd-line); }
.lc-item-page .li-course-strip progress::-webkit-progress-value { background:var(--lc-accent); }
.lc-item-page .li-course-strip progress::-moz-progress-bar { background:var(--lc-accent); }
.lc-item-page .li-item-heading { max-width:780px; margin-bottom:32px; }
.lc-item-page .li-item-heading h1 { font-size:clamp(30px,3.5vw,44px); margin:10px 0 20px; }
.lc-item-page .li-item-heading .li-intro { margin-bottom:0; }
.lc-item-page .li-type { font-size:12px; color:var(--fd-muted); margin:0; }
.lc-item-page .li-layout { display:grid; grid-template-columns:minmax(0,780px) minmax(250px,300px); gap:48px; align-items:start; justify-content:space-between; }
.lc-item-page .li-main { grid-column:1; grid-row:1; min-width:0; }
.lc-item-page .li-support { grid-column:2; grid-row:1; min-width:0; border-left:1px solid var(--fd-line); padding-left:24px; display:flex; flex-direction:column; gap:28px; }
.lc-item-page .li-help,.lc-item-page .li-route { min-width:0; }
.lc-item-page .li-help-heading { display:flex; align-items:center; gap:10px; margin-bottom:14px; }
.lc-item-page .li-help-heading h2 { font-size:18px; margin:0; }
.lc-item-page .li-falina-portrait { width:28px; height:28px; border-radius:50%; }
.lc-item-page .li-help p { font-size:15px; }
.lc-item-page .li-help summary { font-size:14px; cursor:pointer; color:var(--lc-text); }
.lc-item-page .course-mode-falina-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; font-size:14px; }
.lc-item-page .course-mode-falina-form label { grid-column:1/-1; }
.lc-item-page .course-mode-falina-form input { width:100%; min-width:0; padding:9px 10px; border:1px solid var(--fd-line); border-radius:6px; background:#fff; color:var(--fd-ink); font:inherit; }
.lc-item-page .course-mode-falina-form button { padding:9px 10px; border:1px solid var(--lc-text); border-radius:6px; background:var(--lc-text); color:#fff; font:inherit; cursor:pointer; }
.lc-item-page .course-mode-falina-quickactions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.lc-item-page .course-mode-falina-target-label { display:block; margin-top:14px; font-size:14px; }
.lc-item-page .course-mode-falina-target { display:block; width:100%; min-width:0; margin-top:6px; padding:9px 10px; border:1px solid var(--fd-line); border-radius:6px; background:#fff; color:var(--fd-ink); font:inherit; font-size:14px; }
.lc-item-page .course-mode-falina-chip { border:0; border-bottom:1px solid var(--fd-line); background:transparent; padding:6px 0; text-align:left; font:inherit; font-size:13px; line-height:1.5; color:var(--lc-text); cursor:pointer; }
.lc-item-page .course-mode-falina-chip:hover { border-color:var(--lc-text); }
.lc-item-page .li-assistant-answers { margin-top:16px; }
.lc-item-page .course-mode-falina-chatbox { overflow:visible; }
.lc-item-page .course-mode-falina-row { display:flex; align-items:flex-start; gap:8px; margin:12px 0; font-size:15px; }
.lc-item-page .course-mode-falina-row.is-user { flex-direction:row-reverse; }
.lc-item-page .course-mode-falina-avatar { width:28px; height:28px; border-radius:50%; flex:none; }
.lc-item-page .course-mode-falina-bubble { background:#f5f5f5; border-radius:6px; padding:12px; min-width:0; overflow-wrap:anywhere; }
.lc-item-page .course-mode-falina-row.is-user .course-mode-falina-bubble { background:#fff; border:1px solid var(--fd-line); }
.lc-item-page .course-mode-falina-links a { display:block; color:var(--lc-text); text-decoration:underline; }
.lc-item-page #courseModeFalinaStatus { margin:12px 0; font-size:15px; color:#9b293b; }
.lc-item-page .li-route { border-top:1px solid var(--fd-line); padding-top:20px; }
.lc-item-page .li-route:first-child { border-top:0; padding-top:0; }
.lc-item-page .li-route-list summary { font:600 16px Montserrat,Arial,sans-serif; cursor:pointer; margin-bottom:16px; }
.lc-item-page .li-route-list .course-mode-navitem { display:block; border-top:1px solid var(--fd-line); border-left:3px solid transparent; padding:14px 0 14px 12px; font-size:14px; }
.lc-item-page .li-route-list .is-current { border-left-color:var(--lc-text); }
.lc-item-page .li-route-list .course-mode-navitem:hover strong { text-decoration:underline; text-underline-offset:3px; }
.lc-item-page .li-route-list .course-mode-navmeta { display:flex; flex-wrap:wrap; gap:4px 10px; margin-bottom:6px; font-size:12px; color:var(--fd-muted); }
.lc-item-page .li-route-list strong { display:block; font-size:15px; line-height:1.5; }
.lc-item-page .li-back { display:block; margin-top:16px; font-size:14px; color:var(--lc-text); }
.lc-item-page .li-completion { border-top:1px solid var(--fd-line); margin-top:36px; padding:24px 0; }
.lc-item-page .li-completion--compact { border-top:0; margin:24px 0; padding:0; }
.lc-item-page .li-completion h2 { font-size:22px; margin-bottom:12px; }
.lc-item-page .li-completion p { font-size:16px; }
.lc-item-page .li-completion>a { display:inline-block; margin:12px 0; }
.lc-item-page .li-nextprev { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; padding-top:24px; border-top:1px solid var(--fd-line); }
.lc-item-page .li-completion[hidden] + .li-nextprev { margin-top:36px; }
.lc-item-page .li-nextprev a { min-width:0; overflow-wrap:anywhere; color:var(--lc-text); }
.lc-item-page .li-nextprev a:hover strong { text-decoration:underline; }
.lc-item-page .li-nextprev small,.lc-item-page .li-nextprev strong { display:block; }
.lc-item-page .li-nextprev small { color:var(--fd-muted); font-size:13px; margin-bottom:8px; }
.lc-item-page .li-content [class$=-question] { padding:24px 0; border:0; border-top:1px solid var(--fd-line); border-radius:0; background:transparent; }
.lc-item-page .li-content .is-correct { border-left:3px solid #197866; padding-left:16px; }
.lc-item-page .li-content .is-wrong,.lc-item-page .li-content .is-missing { border-left:3px solid #9b293b; padding-left:16px; }
.lc-item-page .li-content .is-revealed { border-left:3px solid #854219; padding-left:16px; }
.lc-item-page .li-content .course-mode-preview-box,.lc-item-page .li-content .course-mode-result-panel { padding:24px 0; border-top:1px solid var(--fd-line); }
.lc-item-page .li-content [class$=-option] { border-radius:6px; }
.lc-item-page .li-content input[type=radio],.lc-item-page .li-content input[type=checkbox] { accent-color:var(--lc-text); }
.lc-item-page .li-content .course-mode-chat-box { border-radius:6px; }
.lc-item-page .li-content .course-mode-chat-bubble { border-radius:6px; }
@media(max-width:1023px) {
  .lc-item-page .li-layout { grid-template-columns:minmax(0,1fr); gap:32px; }
  .lc-item-page .li-support { grid-column:1; grid-row:2; border-left:0; border-top:1px solid var(--fd-line); padding:24px 0 0; }
  .lc-item-page .li-main { grid-column:1; grid-row:1; }
}
@media(max-width:767px) {
  .li-prose { font-size:18px; }
  .li-prose h2,.li-content h2 { font-size:26px; }
  .li-content td,.li-content th { padding:10px 8px; }
  .li-content .course-mode-chat-form { flex-direction:column; align-items:stretch; }
  .li-content .course-mode-chat-box { padding:12px; }
  .lc-item-page .li-course-strip { padding:16px 0; gap:10px 16px; margin-bottom:24px; }
  .lc-item-page .li-course-strip>.li-falina-jump { margin-left:0; }
  .lc-item-page .li-layout { grid-template-columns:minmax(0,1fr); gap:32px; }
  .lc-item-page .li-support { grid-column:1; grid-row:2; border-left:0; border-top:1px solid var(--fd-line); padding:24px 0 0; }
  .lc-item-page .li-main { grid-column:1; grid-row:1; }
}
@media(max-width:420px) {
  .li-content .course-mode-words-table th:first-child,.li-content .course-mode-words-table td:first-child { display:none; }
  .li-content .course-mode-words-table th,.li-content .course-mode-words-table td { font-size:14px; padding:10px 5px; }
  .li-content .course-mode-words-table button { font-size:13px; padding:8px; }
  .lc-item-page .li-nextprev { grid-template-columns:minmax(0,1fr); }
}