.tclol{--tc-rail-h:60px}.tclol .course,.tclol .band{scroll-margin-top:calc(var(--tc-header-h) + var(--tc-rail-h) + 12px)}.tclol[data-course=civics]{--ink:var(--civics-ink);--paper:var(--civics-paper);--panel:var(--paper);--accent-hover:var(--civics-accent-hover)}.tclol[data-course=hota]{--ink:var(--hota-ink);--paper:var(--hota-paper);--panel:var(--paper);--accent-hover:var(--hota-accent-hover)}.tclol .course[data-course=civics],.tclol .now-card[data-course=civics],.tclol[data-course=civics]{--accent:var(--civics-accent);--accent-soft:var(--civics-accent-soft);--accent-line:var(--civics-accent-line)}.tclol .course[data-course=hota],.tclol .now-card[data-course=hota],.tclol[data-course=hota]{--accent:var(--hota-accent);--accent-soft:var(--hota-accent-soft);--accent-line:var(--hota-accent-line)}.tclol input{font:inherit;color:inherit;appearance:none}.tclol .rail{top:var(--tc-header-h);z-index:6;position:sticky}.tclol .rail-in{padding:11px var(--gutter);flex-wrap:wrap;align-items:center;gap:14px;display:flex}.tclol .brand{flex:none;align-items:center;gap:9px;display:flex}.tclol .jump{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.tclol .find{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.tclol .find label{background:var(--surface);border:1px solid var(--rule-soft);border-radius:var(--r-sm);min-height:38px;transition:border-color .14s var(--ease);align-items:center;gap:8px;padding:0 10px;display:flex}.tclol .find label:focus-within{border-color:var(--accent-line)}.tclol .find .mag{font-family:var(--font-mono);color:var(--ink-2);flex:none;font-size:11px;font-weight:700}.tclol .find input{font-family:var(--font-mono);background:0 0;border:0;outline:0;width:min(30vw,210px);padding:8px 0;font-size:12px}.tclol .find input::placeholder{color:var(--ink-2);opacity:.7}.tclol .find input::-webkit-search-cancel-button,.tclol .find input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.tclol .find .x{font-family:var(--font-mono);color:var(--ink-2);border-radius:var(--r-xs);cursor:pointer;visibility:hidden;width:30px;height:30px;transition:color .14s var(--ease), background .14s var(--ease), visibility .14s var(--ease);background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin-right:-6px;font-size:15px;line-height:1;display:flex}.tclol .find .x:hover{color:var(--ink);background:var(--hover)}.tclol.searching .find .x{visibility:visible}.tclol .tc-hero{background-color:var(--paper)}.tclol .hero{padding:var(--pad-hero) var(--gutter) var(--pad-hero-end);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:clamp(24px,3.2vw,44px);display:grid}.tclol .hero h1{font-size:var(--t-display);letter-spacing:-.02em;max-width:18ch;margin-top:8px;line-height:1.05}.tclol .hero .lede{color:var(--ink-2);max-width:52ch;margin-top:14px;font-size:18px;line-height:1.5}.tclol .hero .lede b{color:var(--ink);font-weight:500}.tclol .tagrow{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.tclol .now{flex-direction:column;gap:8px;display:flex}.tclol .now-head{align-items:center;gap:10px;margin-bottom:2px;display:flex}.tclol .now-head .ln{background:var(--rule);flex:1;height:1px}.tclol .now-card{background:var(--surface);border:1px solid var(--rule);border-left:3px solid var(--accent);border-radius:var(--r);transition:background .14s var(--ease), border-color .14s var(--ease);align-items:center;gap:12px;padding:12px 14px;display:flex}.tclol .now-card:hover{background:var(--accent-soft);border-color:var(--accent-line)}.tclol .now-card .txt{flex:1;min-width:0}.tclol .now-card .k{font-family:var(--font-mono);font-size:var(--t-meta);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:500;display:block}.tclol .now-card .v{font-family:var(--font-sans);font-size:var(--t-ui);color:var(--ink);margin-top:4px;font-weight:500;line-height:1.3;display:block}.tclol .now-card.is-current{background:var(--accent-soft);border-color:var(--accent-line);border-left-color:var(--accent)}.tclol .now-card.is-current:hover{border-color:var(--accent)}.tclol .tag.now-tag{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft);gap:0;font-weight:500}.tclol .now-card .arw{font-family:var(--font-mono);color:var(--accent);flex:none;font-size:14px}.tclol .course{padding:0 var(--gutter)}.tclol .course+.course{margin-top:clamp(14px,1.8vw,26px)}.tclol .chead{flex-wrap:wrap;align-items:center;gap:12px;padding:26px 0 14px;display:flex}.tclol .chead .code{font-family:var(--font-mono);letter-spacing:.1em;color:var(--on-solid);background:var(--accent);border-radius:var(--r-xs);flex:none;padding:6px 8px 5px;font-size:11px;font-weight:700;line-height:1}.tclol .chead h2{letter-spacing:-.03em;flex:none;font-size:clamp(19px,2.1vw,25px);line-height:1}.tclol .chead .sub{font-family:var(--font-mono);font-size:var(--t-meta);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);flex:none;padding-top:1px;line-height:1}.tclol .chead .ln{background:var(--rule);flex:1;min-width:20px;height:1px}.tclol .chead .n{font-family:var(--font-mono);font-size:var(--t-meta);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none;padding-top:1px;line-height:1}.tclol .gcols{columns:3;column-gap:clamp(16px,2vw,24px);padding-bottom:clamp(18px,2vw,26px)}.tclol .gcol{display:contents}.tclol .grp{border:1px solid var(--rule-soft);background:var(--surface);border-radius:var(--r);break-inside:avoid;margin-bottom:clamp(16px,2vw,24px);overflow:hidden}.tclol .grph{align-items:center;gap:10px;padding:12px 16px 8px;display:flex}.tclol .course .grph{background:color-mix(in srgb, var(--surface) 55%, var(--paper));border-bottom:1px solid var(--rule-soft);padding:9px 16px}.tclol .grph .eyebrow{color:var(--ink);letter-spacing:.1em;flex:none}.tclol .grph .ln{background:var(--rule-soft);flex:1;height:1px}.tclol .grph .n{font-family:var(--font-mono);color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:11px}.tclol .linklist{border-top:1px solid var(--rule-soft)}.tclol .course .grph+.linklist{border-top:0}.tclol .linklist li+li{border-top:1px solid var(--rule-soft)}.tclol .linklist a{transition:background .14s var(--ease);align-items:flex-start;gap:10px;padding:10px 16px;display:flex}.tclol .linklist a:hover{background:var(--hover)}.tclol .linklist .ic{font-family:var(--font-mono);color:var(--on-solid);background:var(--ink-2);letter-spacing:.04em;text-align:center;border-radius:3px;flex:none;min-width:46px;margin-top:4px;padding:3px 5px;font-size:11px;font-weight:700}.tclol .linklist a[data-ic=UNIT] .ic{background:var(--accent)}.tclol .linklist a[data-ic=PLAN] .ic{background:var(--ink)}.tclol .linklist a[data-ic=LESSON] .ic{background:var(--lesson)}.tclol .linklist a[data-ic=REVIEW] .ic,.tclol .linklist a[data-ic=ACTIVITY] .ic{background:var(--cool)}.tclol .linklist a[data-ic=TEST] .ic,.tclol .linklist a[data-ic=EXAM] .ic{background:var(--prep)}.tclol .linklist a[data-ic=READ] .ic,.tclol .linklist a[data-ic=SYL] .ic{background:var(--ink)}.tclol .linklist .fn{font-family:var(--font-sans);color:var(--ink);font-size:14px;font-weight:500;line-height:1.35}.tclol .linklist .fm,.tclol .now-card .fm{font-family:var(--font-mono);color:var(--ink-2);margin-top:3px;font-size:10.5px;font-weight:400;line-height:1.4;display:block}.tclol .linklist .ext{font-family:var(--font-mono);color:var(--ink-2);flex:none;margin-left:auto;padding-top:4px;font-size:11px}.tclol .band{background:var(--tint);margin-top:clamp(14px,1.8vw,26px)}.tclol .band-in{padding:var(--pad-band-sm) var(--gutter)}.tclol .bandh{align-items:center;gap:12px;margin-bottom:12px;display:flex}.tclol .bandh .ln{background:var(--rule-soft);flex:1;height:1px}.tclol .bandh p{font-family:var(--font-serif);color:var(--ink-2);flex:none;max-width:44ch;font-size:14px}@media (width<=639px){.tclol .bandh{flex-wrap:wrap}.tclol .bandh .eyebrow{white-space:nowrap}.tclol .bandh p{flex:100%;max-width:none}}.tclol .u-note{background:var(--surface);border:1px solid var(--rule-soft);border-radius:var(--r-md);padding:14px 18px}.tclol .u-note+.u-note{margin-top:10px}.tclol .u-note h3{margin-bottom:6px;font-size:15px}.tclol .u-note p{font-size:15px}.tclol .u-note a:not([class]){color:var(--accent);text-underline-offset:2px;text-decoration:underline}.tclol .u-note p+p,.tclol .u-note p+.u-howlist,.tclol .u-note .u-howlist+p{margin-top:8px}.tclol .u-howlist{padding-left:0;font-size:15px;list-style:outside}.tclol .u-howlist li+li{margin-top:8px}.tclol .acc.strip .acc-btn{border-radius:0;gap:12px;min-height:0;padding:0}.tclol .acc.strip .acc-btn:hover,.tclol .acc.strip.open>.acc-btn:hover{background:0 0}.tclol .acc.strip .eyebrow{flex:none}.tclol .acc.strip .ln{background:var(--rule-soft);flex:1;height:1px}.tclol .acc.strip.open{background:0 0;border:0;border-radius:0}.tclol .acc.strip.open>.acc-btn{border-bottom:1px solid var(--rule-soft);border-radius:0;padding-bottom:10px}.tclol .acc.strip>.acc-p{padding:14px 0 2px}.tclol .acc-btn{min-height:46px;padding:13px 16px}.tclol .acc-t{font-size:16.5px}.tclol .acc-p{padding:14px 16px;display:none}.tclol .acc.open>.acc-p{animation:tclol-in .22s var(--ease);display:block}@keyframes tclol-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.tclol .archlist{columns:2;column-gap:22px}.tclol .archlist li{break-inside:avoid}.tclol .archlist a{font-family:var(--font-sans);color:var(--accent);align-items:baseline;gap:8px;padding:5px 0;font-size:13.5px;line-height:1.4;display:flex}.tclol .archlist a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent-line);text-underline-offset:3px}.tclol .archlist .d{font-family:var(--font-mono);color:var(--ink-2);flex:none;font-size:11px}.tclol .archlist .ic{font-family:var(--font-mono);letter-spacing:.04em;color:var(--on-solid);background:var(--ink-2);text-align:center;border-radius:3px;flex:none;min-width:38px;padding:2px 4px;font-size:11px;font-weight:700}.tclol .archlist a[data-ic=UNIT] .ic{background:var(--accent)}.tclol .archlist a[data-ic=EXAM] .ic{background:var(--prep)}.tclol .archlist a[data-ic=READ] .ic{background:var(--cool)}.tclol .hidden{display:none!important}.tclol .nores{padding:22px var(--gutter) 28px;font-family:var(--font-serif);font-size:var(--t-body);color:var(--ink-2);display:none}.tclol .nores b{color:var(--ink);font-weight:600}.tclol.no-results .nores{display:block}.tclol.searching .now,.tclol.searching .hero .lede,.tclol.searching .hero .tagrow{opacity:.35}.tclol.searching .chead .n{visibility:hidden}.tclol .count{font-family:var(--font-mono);font-size:var(--t-code);color:var(--accent);border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:var(--r-sm);font-variant-numeric:tabular-nums;padding:6px 9px;display:none}.tclol.searching .count{display:block}.tclol .foot{border-top:1px solid var(--rule-soft);padding:16px var(--gutter) 20px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px;display:flex}.tclol .foot p{font-family:var(--font-mono);color:var(--ink-2);letter-spacing:.04em;font-size:10.5px}.tclol .foot a{font-family:var(--font-mono);color:var(--accent);font-size:10.5px}@media (width<=1080px){.tclol .gcols{columns:2}.tclol .hero{grid-template-columns:minmax(0,1fr);align-items:start}}@media (width<=720px){.tclol .gcols,.tclol .archlist{columns:1}.tclol .jump{display:none}.tclol .find{width:100%;margin-left:0}.tclol .find label{flex:1}.tclol .find input{width:100%}}@media (prefers-reduced-motion:reduce){.tclol *,.tclol :before,.tclol :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}