:root{--blue:#2563eb;--ink:#111827;--muted:#667085;--line:#e7ecf3;--bg:#f7f9fc;--orange:#f59e0b}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);letter-spacing:-.025em;margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif}header{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;height:66px;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;max-width:1080px;height:100%;margin:auto;padding:0 18px;display:flex}.brand{color:var(--ink);align-items:center;gap:8px;font-size:21px;text-decoration:none;display:flex}.brand b{letter-spacing:.04em;font-weight:800}.brand-icon{object-fit:contain;flex:0 0 33px;width:33px;height:33px;display:block}.brand:focus-visible{outline-offset:5px;border-radius:8px;outline:3px solid #93b4ff}.tabs{gap:5px;display:flex}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 13px;font-weight:750}.tabs button.active{color:var(--blue);background:#eaf2ff}.hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 40%,#dbeafe 0,#0000 27%),linear-gradient(135deg,#fff,#f3f7ff);justify-content:space-between;align-items:center;height:205px;padding:25px max(18px,50vw - 522px);display:flex;overflow:hidden}.hero-copy{min-width:0}.hero h1{letter-spacing:.012em;margin:0 0 9px -3px;font-size:50px;font-weight:800}.hero h1 span{display:inline}.hero h1 em{color:var(--blue);font-style:normal}.hero p{color:#566276;letter-spacing:0;margin:0 0 0 9px;font-weight:400}.hero-visual{width:260px;height:200px;margin-right:35px;position:relative}.hero-icon{filter:drop-shadow(0 12px 22px #2b477320);width:125px;height:125px;position:absolute;top:34px;left:72px;transform:rotate(-3deg)}.ring{border:1px solid #2563eb1c;border-radius:50%;position:absolute;top:7px;left:37px}.ring-one{width:190px;height:190px}.ring-two{width:240px;height:240px;top:-18px;left:12px}main{max-width:1080px;margin:auto;padding:30px 18px}.section-head{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.section-head h2{letter-spacing:-.04em;margin:4px 0 0;font-size:26px;font-weight:780}.section-head h2 b,.live{color:var(--blue)}.live{letter-spacing:.12em;font-size:11px;font-weight:900}.meta{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:450;display:inline-flex}.meta.live-update:before{content:"";background:#3b82f6;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #dbeafe}.notice{color:#855b0e;background:#fff7e8;border:1px solid #fde6b5;border-radius:12px;margin-bottom:12px;padding:12px 14px;font-size:13px}.system-alert{border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:13px;padding:13px 16px;font-size:13px;line-height:1.45;display:flex}.system-alert b{font-weight:800}.system-alert span{font-weight:500}.system-alert.error{color:#991b1b;background:#fff1f2;border:1px solid #fecdd3}.system-alert.warning{color:#92400e;background:#fff7ed;border:1px solid #fed7aa}.list{gap:10px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:44px minmax(0,1fr) 175px;gap:14px;padding:14px 16px;transition:all .16s;display:grid;box-shadow:0 4px 16px #253c650a}.card:hover{transform:translateY(-1px);box-shadow:0 10px 28px #253c6512}.card-body{min-width:0}.rank{color:#536175;font-variant-numeric:tabular-nums;background:#f4f6f9;border:1px solid #e1e7ef;border-radius:50%;place-items:center;width:40px;height:40px;font-size:14px;font-weight:800;line-height:1;display:grid}.rank span{place-items:center;width:100%;height:100%;padding-top:1px;display:grid}.rank.rank-1,.rank.rank-2,.rank.rank-3{box-shadow:none;background:0 0;border:0}.rank img{width:40px;max-width:none;height:40px;display:block}.topic-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.topic{letter-spacing:-.025em;font-size:21px;font-weight:750}.question{color:#667085;letter-spacing:-.005em;word-break:keep-all;overflow-wrap:break-word;align-items:center;gap:7px;margin:3px 0 6px;font-size:15px;font-weight:450;line-height:1.45;display:flex}.bubble{object-fit:contain;flex:0 0 18px;width:18px;height:15px;display:block}.why{letter-spacing:-.005em;background:#f9fbfe;border:1px solid #eef2f7;border-radius:10px;grid-template-columns:max-content minmax(0,1fr);align-items:start;gap:7px;width:calc(100% - 38px);min-width:0;padding:6px 9px;font-size:15.5px;font-weight:550;line-height:1.48;display:grid}.why b{color:var(--blue);background:#eaf2ff;border-radius:6px;margin-top:2px;padding:2px 5px;font-size:12px;font-weight:750}.why-copy{white-space:normal;text-wrap:balance;word-break:keep-all;overflow-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.why-medium,.why-compact{display:none}.sources{margin-top:7px;font-size:13px}.sources summary{cursor:pointer;color:#536277;align-items:center;gap:5px;font-weight:600;line-height:1.45;list-style:none;display:inline-flex}.sources summary::-webkit-details-marker{display:none}.source-check{width:16px;height:16px;color:var(--blue);background:#eaf2ff;border-radius:50%;place-items:center;font-size:10px;font-weight:900;display:inline-grid}.source-arrow{color:#8a94a6;transition:transform .16s}.sources[open] .source-arrow{transform:rotate(90deg)}.sources a{color:#334155;text-underline-offset:2px;margin:6px 0 0 21px;line-height:1.45;display:block}.thumb{height:118px;color:var(--blue);cursor:pointer;background:linear-gradient(135deg,#e7efff,#fff1cf);border-radius:13px;place-items:center;text-decoration:none;display:grid;position:relative;overflow:hidden}.thumb:focus-visible{outline-offset:3px;outline:3px solid #93b4ff}.thumb-fallback{text-align:center;background:radial-gradient(circle at 82% 18%,#fff9 0 15%,#0000 16%),linear-gradient(145deg,#e8f0ff,#fff0c9);flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:12px;display:flex;position:absolute;inset:0}.thumb-fallback span{letter-spacing:.18em;color:#2563ebaa;font-size:10px;font-weight:900}.thumb-fallback strong{color:#27364f;word-break:keep-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:15px;line-height:1.3;display:-webkit-box;overflow:hidden}.thumb img{z-index:1;object-fit:cover;width:100%;height:100%;position:relative}.trust{border:1px solid var(--line);color:#59667a;background:linear-gradient(135deg,#f8fbff,#fffaf2);border-radius:18px;max-width:1044px;margin:4px auto 38px;padding:19px 22px;font-size:12px;display:block}.trust b{color:var(--ink);letter-spacing:-.01em;white-space:nowrap;font-size:13px;font-weight:800;display:block}footer{border-top:1px solid var(--line);color:#8a94a6;max-width:1044px;margin:auto;padding:20px 0 30px;font-size:11px}@media (max-width:1100px){.why-wide{display:none}.why-medium{display:-webkit-box}}@media (max-width:720px){header{height:60px}.nav{padding:0 13px}.brand{gap:6px;font-size:18px}.brand-icon{flex-basis:30px;width:30px;height:30px}.tabs{gap:1px}.tabs button{padding:8px;font-size:12.5px}.hero{height:165px;padding:22px 18px}.hero h1{margin-left:0;font-size:40px;line-height:1.08}.hero h1 span{display:block}.hero p{margin-left:1px;font-size:14px}.hero-visual{display:none}main{padding:24px 12px}.section-head{flex-direction:column;align-items:flex-start;margin-bottom:12px}.section-head h2{font-size:23px}.meta{margin-top:7px}.system-alert{flex-direction:column;align-items:flex-start;gap:3px}.card{grid-template-columns:36px minmax(0,1fr) 90px;gap:8px 9px;padding:13px}.card-body{display:contents}.rank{grid-area:1/1;width:36px;height:36px}.rank img{width:36px;height:36px}.topic-row{grid-area:1/2}.topic{font-size:19px}.question{grid-area:2/2;margin:0;font-size:13.5px;line-height:1.4}.bubble{flex-basis:16px;width:16px;height:14px}.thumb{border-radius:10px;grid-area:1/3/span 2;width:90px;height:70px}.why{grid-area:3/2/auto/-1;width:100%;font-size:14.5px;line-height:1.45}.why-copy{-webkit-line-clamp:3}.why-medium{display:none}.why-compact{display:-webkit-box}.sources{grid-area:4/2/auto/-1;margin-top:1px}.trust{margin-left:12px;margin-right:12px;overflow-x:auto}.trust b{white-space:nowrap}}