*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f8f4;color:#233c33;font-family:Arial,'Malgun Gothic',sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3e876c;outline-offset:4px}.wrap{max-width:1160px;margin:auto;padding:0 28px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;background:white;padding:10px;z-index:9}header{background:#fff;border-bottom:1px solid #e2e7df}.nav{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:24px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:25px;font-weight:850;letter-spacing:-1px}.logo img{width:37px;height:37px}.nav nav{display:flex;gap:30px;font-size:14px;font-weight:700}.nav nav a{text-decoration:none}.nav nav a[aria-current=page]{color:#197252}.nav-note{font-size:12px;color:#6b786c}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;padding-top:64px;padding-bottom:48px;align-items:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#44795f}.badge{display:inline-flex;background:#e6eddb;border-radius:30px;padding:5px 12px;font-size:12px;font-weight:700}h1{font-size:48px;line-height:1.24;letter-spacing:-2.5px;margin:18px 0 22px}h1 em{font-style:normal;color:#317153}p{color:#65736a}.hero p{max-width:510px;font-size:16px}.road-art{position:relative;height:230px;border-radius:110px;background:#e8edde;overflow:hidden}.road-art:before{content:'';position:absolute;width:500px;height:86px;background:#ced9c7;transform:rotate(-26deg);left:-30px;top:75px;border-top:12px solid #f8faf4;border-bottom:12px solid #f8faf4}.pump{position:absolute;left:42%;top:38px;background:#145844;border:8px solid #fff;border-radius:17px;width:103px;height:140px;box-shadow:0 20px 30px #18413222;transform:rotate(-8deg)}.pump:before{content:'₩';display:block;text-align:center;margin:14px 10px;background:#d8f583;color:#145844;border-radius:6px;font-size:30px;font-weight:800}.pump:after{content:'';position:absolute;width:22px;height:66px;border:7px solid #145844;border-left:0;right:-29px;top:44px;border-radius:0 14px 14px 0}.art-label{position:absolute;bottom:24px;left:26px;background:white;border-radius:12px;padding:8px 16px;font-size:13px;font-weight:700}.section{margin-bottom:42px}.panel{background:white;border:1px solid #dfe6db;border-radius:20px;padding:28px}.search-panel{box-shadow:0 8px 30px #203b3206}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.section-head h2{margin:0;font-size:23px;letter-spacing:-.8px}.small{font-size:13px}.muted{color:#718074}.filters{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:14px;align-items:end}label{display:block;font-size:13px;font-weight:700}select,input{margin-top:7px;width:100%;border:1px solid #dce3d8;border-radius:10px;padding:12px;background:#fafbf8;color:#233c33;min-height:48px}.button,button{display:inline-block;border:0;border-radius:10px;padding:13px 24px;background:#175b45;color:white;font-weight:700;cursor:pointer;text-decoration:none}.button:hover,button:hover{background:#237459}button:disabled{opacity:.6;cursor:wait}.result{margin-top:24px;border-top:1px solid #e5e9e1;padding-top:24px}.empty{display:flex;align-items:center;gap:20px;padding:14px 8px}.empty-icon{font-size:28px;background:#f0f3e9;border-radius:16px;padding:10px 20px}.empty p{margin:5px 0;font-size:14px}.source{border-top:1px solid #eef0e9;margin-top:20px;padding-top:14px;font-size:12px;color:#788377}.two-col{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}.calculator{background:#edf2e3;border-color:#e0e8d4}.calculator h2{margin:0;font-size:24px}.calculator p{font-size:14px}.calc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.calc-grid input{background:#fff}.calc-result{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d2dcc6;margin-top:22px;padding-top:20px}.calc-result strong{font-size:29px;color:#18583e}.calc-result p{margin:0}.tip h3{font-size:19px;margin:8px 0}.tip ul{padding-left:20px;color:#667366;font-size:14px;line-height:2.1}.text-link{font-size:13px;font-weight:700;color:#236649}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{text-decoration:none;background:white;border:1px solid #e0e6dc;border-radius:16px;padding:25px;transition:transform .15s}.card:hover{transform:translateY(-3px)}.card .number{font-size:12px;font-weight:700;color:#70905a}.card h3{font-size:19px;line-height:1.5;letter-spacing:-.5px;margin:14px 0 10px}.card p{font-size:14px;margin-bottom:20px}.card .arrow{float:right}.faq details{border-bottom:1px solid #dfe5d9;padding:18px 0}.faq summary{cursor:pointer;font-weight:700;font-size:15px}.faq details p{font-size:14px;max-width:850px}.bottom-note{display:flex;justify-content:space-between;border-top:1px solid #e1e6db;padding-top:22px;font-size:12px;color:#73806e}footer{background:#edf0e7;margin-top:60px;padding:38px 0}.footer-row{display:flex;justify-content:space-between;gap:20px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.footer-copy{font-size:12px;margin-top:22px;color:#77816f}.article{max-width:790px;margin:54px auto 70px;padding:0 25px}.article h1{font-size:36px;letter-spacing:-1.5px}.article h2{font-size:23px;margin:34px 0 12px}.article p,.article li{color:#53655a;line-height:1.95}.article .callout{background:#eaf1df;border-left:4px solid #367856;padding:18px 22px;margin:24px 0}.article table{width:100%;border-collapse:collapse;font-size:14px}.article td,.article th{text-align:left;padding:13px;border-bottom:1px solid #e1e5dc}.stations{display:grid;gap:10px}.station{display:flex;justify-content:space-between;gap:16px;padding:17px;border:1px solid #e4e9df;border-radius:12px}.station h3{margin:0;font-size:16px}.station p{margin:3px 0;font-size:12px}.station .price{text-align:right;white-space:nowrap;font-size:24px;font-weight:800;color:#1c694b}.station .price small{font-size:12px;font-weight:400}.station a{font-size:12px}.notice{background:#fff5dc;padding:12px 18px;border-radius:10px;color:#735e2f;font-size:13px}.status{font-size:13px;color:#697769} @media(max-width:760px){.wrap{padding:0 20px}.nav{flex-wrap:wrap;padding-top:17px;padding-bottom:17px;gap:15px}.nav nav{gap:20px;font-size:13px}.nav-note{display:none}.hero{grid-template-columns:1fr;padding-top:36px;gap:14px;padding-bottom:26px}h1{font-size:37px}.road-art{display:none}.filters{grid-template-columns:1fr 1fr}.filters button{width:100%}.panel{padding:21px}.two-col,.cards{grid-template-columns:1fr}.calc-grid{grid-template-columns:1fr 1fr}.section-head{align-items:flex-start}.section-head h2{font-size:21px}.footer-row,.bottom-note{flex-direction:column;gap:14px}.article h1{font-size:30px}.station{padding:12px}.station .price{font-size:21px}.section{margin-bottom:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}

/* Original Oilpick editorial illustrations */
.hero{grid-template-columns:1fr 1.15fr;gap:30px}.hero-visual{margin:0;position:relative}.hero-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:28px}.hero-visual figcaption{font-size:12px;text-align:right;color:#647761;margin-top:9px}.card{overflow:hidden}.guide-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:11px}.card .guide-image{margin-bottom:20px}.article-visual{margin:28px 0}.article-visual figcaption{font-size:12px;color:#718074;margin-top:8px}.article-visual .guide-image{border-radius:20px}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:16px}.hero-visual img{max-height:205px;object-fit:cover;object-position:center 60%;border-radius:20px}.hero-visual figcaption{display:none}.card .guide-image{max-height:230px}.hero h1{margin-bottom:16px}.hero p{margin-bottom:0}}