/*
Theme Name: LPG No1 PHP Combined
Description: 엘피지넘버원 전용 블록 테마. 외모 > 편집기에서 홈페이지를 직접 관리합니다.
Version: 3.1.3
Requires at least: 6.2
Requires PHP: 7.4
Author: LPG No1
License: GPL-2.0-or-later
Text Domain: lpg-no1-v31
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid #1764ef;outline-offset:5px}h1,h2{line-height:1.22;letter-spacing:-.045em}h1{font-size:clamp(2.5rem,5.3vw,4.9rem);font-weight:800}h2{font-size:clamp(2rem,3vw,3rem)}p{overflow-wrap:anywhere}.wp-site-blocks>*,main>*{margin-block-start:0}.site-header{padding:24px max(6vw,24px);display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid #e0e7ee}.brand{font-size:1.8rem;letter-spacing:-.06em;white-space:nowrap}.brand a{text-decoration:none}.brand strong{color:#1764ef}.hero{padding:90px max(8vw,24px);background:#102a43;color:white;position:relative;border-bottom:10px solid #1764ef}.hero mark{color:#8ec5ff;background:transparent}.hero .lead{color:#d4dfed;font-size:1.2rem;max-width:630px}.eyebrow{font-size:.875rem;font-weight:700;letter-spacing:.13em;color:#1764ef}.hero .eyebrow{color:#8ec5ff}.hero-meta{font-size:.9rem;color:#c7d6e6;margin-top:42px}.section{padding:76px max(8vw,24px)}.about{display:grid;grid-template-columns:1fr 1fr;column-gap:70px}.about .eyebrow{grid-column:1/-1}.about>p:last-child{align-self:center;max-width:520px}.services{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#dae5ef;padding:1px max(8vw,24px)}.service{background:#f1f6fc;padding:48px}.service p{max-width:460px}.wp-block-button__link{font-size:1rem;border-radius:4px;background:#1764ef;color:#fff;padding:15px 23px;font-weight:700;text-decoration:none}.wp-block-button__link:hover{background:#104bbe}.works{border-bottom:1px solid #e0e7ee}.prices{background:#f1f6fc}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.price-card{background:#fff;padding:28px;border-top:4px solid #1764ef}.price-number{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;letter-spacing:-.04em;margin:12px 0}.price-date,.price-note{font-size:.9rem;color:#4d6279}.contact{background:#1764ef;color:white}.contact .eyebrow{color:#d1e5ff}.contact .wp-block-button__link{background:white;color:#102a43;font-size:1.4rem}.site-footer{padding:44px max(8vw,24px);background:#0c2034;color:#c7d6e6;font-size:.875rem}.site-footer .brand{color:white}.site-footer p{margin:10px 0}section[id],div[id]{scroll-margin-top:24px}@media(max-width:700px){.site-header{padding:18px 24px}.hero{padding-top:62px;padding-bottom:62px}.section{padding-top:52px;padding-bottom:52px}.about,.services,.price-grid{grid-template-columns:1fr}.service{padding:30px 24px}.about{gap:0}.site-header .wp-block-navigation{font-size:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.lpg-price-dashboard h3{margin-top:48px;font-size:1.5rem}.chart-scroll{overflow-x:auto;background:#fff;padding:20px 0}.chart-scroll svg{display:block;width:100%;min-width:680px;height:auto}.chart-scroll svg text{font-size:14px;fill:#465a70}.chart-legend{display:flex;gap:24px}.chart-legend span:first-child{color:#1764ef}.chart-legend span:last-child{color:#b34b00}.region-select{margin:12px;padding:12px;font-size:1rem;border:1px solid #526c87;background:white;color:#102a43;border-radius:4px}.regional-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.regional-grid .price-number{font-size:2rem}.table-scroll{overflow-x:auto}details{margin:24px 0}summary{cursor:pointer;font-weight:700;padding:14px 0}table{width:100%;border-collapse:collapse;background:#fff;font-size:1rem}caption{text-align:left;padding:12px}th,td{text-align:left;border-bottom:1px solid #dce5ee;padding:12px;white-space:nowrap}@media(max-width:700px){.regional-grid{grid-template-columns:1fr}.lpg-price-dashboard .price-card{padding:20px}.region-select{max-width:100%}}

.region-map-scroll{overflow-x:auto;margin:28px 0;background:#fff;border:1px solid #dae5ef;border-radius:8px}.region-price-map{position:relative;width:100%;max-width:860px;min-width:640px;margin:0 auto}.region-price-map img{display:block;width:100%;height:auto}.region-price-map .map-price{position:absolute;display:flex;align-items:center;justify-content:center;border:0;background:#fff;color:#102a43;font-family:inherit;font-size:clamp(14px,1.8vw,20px);font-weight:700;line-height:1;padding:0;cursor:pointer;white-space:nowrap;border-radius:0}.region-price-map .map-price:hover,.region-price-map .map-price.selected{background:#e7f1ff;color:#104bbe;box-shadow:inset 0 0 0 2px #1764ef}.region-price-map .map-price:focus-visible{outline:3px solid #102a43;outline-offset:-3px}

.chart-scroll{position:relative;padding-bottom:52px}.chart-tooltip{position:absolute;bottom:4px;left:12px;background:#12314b;color:#fff;padding:10px 14px;border-radius:8px;font-size:14px;pointer-events:none;max-width:calc(100% - 24px)}.chart-tooltip[hidden]{display:none}.chart-hit{cursor:crosshair}.chart-hit:focus{outline:2px solid #1764ef}



.inside-region-map{max-width:800px;container-type:inline-size}
.inside-region-map img{mask-image:none;-webkit-mask-image:none}
.region-price-map .inside-map-price{display:flex;border:1px solid #0d8ed1;box-sizing:border-box;overflow:hidden;background:#fff;font-size:2.6cqw}
.inside-region-label{display:flex;align-items:center;justify-content:center;align-self:stretch;flex:0 0 43%;background:#0d8ed1;color:#fff;font-size:2.9cqw;font-weight:700;letter-spacing:-0.08em}
.inside-region-value{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;font-size:2.6cqw;letter-spacing:-0.04em}
.region-price-map .city-region{border-color:#ff6b1b}
.city-region .inside-region-label{background:#ff6b1b}
.region-price-map .inside-map-price:hover,.region-price-map .inside-map-price.selected{box-shadow:0 0 0 2px #1764ef}

.province-region .inside-region-label{font-size:2.5cqw}

@media (max-width: 700px) {
  .chart-scroll svg {
    width: 100%;
    min-width: 0;
  }

  .region-price-map {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 700px) {
  .hero h1 {
    font-size: clamp(24px, 6.5vw, 40px);
    line-height: 1.4;
    word-break: keep-all;
    overflow-wrap: normal;
  }
}

@media (max-width: 700px) {
  .lpg-price-dashboard h3 {
    font-size: clamp(16px, 4.4vw, 22px);
    word-break: keep-all;
  }

  .lpg-price-dashboard summary {
    font-size: clamp(14px, 3.8vw, 18px);
    word-break: keep-all;
  }

  .lpg-price-dashboard table {
    width: 100%;
    table-layout: fixed;
    font-size: 11px;
  }

  .lpg-price-dashboard th,
  .lpg-price-dashboard td {
    padding: 8px 3px;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .lpg-price-dashboard caption {
    font-size: 12px;
    padding: 8px 3px;
    word-break: keep-all;
  }
}