/* ☠ 지어진 파일이다. 손으로 고치지 말 것 —
   python3 _templates/L13-여백인테리어/디자인_파이널_2026-09-09/짓기.py 랜딩
   ★ 파이널 디자인의 <style> 을 «글자 그대로» 싣는다. 옮겨 적는 자리가 없어야 안 샌다. */

/* ── 스며듦 막이(_templates/_공통부품/스며듦막이.py 가 넣음) ──
   ☠ 이 블록을 지우면 «모든» 칸이 조금씩 어긋난다 — 눈으로는 「비슷한데?」로 보인다.
   ★ 갈래를 더하려면 그 파일에 더한다. 판마다 베끼지 않는다. */
/* [바탕] 처음 나온 판: L3 살롱드블랑 */
/* 사이트 바탕이 15px/1.7 이다. 디자인은 브라우저 기본(16px/normal)을 전제로 그려졌다.
   실측 2026-09-07(살롱드블랑): 줄높이 217곳 · 글자 크기 205곳 · 정렬 34곳 · 여백 22곳이
   이 «하나» 때문에 어긋났다. 눈으로는 「비슷한데?」로 보인다. */
html{ font-size: 16px; }
body{ font-size: 16px; line-height: normal; }
/* [figure] 처음 나온 판: L2 에코헤리티지 */
/* 워드프레스가 figure/figcaption 에 제 모양을 준다(가운데 정렬·회색 글자·위아래 여백).
   디자인의 figcaption 은 «한 줄 flex» 라 그대로 두면 글이 가운데로 몰리고 줄이 벌어진다. */
figure{ margin: 0; }
figcaption{ margin: 0; text-align: inherit; color: inherit; font-size: inherit; }
/* [제목] 처음 나온 판: L3 살롱드블랑 */
/* 묶음 시트의 `h3,h4{line-height:1.4}` 가 제목을 누른다.
   실측 2026-09-08(landing-03): 40.8px → 33.6px. 제목 3곳 + 그 안의 번호 span 6곳 = 9곳.
   디자인의 제목은 줄높이를 «따로 안 주고» body 를 물려받는다. 그 자리로 되돌린다. */
h1,h2,h3,h4,h5,h6{ line-height: inherit; }
/* [단추] 처음 나온 판: L2 에코헤리티지 */
/* 묶음 시트가 <button> 의 브라우저 기본값을 지운다 —
   `button{padding:0}` 과 `button,input,…{text-align:inherit}`.
   실측 2026-09-08(landing-02): 「관심고객 등록」 글자가 왼쪽에 붙었다(대표 지적).
   디자인은 기본값(가운데 정렬 · 안여백 1px 6px)을 «그대로 쓰는» 자리가 있다. */
button{ text-align: center; padding: 1px 6px; }
/* [라벨] 처음 나온 판: L2 에코헤리티지 · 색은 L7 볕들목 */
/* 사이트 CSS 가 <label> 에 굵기를 준다. 실측 2026-09-08(landing-02):
   form 은 300 인데 label 부터 400 으로 뛰어, 그 안의 span·button 넷이 다 굵게 나왔다.
   label 은 브라우저 기본값이 «없다»(물려받는다). 그 자리로 되돌린다.

   ☠ 2026-09-09(landing-07) — «색»도 같은 자리였다.
      Bricks 의 frontend-layer.min.css 에 `label{color:var(--bricks-text-light)}` 가 있다.
      인라인 color 가 «없는» 라벨(동의 체크박스 하나)만 회색 rgb(158,158,158) 으로 그려졌다.
      A(파이널정적)에는 Bricks CSS 가 없어서 안 보였다 — 배포한 «뒤»에만 나는 자리다.

   ☠ 2026-09-09(landing-07) 또 하나 — «아래 여백»도 사이트가 준다(label{margin-bottom:5px}).
      브라우저 기본은 0 이다. 폼 한 줄이 5px 씩 밀려 구획 높이가 튀었다(65 → 70). */
