.vt-nav{max-width:var(--card-width);box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:8px 10px;width:100%;margin:-6px auto 22px;display:flex}.vt-nav__back,.vt-nav__pn{border:1px solid var(--card-border);min-height:36px;color:var(--col-main-text);white-space:nowrap;background:#ffffffd9;border-radius:999px;align-items:center;padding:0 14px;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 1px 2px #0f172a0d}.vt-nav__back:hover,.vt-nav__pn:hover,.vt-nav__back:focus-visible,.vt-nav__pn:focus-visible{background:#e0f2fe;border-color:#7dd3fc}.vt-nav__unit{color:var(--text-sub);font-size:.85rem;font-weight:700}.vt-nav__sp{flex:auto}.vt-nav__yt{display:inline-flex}.vt-nav__yt[hidden]{display:none}@media (width<=560px){.vt-nav{gap:6px;margin-top:-10px}.vt-nav__unit{flex:100%;order:5}.vt-nav__sp{display:none}.vt-nav__back,.vt-nav__pn{padding:0 11px;font-size:.82rem}}.vt-foot{max-width:min(var(--card-width), 760px);box-sizing:border-box;border-top:1px dashed #cbd5e1;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin:6px auto 40px;padding-top:18px;display:flex}html[data-card-last="0"] .vt-foot,html[data-card-last] .vt-foot__a--dup{display:none}html[data-card-last] .vt-foot:not(:has(.vt-foot__a:not(.vt-foot__a--dup))){display:none}.vt-foot__a{border:1px solid var(--card-border);min-width:0;max-width:320px;min-height:48px;color:var(--col-main-text);background:#ffffffe6;border-radius:14px;flex-direction:column;justify-content:center;gap:1px;padding:6px 16px;font-size:.86rem;font-weight:800;line-height:1.35;text-decoration:none;display:inline-flex;box-shadow:0 1px 3px #0f172a0d}.vt-foot__a small{color:var(--text-sub);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;font-weight:700;overflow:hidden}.vt-foot__a:hover,.vt-foot__a:focus-visible{background:#f0f9ff;border-color:#7dd3fc}.vt-foot__a.vt-yt{background:#fef2f2;border-color:#fecaca;color:#991b1b!important}.vt-foot__a.vt-yt small{color:#b91c1c;opacity:.75}.vt-foot__a.vt-yt:hover,.vt-foot__a.vt-yt:focus-visible{background:#fee2e2}@media (width<=560px){.vt-foot{gap:6px}.vt-foot__a{flex:140px;max-width:100%;padding:6px 12px}}.vt-jump{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.vt-jump a{border:1px solid var(--card-border);min-height:40px;color:var(--text-main);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.vt-jump a small{color:var(--text-sub);font-weight:400}.vt-jump a:hover,.vt-jump a:focus-visible{background:#e0f2fe;border-color:#7dd3fc}section.card[id^=u-]{scroll-margin-top:16px}.vt-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:18px;margin-top:8px;display:grid}.vt-card{border:1px solid var(--card-border);background:#fff;border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 10px #0f172a0f}.vt-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0f172a1f}.vt-card__thumb{aspect-ratio:16/9;background:linear-gradient(118deg,#0ea5e9,#6366f1 60%,#8b5cf6);line-height:0;display:block}.vt-card__thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.vt-card__body{flex-direction:column;flex:auto;gap:8px;padding:12px 14px 14px;display:flex}section.card h3.vt-card__title{color:var(--text-main);border:0;margin:0;padding:0;font-size:1.05rem;line-height:1.5}.vt-card__title a{color:inherit;text-decoration:none}.vt-card__title a:hover{color:var(--col-main-text);text-decoration:underline}.vt-card__sum{color:var(--text-sub);margin:0;font-size:.9rem;line-height:1.7}.vt-chips{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.vt-chip{white-space:nowrap;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:.78rem;font-weight:800;display:inline-flex}.vt-chip--short{color:#9a3412;background:#ffedd5}.vt-chip--long{color:#5b21b6;background:#ede9fe}.vt-chip--other{color:#075985;background:#e0f2fe}.vt-card__links{flex-wrap:wrap;gap:6px;display:flex}.vt-card__links .vt-yt{min-height:32px;padding:0 12px;font-size:.8rem}.vt-lesson{white-space:nowrap;background:#f0f9ff;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex;color:var(--col-main-text)!important}.vt-lesson:hover,.vt-lesson:focus-visible{background:#e0f2fe}.vt-next{gap:8px;margin:.6em 0 0;padding:0;list-style:none;display:grid}.vt-next li{margin:0}.vt-next a{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;align-items:center;min-height:48px;padding:10px 16px;font-weight:700;line-height:1.5;text-decoration:none;display:flex;color:var(--col-main-text)!important}.vt-next a:hover,.vt-next a:focus-visible{background:#e0f2fe}html.public-page #btn-class-mode,html.public-page .teacher-tools-top .tp-class-only,html.public-page .teacher-tools-bottom,html.public-page #reaction-ui,html.public-page #focus-overlay,html.public-page #class-mode-indicator{display:none!important}.vt-nav__pub{white-space:nowrap;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;align-items:center;min-height:36px;padding:0 14px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex;color:#15803d!important}.vt-nav__pub:hover,.vt-nav__pub:focus-visible{background:#dcfce7}.vt-draft{max-width:var(--card-width);box-sizing:border-box;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;width:100%;margin:-10px auto 18px;padding:10px 14px;font-size:.88rem;font-weight:700;line-height:1.6}section.card>.expl-fb{margin-top:1.4em}@media (width<=480px){.card mjx-container[display=true]{max-width:100%;font-size:.9em;overflow:auto hidden}.card mjx-container[display=true]::-webkit-scrollbar{height:4px}.card details.detail>summary{align-items:center;gap:8px;min-height:48px;padding:10px 12px;line-height:1.5;display:flex}.card details.detail>summary::marker{color:var(--col-main)}.card details.detail>summary::-webkit-details-marker{color:var(--col-main)}.card .details-content{padding:2px 2px 6px}.card .interactive-area{width:calc(100% + 16px);margin-left:-8px;margin-right:-8px}.card p{line-height:1.85}.vt-nav{gap:6px}.vt-nav__back,.vt-nav__pn,.vt-foot .vt-yt{min-height:44px}}