.topic-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px}.topic-article{padding:0;background:#fff;border-radius:24px;border:1px solid var(--ldla-border);overflow:hidden}.topic-hero{padding:30px;background:linear-gradient(135deg,#f7faff,#edf5ff);color:#172033;border-bottom:1px solid #dbeafe}.topic-hero h1{font-size:clamp(1.9rem,3vw,3rem);line-height:1.3;margin:0}.topic-hero__description{max-width:860px;margin:14px 0 0;color:#334155;font-size:1rem;font-weight:500;line-height:1.85}.topic-hero__tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.topic-hero .ui-tag{background:#fff;color:#1d4ed8;border:1px solid #bfdbfe;text-decoration:none}.topic-hero .ui-tag:hover{background:#dbeafe;color:#1e40af;border-color:#93c5fd}.topic-hero__updated{margin:14px 0 0;text-align:right;color:#64748b;font-size:.9rem}.topic-body{padding:20px 30px 30px}.topic-body>.topic-section:first-child{padding-top:8px}.topic-section{padding:26px 0}.topic-section--accent{background:#f4f8fd;margin:0 -30px;padding:26px 30px}.topic-section__label{color:var(--ldla-blue);font-weight:900;margin:0 0 .2rem}.topic-section h2{margin:.2rem 0 1rem;font-size:1.65rem}.topic-dialogue{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;margin:18px 0}.topic-dialogue__face{width:64px;height:64px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid var(--ldla-border)}.topic-dialogue__bubble{background:#fff;border:1px solid #b9d3ef;border-radius:18px;padding:14px 16px;box-shadow:0 3px 10px rgba(30,79,134,.05)}.topic-dialogue--baron .topic-dialogue__bubble{background:#fff7ed;border-color:#fed7aa}.topic-dialogue__name{font-weight:900;margin:0 0 .25rem;color:#1e4f86}.topic-dialogue--baron .topic-dialogue__name{color:#9a5b18}.topic-dialogue__bubble p:last-child{margin:0}.topic-box{margin:20px 0;padding:18px 20px;border-radius:18px;border:1px solid var(--ldla-border);background:#fff}.topic-box--goal-box{background:#eef6ff;border-color:#bfdbfe}.topic-section--accent .topic-box--remember-box{background:#fff;border-color:#93c5fd;box-shadow:0 6px 18px rgba(37,99,235,.07)}.topic-box--remember-box{background:#f8fbff;border-color:#bfdbfe}.topic-box--point-box{background:#f7fee7;border-color:#d9f99d}.topic-box--note-box{background:#fff7ed;border-color:#fed7aa}.topic-box--formula-box{background:#fdf2f8;border-color:#fbcfe8}.topic-box__title,.topic-box__lead{font-weight:900;margin-top:0}.topic-table-wrap{overflow-x:auto;margin:22px 0}.topic-table{width:100%;border-collapse:collapse;background:#fff}.topic-table th,.topic-table td{border:1px solid var(--ldla-border);padding:.8rem;vertical-align:top}.topic-table th{background:#eff6ff}.topic-figure{margin:24px 0;text-align:center}.topic-figure img{margin-inline:auto;border-radius:14px}.topic-figure figcaption{color:var(--ldla-muted);font-size:.9rem;margin-top:.5rem}.topic-quiz{padding-bottom:30px}.topic-quiz__form{display:grid;gap:18px}.quiz-question{border:1px solid var(--ldla-border);border-radius:18px;padding:18px;margin:0;background:#fff}.quiz-question.is-correct{border-color:#86efac;background:#f0fdf4}.quiz-question.is-incorrect{border-color:#fca5a5;background:#fff7f7}.quiz-question__title{font-weight:900;padding:0 .25rem}.quiz-choices{display:grid;gap:10px;margin-top:12px}.quiz-choice{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:9px;align-items:center;padding:12px 14px;border:1px solid var(--ldla-border);border-radius:14px;background:#fff;cursor:pointer}.quiz-choice:hover{border-color:#93c5fd;background:#f8fbff}.quiz-choice input{margin:0}.quiz-choice__key{font-weight:900}.quiz-choice.is-selected{border-color:#60a5fa;background:#eff6ff}.quiz-choice.is-correct{border-color:#4ade80;background:#f0fdf4}.quiz-choice.is-incorrect{border-color:#f87171;background:#fff1f2}.quiz-question__feedback{margin:10px 0 0;font-weight:700}.topic-quiz__actions{margin-top:2px}.topic-quiz__result{min-height:1.6em;margin:0;font-weight:900}.topic-quiz__result.is-success{color:#15803d}.topic-quiz__result.is-error{color:#b91c1c}.topic-sidebar{display:grid;gap:16px;align-content:start;position:sticky;top:90px}.topic-sidebar .ui-card{padding:18px}.topic-sidebar__lecturer-card{text-align:center}.topic-sidebar__lecturer-card img{display:block;width:112px;height:112px;aspect-ratio:1/1;margin:0 auto 14px;border-radius:50%;object-fit:contain;background:#fff;border:1px solid var(--ldla-border)}.topic-sidebar__lecturer-card p{margin:.4rem 0 1rem}.topic-sidebar__related h2{font-size:1.15rem;margin-top:0}.topic-sidebar__related ul{display:grid;gap:0;margin:0;padding:0;list-style:none}.topic-sidebar__related li{border-top:1px solid var(--ldla-border)}.topic-sidebar__related li:first-child{border-top:0}.topic-sidebar__related a{display:block;padding:.7rem 0;line-height:1.5}.topic-reward{margin-top:26px;padding:22px;background:#fff7ed;border:1px solid #fed7aa;border-radius:20px}.topic-reward.is-earned{background:#f0fdf4;border-color:#86efac}.topic-reward h2{margin-top:0}.topic-reward__status{font-weight:800}.topic-reward__note{margin-bottom:0;color:var(--ldla-muted);font-size:.9rem}.topic-feedback{margin-top:22px;padding:22px;border:1px solid var(--ldla-border);border-radius:20px;background:#fff}.topic-feedback h2{margin-top:0;font-size:1.3rem}.topic-list-grid--compact{grid-template-columns:1fr}@media(max-width:1023px){.topic-layout{display:block}.topic-sidebar{position:static;margin-top:24px}.topic-body{padding:18px 22px 24px}.topic-section--accent{margin-inline:-22px;padding-inline:22px}}@media(max-width:767px){.topic-hero{padding:22px}.topic-hero__updated{text-align:left}.topic-dialogue{grid-template-columns:52px 1fr}.topic-dialogue__face{width:52px;height:52px}.topic-body{padding:14px 18px 22px}.topic-section--accent{margin-inline:-18px;padding-inline:18px}.quiz-choice{grid-template-columns:auto auto minmax(0,1fr);padding:11px}.topic-sidebar__lecturer-card img{width:104px;height:104px}}

.topics-empty-message{margin-top:22px;padding:22px}

.topic-share{margin-top:22px;padding:22px;border:1px solid var(--ldla-border);border-radius:20px;background:#fff}.topic-share h2{margin:0 0 12px;font-size:1.3rem}.topic-share__note{margin:-4px 0 14px;color:var(--ldla-muted);font-size:.94rem}.topic-share__actions{display:flex;gap:10px;flex-wrap:wrap}.topic-share__feedback{margin:10px 0 0;color:var(--ldla-muted);font-size:.92rem;font-weight:700}.quiz-question__feedback:empty,.topic-share__feedback:empty{display:none}@media(max-width:520px){.topic-share__actions{display:grid}.topic-share__actions .ui-button{width:100%}}

.topic-list{margin:20px 0;padding:16px 20px 16px 2.8rem;background:#fff;border:1px solid var(--ldla-border);border-radius:16px;box-shadow:0 3px 10px rgba(30,79,134,.05)}.topic-list li{margin:.45rem 0;padding-left:.15rem;line-height:1.75}.topic-list li:first-child{margin-top:0}.topic-list li:last-child{margin-bottom:0}ul.topic-list{list-style:disc}ol.topic-list{list-style:decimal}.topic-section--accent .topic-list{border-color:#bfdbfe}