*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,'Segoe UI','Malgun Gothic','Apple SD Gothic Neo',sans-serif;color:#23272e;background:#fbfaf7;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:720px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid #ececec;background:#fff}
header .wrap{padding:26px 20px 22px}
.brand{font-size:22px;font-weight:800;letter-spacing:-.02em;color:#1b4965}
.tag{color:#7a828c;font-size:14px;margin-top:4px}
nav{margin-top:14px;display:flex;gap:18px;font-size:14px;font-weight:600}
nav a{color:#5a616b}nav a:hover{color:#1b4965}
main{padding:36px 0 60px}
.hero{margin-bottom:32px}
.hero h1{font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.35;color:#161a20}
.hero p{color:#5a616b;margin-top:10px}
.card{display:block;padding:22px 0;border-bottom:1px solid #ececec}
.card h2{font-size:19px;font-weight:700;letter-spacing:-.01em;color:#161a20}
.card h2:hover{color:#1b4965}
.card .ex{color:#5a616b;font-size:15px;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .meta{color:#9aa0a8;font-size:12.5px;margin-top:10px;font-variant-numeric:tabular-nums}
article h1{font-size:27px;font-weight:800;letter-spacing:-.02em;line-height:1.35;color:#161a20;margin-bottom:12px}
article .meta{color:#9aa0a8;font-size:13px;margin-bottom:26px}
article p{margin:0 0 18px;font-size:16.5px}
.back{display:inline-block;margin-top:30px;color:#1b4965;font-weight:600;font-size:14px}
footer{border-top:1px solid #ececec;background:#fff;color:#9aa0a8;font-size:13px}
footer .wrap{padding:26px 20px}