:root{--ic-paw:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M24%2026c-6%200-11%205-11%2010%200%204%203%206%206%206%202%200%203-1%205-1s3%201%205%201c3%200%206-2%206-6%200-5-5-10-11-10z%22%2F%3E%3Cellipse%20cx%3D%2211%22%20cy%3D%2221%22%20rx%3D%224.5%22%20ry%3D%225.5%22%20transform%3D%22rotate%28-18%2011%2021%29%22%2F%3E%3Cellipse%20cx%3D%2219%22%20cy%3D%2212%22%20rx%3D%224.5%22%20ry%3D%226%22%2F%3E%3Cellipse%20cx%3D%2229%22%20cy%3D%2212%22%20rx%3D%224.5%22%20ry%3D%226%22%2F%3E%3Cellipse%20cx%3D%2237%22%20cy%3D%2221%22%20rx%3D%224.5%22%20ry%3D%225.5%22%20transform%3D%22rotate%2818%2037%2021%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--ic-fence:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%2041V15l4-5%204%205v26M21%2041V13l4-5%204%205v28M35%2041V15l4-5%204%205v26%22%2F%3E%3Cpath%20d%3D%22M4%2022.5h41M4%2033h41%22%2F%3E%3Cpath%20d%3D%22M3%2043c8-2%2014%201%2021-.5s13-1%2021%20.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--ic-shower:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2043V12a6%206%200%200%201%2012%200v2%22%2F%3E%3Cpath%20d%3D%22M14%2018h14a7%207%200%200%200-14%200z%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M17%2025l-1.5%204M22%2025v4.5M27%2025l1.5%204M19%2033l-1%204M25%2033l1%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--ic-floor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2038l9-24h20l9%2024z%22%2F%3E%3Cpath%20d%3D%22M12%2025.5h24M17%2014l-4%2024M31%2014l4%2024M24%2014v24%22%2F%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%2210%22%20r%3D%224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--ic-dryer:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2016h20a8%208%200%200%201%200%2016H8z%22%2F%3E%3Cpath%20d%3D%22M14%2032l-2%2010h8l1-10%22%2F%3E%3Cpath%20d%3D%22M38%2018c3%202%203%205%200%207M42%2015c5%204%205%209%200%2013%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--ic-ball:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2216%22%2F%3E%3Cpath%20d%3D%22M10%2015c7%204%207%2014%200%2018M38%2015c-7%204-7%2014%200%2018%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--ic-bone:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M13%2017a5%205%200%201%201%203-8%205%205%200%201%201%207%204l13%2013a5%205%200%201%201%204%207%205%205%200%201%201-8%203L19%2023a5%205%200%200%201-6-6z%22%2F%3E%3C%2Fsvg%3E");--ic-lake:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2030l10-14%208%209%206-7%2016%2012%22%2F%3E%3Cpath%20d%3D%22M5%2036c4-2%207%202%2011%200s7%202%2011%200%207%202%2011%200%205%201%205%201M9%2042c4-2%207%202%2011%200s7%202%2011%200%207%202%2011%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.ic-paw{--ic:var(--ic-paw)}.ic-fence{--ic:var(--ic-fence)}.ic-shower{--ic:var(--ic-shower)}.ic-floor{--ic:var(--ic-floor)}.ic-dryer{--ic:var(--ic-dryer)}.ic-ball{--ic:var(--ic-ball)}.ic-bone{--ic:var(--ic-bone)}.ic-lake{--ic:var(--ic-lake)}
/* 청풍호 기본 블록 섹션 보정 — 템플릿 CSS 는 원래 클래스 이름 그대로 두고, 기본 블록이 만드는 HTML 차이만 맞춘다.
   워드프레스 블록 기본 CSS(wp-block-library·global-styles) 뒤에 실린다. 아이콘 마스크(--ic-*)는 빌드가 아이콘 묶음에서 만든다. */

/* ---- 공통 ---- */
a:where(:not(.wp-element-button)){text-decoration:none}
.wbt-core figure{margin:0}
.wbt-core .wp-block-image img,.wbt-core .wp-block-post-featured-image img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.wbt-core code{background:rgba(210,86,107,.14);color:var(--rasp);border-radius:4px;padding:0 4px;font-family:var(--mono);font-size:.86em}
.wbt-core [class*="ic-"]::before{content:"";display:inline-block;flex:none;width:22px;height:22px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.wbt-core .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:54px;padding:0 26px;border-radius:999px;border:3px solid var(--ink);font-weight:700;font-size:15px;line-height:1;box-shadow:0 5px 0 var(--ink);transition:transform .15s,box-shadow .15s;background:var(--white);color:var(--ink);text-decoration:none}
.wbt-core .wp-block-button__link:hover{transform:translateY(2px);box-shadow:0 3px 0 var(--ink)}
.wbt-core .is-r .wp-block-button__link{background:var(--rasp);color:#121212}
.wbt-core .is-r .wp-block-button__link::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--ic-paw) center/contain no-repeat;mask:var(--ic-paw) center/contain no-repeat}

