
:root { --accent:#1a73e8; --accent2:#0d47a1; --text:#1c1c1e; --muted:#5f6368; --bg:#ffffff; --card:#f6f8fa; }
* { box-sizing:border-box; margin:0; padding:0; }
body { font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif; font-size:20px; line-height:1.85;
       color:var(--text); background:var(--bg); word-break:keep-all; }
.wrap { max-width:720px; margin:0 auto; padding:16px; }
header.site { border-bottom:3px solid var(--accent); padding:14px 0; margin-bottom:8px; }
header.site a { text-decoration:none; color:var(--accent2); font-size:26px; font-weight:800; }
header.site p { font-size:15px; color:var(--muted); }
h1 { font-size:30px; line-height:1.4; margin:18px 0 6px; }
h2 { font-size:24px; margin:28px 0 10px; padding-left:12px; border-left:5px solid var(--accent); }
h3 { font-size:21px; margin:22px 0 8px; }
p { margin:14px 0; }
ul,ol { margin:14px 0 14px 26px; }
li { margin:6px 0; }
a { color:var(--accent); }
.meta { font-size:15px; color:var(--muted); margin-bottom:10px; }
.progress { display:inline-block; background:var(--card); border-radius:20px; padding:4px 14px;
            font-size:15px; color:var(--muted); margin:8px 0 4px; }
.cta { display:block; width:100%; margin:36px 0 14px; padding:22px 18px; text-align:center;
       background:linear-gradient(135deg,var(--accent),var(--accent2)); color:#fff; font-size:22px;
       font-weight:800; border-radius:14px; text-decoration:none;
       box-shadow:0 4px 14px rgba(26,115,232,.35); }
.cta small { display:block; font-size:14px; font-weight:400; opacity:.85; margin-top:4px; }
.nav-prev { display:block; text-align:center; font-size:16px; color:var(--muted); margin-bottom:20px; }
.card { display:flex; gap:14px; background:var(--card); border-radius:14px; padding:16px;
        margin:14px 0; text-decoration:none; color:var(--text); align-items:center; }
.card img { width:120px; height:68px; object-fit:cover; border-radius:8px; flex-shrink:0; }
.card .t { font-size:20px; font-weight:700; line-height:1.45; }
.card .d { font-size:15px; color:var(--muted); margin-top:4px; }
.ad-box { margin:30px 0; min-height:120px; }
footer.site { border-top:1px solid #e0e0e0; margin-top:44px; padding:20px 0 40px;
              font-size:14px; color:var(--muted); }
footer.site a { color:var(--muted); }
.thumb-hero { width:100%; border-radius:14px; margin:12px 0; }
@media (max-width:480px){ body{font-size:19px;} h1{font-size:26px;} .card img{width:96px;height:54px;} }
