/* Shared lesson layout is inherited from the approved Unit 1.2 cards. */
:is(#notes-content-1-2,.topic-one-notes,.topic-two-notes,.topic-three-notes,.topic-four-notes) .ec-card[data-card-tone="3"] { --card-bg:#fffbeb; --card-accent:#94700c; }
:is(#notes-content-1-2,.topic-one-notes,.topic-two-notes,.topic-three-notes,.topic-four-notes) .ec-card[data-card-tone="4"] { --card-bg:#fef2f2; --card-accent:#bd3746; }
:is(#notes-content-1-2,.topic-one-notes,.topic-two-notes,.topic-three-notes,.topic-four-notes) .ec-card[data-card-tone="5"] { --card-bg:#f7f3fc; --card-accent:#7950a6; }
.tl-card .scene-wrap.tl-scene { aspect-ratio:640/360; }
.tl-card .tl-tabs { grid-template-columns:repeat(var(--tl-tab-count,2),minmax(0,1fr)); }
.tl-card .tl-figure-note { margin:0; padding:10px 12px; border-bottom:1px solid #e4ebf5; color:#647a94; font-size:11px; line-height:1.5; text-align:center; }
.tl-card .tl-result { display:grid; align-content:center; min-height:104px; padding:14px 13px; border-top:1px solid #e4ebf5; color:#526b8b; font-size:13px; line-height:1.65; text-align:center; }
.tl-card .tl-result b { color:#7950a6; }.tl-card .tl-watch { margin:0; color:#71859e; }.tl-card .tl-result [hidden] { display:none; }
.tl-card:not(.is-expanded) .tl-result { display:none; }
.tl-card .tl-figure-tools { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:6px; }
.tl-card .tl-replay { padding:3px 0; border:0; background:none; color:#426a9d; font-size:11px; font-weight:700; cursor:pointer; }.tl-card .size-button { margin:0 0 0 auto; }
.tl-card .tl-zoom { position:absolute; inset:0; width:100%; border:0; background:transparent; cursor:zoom-in; }
.tl-card.is-expanded .tl-zoom { cursor:zoom-out; }
.tl-card .tl-zoom span { position:absolute; right:7px; bottom:7px; padding:5px 7px; color:#fff; background:#0b2545b3; border-radius:5px; font-size:10px; opacity:0; transition:opacity 150ms ease-out; }
.tl-card .tl-zoom i { position:absolute; top:45%; left:45%; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; color:#1b6ef3; background:#fffffff0; font:800 16px Arial,sans-serif; opacity:0; }
.tl-card .tl-zoom:hover span,.tl-card .tl-zoom:focus-visible span,.tl-card .tl-zoom:focus-visible i,.tl-card .tl-zoom:hover i { opacity:1; }
.tl-card .tl-formula-lines { display:grid; gap:10px; margin:18px 0; color:#0b2545; font:20px/1.55 Georgia,serif; overflow-wrap:anywhere; }
.tl-card .tl-data-table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:14px; line-height:1.6; }
.tl-card .tl-data-table th,.tl-card .tl-data-table td { padding:9px 7px; border-bottom:1px solid #e4ebf5; vertical-align:top; text-align:left; overflow-wrap:anywhere; }
.tl-card .tl-data-table th { color:#163b65; font-weight:750; }.tl-card .tl-data-table tr:last-child td { border-bottom:0; }
.tl-card .tl-table-wrap { min-width:0; margin:15px 0; }
.at-nuclide { display:inline-flex; align-items:center; gap:3px; white-space:nowrap; vertical-align:middle; font-style:normal; }
.at-nuclide>span { display:grid; grid-template-rows:1fr 1fr; gap:.1em; text-align:right; font-size:.65em; line-height:1; }
.at-nuclide sup,.at-nuclide sub { position:static; font-size:1em; line-height:1; }
.el-symbols { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:16px 0; }
.el-symbols figure { min-width:0; margin:0; padding:8px; border:1px solid #dce6f3; border-radius:8px; color:#274766; text-align:center; }
.el-symbols svg { display:block; width:100%; height:65px; }
.el-symbols figcaption { font-size:13px; line-height:1.4; overflow-wrap:anywhere; }
@container(max-width:440px) { .el-symbols { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(hover:hover) and (pointer:fine) { .tl-card .tl-zoom:hover i { animation:nb-diagram-ripple 850ms cubic-bezier(.23,1,.32,1) 1; } }
@media(prefers-reduced-motion:reduce) { .tl-card .tl-zoom span { transition:none; }.tl-card .tl-zoom:hover i { animation:none; } }