/* ---- 첫 화면 ---- */
.hero.wbt-core::before,.hero.wbt-core::after{content:"";position:absolute;pointer-events:none;background:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}
.hero.wbt-core::before{right:5%;top:110px;width:80px;height:80px;color:var(--rasp);opacity:.9;-webkit-mask-image:var(--ic-bone);mask-image:var(--ic-bone)}
.hero.wbt-core::after{left:3%;bottom:70px;width:64px;height:64px;color:var(--ink);transform:rotate(-20deg);-webkit-mask-image:var(--ic-ball);mask-image:var(--ic-ball)}
.hero h1 strong{font-weight:inherit;background:linear-gradient(transparent 62%,var(--sage) 62% 92%,transparent 92%)}
.hero h1 em{font-style:normal;color:var(--rasp)}
.hero .chips .chip,.hero .sticker p,.hero p.st-tag{margin-top:0;max-width:none}
.hero .chip{color:var(--ink);font-size:13.5px}
.hero .st-paw{align-content:center;gap:0}
.hero .st-paw .n{font-family:var(--latin);font-weight:700;font-size:26px;line-height:1;color:#fff}
.hero .st-paw .t{font-size:12.5px;font-weight:700;line-height:1.35;margin-top:4px;color:#121212}
.hero p.st-tag{color:var(--ink);font-size:14px}
.hero .st-tag::before{width:26px;height:26px}

/* ---- 소개 ---- */
.about .feat3 .f::before{display:block;width:46px;height:46px}
.about .feat3 .feat-t{font-size:15.5px;margin-top:10px;line-height:1.4}
.about .feat3 .feat-s{font-size:13px;color:var(--ink-2);margin-top:4px}
.about .duo .wp-block-image{position:absolute}

/* ---- 객실 (쿼리 루프) ---- */
.rooms-sec .tag{color:var(--rasp)}
.rooms-sec .lead{color:var(--ink)}
.rooms-sec .wp-block-post-template.hgrid{margin-top:44px;padding:0;list-style:none}
.hgrid>li{grid-column:span 2;display:flex;margin:0}
.hgrid>li.is-big{grid-column:span 3}
.hgrid>li>.hcard{flex:1;width:100%}
.hcard .im .wp-block-post-featured-image{height:100%;margin:0}
.hcard .im img{transition:transform .8s var(--ease)}
.hcard:hover .im img{transform:scale(1.05)}
.hcard .badge{margin:0;z-index:1}
.hgrid>li.is-big .badge{background:var(--rasp);color:#fff}
.hcard .wp-block-post-title{font-family:var(--head);font-weight:400;font-size:30px;line-height:1.1}
.hcard .wp-block-post-excerpt{margin:0}
.hcard .wp-block-post-excerpt__excerpt{margin-top:8px}
.hcard .meta p{margin:0;font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--bg);border:1.5px solid var(--line);color:var(--ink)}
.hcard .pr p{margin:0}
.hcard .pr .pn{font-family:var(--latin);font-weight:700;font-size:22px;color:var(--ink)}
.hcard .pr .pl{font-size:12.5px;color:var(--ink-2)}

/* ---- 시설 ---- */
.fac .fc .im .wp-block-image{height:100%}
.fac .fc .ic{margin:0}
.fac .fc .ic::before{width:34px;height:34px}

/* ---- 오시는 길 ---- */
.loc .dl{display:grid;grid-template-columns:96px 1fr;margin-top:26px}
.loc .dl p{padding:13px 0;border-bottom:1.5px dashed rgba(255,255,255,.22)}
.loc .dl .dt{color:var(--sage);font-weight:700;font-size:14px}
.loc .lake .wp-block-image img{height:auto;aspect-ratio:4/3}
.loc .lake .pill{position:absolute;left:16px;bottom:16px;background:var(--white);color:var(--ink);border:2.5px solid var(--ink);border-radius:999px;padding:6px 14px;font-weight:700;font-size:13px}

@media (max-width:1080px){
  .hgrid>li,.hgrid>li.is-big{grid-column:span 1}
}
@media (max-width:720px){
  .hero.wbt-core::before,.hero.wbt-core::after{display:none}
  .hero .acts{display:grid;grid-template-columns:1fr auto;gap:10px}
  .hero .acts .wp-block-button__link{width:100%;height:52px;padding:0 16px;font-size:14.5px;box-shadow:0 4px 0 var(--ink);white-space:nowrap}
  .hero .st-paw .n{font-size:19px}.hero .st-paw .t{font-size:11px}
}
@media (max-width:380px){
  .hero .acts{grid-template-columns:1fr}
}