label{ font-weight: inherit; color: inherit; margin: 0; }
/* [인용] 처음 나온 판: L5 한뼘학원 */
/* blockquote 에 걸린 서체가 자식까지 물려간다.
   실측 2026-09-08(landing-05): 후기 인용 안 글자 6곳이 georgia 로 그려졌다. */
blockquote{ font-family: inherit; font-style: inherit; }

/* ── 디자인 원본이 들고 온 바탕(@keyframes 포함) ── */
html{scroll-behavior:smooth}
body{margin:0;background:#EDE6DA;color:#2B2620;font-family:Pretendard,"Apple SD Gothic Neo",-apple-system,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;line-height:1.75;font-size:16px}
a{color:#9C4A26;text-decoration:none}a:hover{color:#2B2620}
*{box-sizing:border-box}
input,select,textarea,button{font:inherit;color:inherit}
input::placeholder,textarea::placeholder{color:#9A8E7D}
:focus-visible{outline:3px solid #9C4A26;outline-offset:3px}
@keyframes yb-up{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ── 편집기 전용 style-hover/style-active 를 옮긴 진짜 규칙 ── */
.dch1:hover{color:#2B2620 !important;}
.dch2:hover{background:#9C4A26 !important;color:#FFFFFF !important;}
.dch3:hover{filter:brightness(0.95) !important;color:#191919 !important;}
.dch4:hover{color:#9C4A26 !important;}
@media (prefers-reduced-motion: no-preference){.dch5:hover{transform:scale(1.04) !important;}}
.dch6:hover{background:#9C4A26 !important;}
.dcf1:focus-within{border-color:#2B2620 !important;}
.dcf2:focus-within{border-color:#2B2620 !important;}
.dcf3:focus-within{border-color:#2B2620 !important;}
.dcf4:focus-within{border-color:#2B2620 !important;}

/* ── 이 쪽에만 있는 규칙 ── */

/* 디자인이 못 적어 둔 자리만. 지금은 없다. */

/* ── 폼 칸 줄높이 되세움(짓기가 마크업에서 «읽어» 낸다) ──
   ☠ Bricks 가 `@layer bricks` 안에서 `textarea{line-height:inherit!important}` 를 준다.
      층 안의 important 는 층 밖의 important 를 이긴다 — 그래서 «같은 층»에 넣는다.
      값은 디자인이 준 것 그대로다. 여기 적힌 숫자는 짓기가 읽은 값이다. */
@layer bricks{
textarea{ line-height: 1.6 !important; }
}

/* ── Bricks 가 요소에 얹는 기본 모양 지우기(짓기가 넣음) ── */

/* ☠☠ Bricks 는 shortcode 를 «div 로 감싼다». 그 div 가 격자·줄의 «한 칸»이 되어
   안의 것이 통째로 한 칸에 들어간다 — L3 에서 디자이너 카드 넷이 전폭으로 쌓였다
   (대표 지적 2026-09-07 · 실측 「칸 none · 4줄 · 폭 1120」).
   ★ display:contents 로 감싼 상자를 없애 «안의 것이 직접» 칸이 되게 한다.
   ⚠ 그래서 이 상자에는 바탕·테두리·여백을 주면 안 된다. 우리 부품은 다 비어 있다. */
.brxe-shortcode, .exs-shortcode{ display: contents; }

/* ☠☠ Bricks 는 요소마다 `max-width:100%` 를 건다.
   파이널에는 «음수 여백으로 넓히는» 줄이 있어(진료시간표의 점심시간 줄: margin:0 -16px)
   그 줄이 32px 좁아진다 — 실측 2026-09-07: 본체 500 vs 랜딩 468.
   ☠ 눈으로는 「조금 좁네?」로만 보이고, 인라인 style 은 «양쪽이 똑같아» 원인이 안 보인다.
     class 를 떼 보고서야 드러났다.
   ★ 폭은 파이널 마크업이 정한다. Bricks 의 상한을 푼다. */
.brxe-div, .exs-div, .brxe-text-basic, .exs-text-basic{ max-width: none; }

/* 사진은 Bricks 가 inline-block 으로 두지만 파이널이 제 값을 갖고 있다 */
.brxe-image, .exs-image{ display: revert; margin: revert; }