@import url('https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Manrope:wght@400;600;700;800&display=swap');:root{--ink:#132b32;--muted:#527075;--paper:#f4f5ef;--line:#d3ded7;--accent:#175e5a;--gold:#f3b84a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,'Gowun Dodum',sans-serif;line-height:1.65}a{color:inherit}header{background:#092f33;color:#fff;padding:19px clamp(18px,4vw,65px);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}header .logo{font-weight:800;font-size:1.23rem;text-decoration:none;letter-spacing:-.04em}nav{display:flex;flex-wrap:wrap;gap:8px}nav a{padding:9px 13px;text-decoration:none;border:1px solid #557d7e;border-radius:4px;font-size:.88rem}nav a[aria-current=page]{background:var(--gold);color:#092f33;border-color:var(--gold)}main{max-width:1340px;padding:0 24px;margin:auto}h1,h2,h3{line-height:1.35;letter-spacing:-.04em}h1{font-size:clamp(1.6rem,3vw,2.6rem)}h2{font-size:clamp(1.3rem,2.4vw,2rem)}p{word-break:keep-all}.rank-first{padding:34px 0 46px}.rank-title{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:3px solid var(--ink);padding-bottom:16px;margin-bottom:22px}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.14em;color:var(--accent)}.rank-title h2{margin:0}.rank-title p{margin:4px 0}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.coupon{background:#fff;border:1px solid var(--line);padding:16px;border-radius:6px;display:flex;flex-direction:column;gap:11px;box-shadow:5px 5px 0 #dfebe3;min-width:0}.coupon-top{display:flex;gap:11px;align-items:center}.stamp{width:64px;height:64px;background:#dbebe0;color:#175e5a;display:grid;place-items:center;font-size:.83rem;font-weight:800;border:1px solid #bdd3c9;flex:0 0 64px;border-radius:4px}.coupon:nth-child(3n) .stamp{background:#fceacc;color:#774d0c}.number{font-family:Manrope,sans-serif;font-size:.72rem;letter-spacing:.15em;font-weight:800;color:#547375}.coupon h3{font-size:1.02rem;margin:1px 0;overflow-wrap:anywhere}.coupon-desc{background:#eef4ef;padding:11px 12px;min-height:87px;font-size:.85rem;line-height:1.6;border-left:3px solid var(--accent);margin:0;word-break:keep-all}.code{background:#fafaf7;border:1px dashed #96b0a6;padding:10px 9px;font-size:.83rem;text-align:center;overflow-wrap:anywhere;font-weight:800;letter-spacing:.01em}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.actions button,.actions a{border-radius:4px;padding:10px 5px;min-height:44px;text-align:center;font-family:inherit;font-weight:800;font-size:.8rem;border:1px solid var(--accent);cursor:pointer}.actions button{background:var(--accent);color:white}.actions a{background:#fff;color:var(--accent);text-decoration:none}.small{color:var(--muted);font-size:.83rem}.intro{background:#dbe9e2;padding:26px 30px;border-top:5px solid var(--accent);margin-bottom:25px}.reading{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:26px;margin:32px 0 65px}.article{background:#fff;padding:clamp(20px,4vw,48px);border:1px solid var(--line)}.article h2{margin-top:38px;padding-top:15px;border-top:1px solid var(--line)}.article h3{margin-top:26px}.sidebar{align-self:start;position:sticky;top:12px;padding:18px;background:#0d4241;color:#fff;border-radius:4px}.sidebar a{display:block;color:#fff;margin:12px 0}.checklist{padding:18px 18px 18px 35px;background:#ecf5ef}.checklist li{padding:5px}.comparison{width:100%;border-collapse:collapse;font-size:.86rem}.comparison th,.comparison td{padding:11px;text-align:left;border-bottom:1px solid #d2e2d9;vertical-align:top}.comparison th{background:#dbe9e2}details{border-bottom:1px solid var(--line);padding:12px 0}summary{font-weight:800;cursor:pointer}.detailhero{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;padding:26px;background:#143b3d;color:white;margin:24px 0}.detailhero h1{margin:4px 0}.detailhero .code{color:#143b3d}.detailhero .coupon-desc{color:#17342d}footer{background:#092f33;color:#c2d6ce;padding:35px 24px;margin-top:60px}footer .inside{max-width:1300px;margin:auto}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #dd9513;outline-offset:2px}@media(max-width:1120px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reading{grid-template-columns:1fr}.sidebar{position:static}}@media(max-width:780px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detailhero{grid-template-columns:1fr}main{padding:0 15px}}@media(max-width:500px){.grid{grid-template-columns:1fr}.rank-title{display:block}.article{padding:20px}.coupon-desc{min-height:0}header{padding:16px}.actions{grid-template-columns:1fr 1fr}}
/* Detail pages: all 19 services remain the first section, shown as a compact scrollable index. */
body.detail-page .rank-first{padding:18px 0 10px}
body.detail-page .rank-title{padding-bottom:7px;margin-bottom:10px;border-bottom-width:2px}
body.detail-page .rank-title h2{font-size:1.12rem}
body.detail-page .rank-title p{font-size:.75rem}
body.detail-page .rank-first .grid{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x proximity;padding:3px 2px 13px;scrollbar-width:thin}
body.detail-page .rank-first .coupon{flex:0 0 150px;padding:9px;gap:4px;box-shadow:none;scroll-snap-align:start;min-height:108px}
body.detail-page .rank-first .stamp,body.detail-page .rank-first .coupon-desc,body.detail-page .rank-first .code,body.detail-page .rank-first .actions button{display:none}
body.detail-page .rank-first .coupon-top{gap:0}
body.detail-page .rank-first .coupon h3{font-size:.81rem;line-height:1.35;margin-top:5px}
body.detail-page .rank-first .actions{display:block;margin-top:auto}
body.detail-page .rank-first .actions a{display:block;font-size:.73rem;min-height:28px;padding:4px 3px;border:0;background:#e7f1ed}
body.detail-page .detailhero{margin:12px 0 24px;border-top:5px solid #f3b84a;box-shadow:0 10px 28px rgba(0,0,0,.08)}
body.detail-page .detailhero h2{font-size:clamp(1.65rem,3vw,2.5rem)}
body.detail-page .rank-first .coupon.current{background:#e8f2ed;border:2px solid #175e5a}
@media(max-width:500px){body.detail-page .rank-title{display:flex}body.detail-page .rank-title .number{display:none}body.detail-page .rank-first .coupon{flex-basis:137px}}