:root{--brand:#2169f9;--accent:#53d3ff;--accent-light:#a9eaff;--ink:#06152f;--panel:#0d2547;--foam:#f2f8ff;--dim:#b0c8e5;--line:#74b9ff2e}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--ink);color:var(--foam);-webkit-font-smoothing:antialiased;line-height:1.8}.site{--sans:var(--font-roboto),var(--font-noto),"Apple SD Gothic Neo","Malgun Gothic",sans-serif;--display:var(--font-han),var(--sans);font-family:var(--sans);flex-direction:column;min-height:100vh;display:flex}a{color:var(--accent-light)}img{display:block}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.site-wrap{width:min(1040px,92vw);margin:0 auto}.site-head{background:#fff;border-bottom:1px solid #2169f924}.site-head .site-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:14px 0;display:flex}.site-logo img{width:150px;height:auto}.site-nav{flex-wrap:wrap;align-items:center;gap:8px 22px;font-size:14.5px;font-weight:500;display:flex}.site-nav a{color:#294a72;text-decoration:none}.site-nav a:hover{color:var(--brand)}.site-nav a.play{color:#fff;background:var(--brand);border-radius:999px;padding:8px 18px;font-weight:700}.site-main{flex:1;padding:56px 0 90px}.article{max-width:760px}.page-eyebrow{letter-spacing:.2em;color:var(--accent);font-size:13px;font-weight:700}.article h1,.page-title{font-family:var(--display);margin:10px 0 16px;font-size:clamp(30px,4.6vw,44px);font-weight:400;line-height:1.3}.page-lead{color:var(--dim);margin-bottom:12px;font-size:17px}.page-meta{color:var(--dim);margin-bottom:8px;font-size:13px}.article h2{margin:42px 0 12px;font-size:23px;line-height:1.4}.article h3{margin:26px 0 8px;font-size:18px}.article p{color:#dbe8f7;margin-bottom:14px}.article ul,.article ol{color:#dbe8f7;margin:0 0 16px 22px}.article li{margin-bottom:6px}.table-scroll{margin:6px 0 20px;overflow-x:auto}.article table,.fish-table{border-collapse:collapse;width:100%;font-size:14.5px}.article th,.article td,.fish-table th,.fish-table td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:9px 12px}.article th,.fish-table th{background:var(--panel);white-space:nowrap}.card-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px;display:grid}.card{background:var(--panel);border:1px solid var(--line);color:var(--foam);border-radius:14px;padding:24px;text-decoration:none;display:block}.card:hover{border-color:#53d3ff8c}.card h2{margin-bottom:8px;font-size:18.5px;line-height:1.45}.card p{color:var(--dim);font-size:14.5px}.article-foot{border-top:1px solid var(--line);margin-top:46px;padding-top:24px}.play-link{background:var(--brand);color:#fff;border-radius:999px;margin-top:6px;padding:12px 26px;font-weight:700;text-decoration:none;display:inline-block}.fish-note{color:var(--dim);margin-top:14px;font-size:14px}.site-foot{color:#42628a;background:#f0f7ff;padding:32px 0 44px;font-size:13px}.site-foot a{color:#294a72;text-decoration:none}.site-foot a:hover{text-decoration:underline}.foot-links{flex-wrap:wrap;gap:6px 18px;margin-bottom:12px;font-weight:500;display:flex}.foot-info{flex-wrap:wrap;gap:2px 14px;display:flex}@media (max-width:640px){.card-grid{grid-template-columns:1fr}.site-main{padding:38px 0 70px}}.fish-table{min-width:1040px}.fish-table td:first-child{white-space:nowrap}.fish-table td:last-child{min-width:220px}
