:root{--ink:#18374b;--blue:#15528c;--muted:#607587;--line:#d7e1e8}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:16px/1.8 "Segoe UI","Malgun Gothic",Arial,sans-serif}a{color:var(--blue);text-underline-offset:4px}.article-header{display:flex;justify-content:space-between;align-items:center;padding:25px max(28px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line);gap:35px}.article-header img{width:300px;max-width:100%;height:auto}.article-header nav{display:flex;gap:28px;font-size:13px;white-space:nowrap}.article-header nav a{text-decoration:none}.article-list{max-width:1250px;margin:auto;padding:80px 28px}.eyebrow{font-size:11px;letter-spacing:1.6px;color:var(--muted);text-transform:uppercase}h1{font-size:clamp(34px,4vw,54px);line-height:1.2;letter-spacing:-1.6px;font-weight:500;margin:20px 0 26px;overflow-wrap:anywhere}.intro{color:var(--muted);margin-bottom:60px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.article-grid article{border-top:2px solid var(--blue);padding:28px 0}.article-grid h2{font-size:25px;line-height:1.4;font-weight:500}.article-grid h2 a{text-decoration:none}.article-grid p{font-size:14px;color:var(--muted)}.article-grid time{font-size:12px;color:var(--muted)}.pagination{display:flex;justify-content:space-between;gap:25px;padding:30px 0;margin-top:30px;border-top:1px solid var(--line);font-size:13px}.empty{grid-column:1/-1;padding:50px 0;color:var(--muted)}.article-detail{max-width:860px;margin:auto;padding:65px 28px 100px}.back{display:inline-block;font-size:13px;margin-bottom:36px}.article-meta{display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line);padding-bottom:28px}.article-body{margin:45px 0 70px;font-size:17px;line-height:1.9;overflow-wrap:anywhere}.article-body img{max-width:100%;height:auto;border-radius:4px}.article-body h2{font-size:29px;line-height:1.4;margin:45px 0 20px}.article-body h3{font-size:23px;margin-top:30px}.article-body blockquote{border-left:3px solid var(--blue);margin:25px 0;padding:16px 24px;background:#f2f6f8}.article-body table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.article-body td,.article-body th{border:1px solid var(--line);padding:10px 15px}.preview-note{padding:14px;background:#fff7e1;font-size:13px}footer{padding:28px;text-align:center;background:#14344d;color:#d3e1ed;font-size:12px}footer a{color:#d3e1ed}:focus-visible{outline:3px solid #3283c5;outline-offset:3px}@media(max-width:760px){.article-header{padding:20px 24px;display:block}.article-header img{width:260px}.article-header nav{margin-top:18px;gap:24px;font-size:12px}.article-grid{grid-template-columns:1fr;gap:12px}.article-list,.article-detail{padding:45px 24px}.article-detail h1{font-size:34px}.article-body{font-size:16px}.article-meta{display:block}.article-meta>*{display:block}.intro{margin-bottom:30px}}