:root{--tl-navy:#082b68;--tl-blue:#1768e9;--tl-orange:#ff6a10;--tl-ink:#183455;--tl-muted:#667a92;--tl-line:#d7e1ec;--tl-paper:#f8f9f7;--tl-card:#fff;--tl-shadow:0 18px 45px rgba(24,52,85,.1)}
html[data-appearance=dark]{--tl-navy:#d9e8ff;--tl-blue:#86b5ff;--tl-orange:#ff9a5d;--tl-ink:#edf4ff;--tl-muted:#bac8da;--tl-line:#40546d;--tl-paper:#071426;--tl-card:#10223a;--tl-shadow:0 18px 45px rgba(0,0,0,.24)}
*{box-sizing:border-box}body{margin:0;background:var(--tl-paper);color:var(--tl-ink);font-family:Inter,"Noto Sans KR",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}.tl-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px max(16px,calc((100vw - 1120px)/2));border-bottom:1px solid var(--tl-line);background:color-mix(in srgb,var(--tl-card) 94%,transparent);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.tl-brand{display:flex;align-items:center;gap:10px;color:var(--tl-navy);font-size:13px;font-weight:900;text-decoration:none}.tl-brand img{width:54px;height:48px;object-fit:contain}.tl-header-actions{display:flex;align-items:center;gap:8px}.tl-language{display:flex;gap:5px}.tl-language a{min-height:44px;display:grid;place-items:center;padding:0 10px;border-radius:12px;color:var(--tl-muted);font-size:11px;font-weight:850;text-decoration:none}.tl-language a[aria-current]{background:color-mix(in srgb,var(--tl-blue) 11%,var(--tl-card));color:var(--tl-blue)}.tl-wrap{width:min(calc(100% - 32px),1080px);margin:auto}.tl-hero{padding:70px 0 46px}.tl-kicker{margin:0;color:var(--tl-blue);font-size:11px;font-weight:950;letter-spacing:.16em}.tl-hero h1{margin:10px 0 14px;color:var(--tl-navy);font-size:clamp(42px,7vw,76px);line-height:.98;letter-spacing:-.055em}.tl-hero>p:last-child{max-width:720px;margin:0;color:var(--tl-muted);font-size:18px}.tl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-bottom:110px}.tl-card{padding:27px;border:1px solid var(--tl-line);border-radius:26px;background:var(--tl-card);box-shadow:var(--tl-shadow)}.tl-card.wide{grid-column:1/-1}.tl-card h2,.tl-card h3{margin:0 0 10px;color:var(--tl-navy);line-height:1.2}.tl-card h2{font-size:30px}.tl-card h3{font-size:21px}.tl-card p{margin:0;color:var(--tl-muted)}.tl-label{display:block;margin-bottom:10px;color:var(--tl-blue);font-size:10px;font-weight:950;letter-spacing:.13em}.tl-source{display:flex;flex-wrap:wrap;gap:8px 14px;margin:20px 0;padding:14px 0;border-top:1px solid var(--tl-line);border-bottom:1px solid var(--tl-line);font-size:12px;color:var(--tl-muted)}.tl-reading{font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.85;color:var(--tl-ink)!important}.tl-audio{width:100%;margin-top:16px}.tl-audio-placeholder{min-height:72px;display:flex;align-items:center;gap:14px;margin-top:16px;padding:14px 16px;border:1px dashed var(--tl-line);border-radius:16px;color:var(--tl-muted)}.tl-audio-placeholder b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--tl-blue);color:#fff}.tl-questions{margin:14px 0 0;padding-left:23px}.tl-questions li{padding:8px 0;color:var(--tl-ink)}.tl-policy{border-left:4px solid var(--tl-orange);box-shadow:none}.tl-policy ul{margin:12px 0 0;padding-left:20px;color:var(--tl-muted)}.tl-tests{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tl-test{min-height:190px;display:flex;flex-direction:column;padding:24px;border:1px solid var(--tl-line);border-radius:22px;background:var(--tl-card);color:var(--tl-ink);text-decoration:none}.tl-test.live{background:linear-gradient(145deg,var(--tl-navy),color-mix(in srgb,var(--tl-navy) 75%,#1768e9));color:#fff;border:0}.tl-test small{font-weight:900;letter-spacing:.12em;opacity:.72}.tl-test h2{margin:22px 0 8px;color:inherit}.tl-test span{margin-top:auto;font-size:12px;font-weight:900}.tl-main-nav{position:fixed;z-index:50;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 28px),760px);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:6px;border:1px solid var(--tl-line);border-radius:22px;background:color-mix(in srgb,var(--tl-card) 92%,transparent);box-shadow:0 12px 36px rgba(18,49,90,.14);backdrop-filter:blur(18px)}.tl-main-nav a{min-width:0;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:15px;color:var(--tl-muted);font-size:9px;font-weight:800;line-height:1.1;text-align:center;text-decoration:none}.tl-main-nav a span:first-child{font-size:17px}.tl-main-nav a[aria-current]{background:color-mix(in srgb,var(--tl-blue) 11%,var(--tl-card));color:var(--tl-blue)}
@media(max-width:700px){body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.tl-header{align-items:flex-start;flex-wrap:wrap;padding:10px 16px}.tl-header-actions{width:100%;justify-content:space-between}.tl-hero{padding:42px 0 32px}.tl-hero>p:last-child{font-size:16px}.tl-grid,.tl-tests{grid-template-columns:1fr}.tl-card.wide{grid-column:auto}.tl-card{padding:21px}.tl-main-nav{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));width:auto;transform:none;gap:2px;padding:5px 3px}.tl-main-nav a{min-height:60px;font-size:8px}.tl-main-nav a span:first-child{font-size:16px}}
@media(max-width:370px){.tl-main-nav a{font-size:7.5px}.tl-language a{padding:0 7px}.tl-card{padding:18px}}