/* ☠ 지어진 파일이다. 손으로 고치지 말 것 —
   python3 _templates/L11-어센트/디자인_파이널_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; }

/* ── 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; }

/* ── 디자인 원본이 들고 온 바탕(@keyframes 포함) ── */
html{scroll-behavior:smooth}
body{margin:0;background:#14161A;color:#F2F4F6;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.7;font-size:16px;overflow-x:hidden}
a{color:#7FA9C4;text-decoration:none}a:hover{color:#F2F4F6}
*{box-sizing:border-box}
input,select,textarea,button{font:inherit;color:inherit}
input::placeholder,textarea::placeholder{color:#6C7580}
select option{background:#1C1F25;color:#F2F4F6}
:focus-visible{outline:3px solid #7FA9C4;outline-offset:2px}
@keyframes as-kenburns{0%{transform:scale(1.12) translate3d(0,0,0)}100%{transform:scale(1) translate3d(0,-1.5%,0)}}
@keyframes as-word{0%{opacity:0;transform:translateY(28px) skewY(2deg)}100%{opacity:1;transform:none}}
@keyframes as-fade{0%{opacity:0}100%{opacity:1}}
@keyframes as-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes as-pulse{0%,100%{box-shadow:0 0 0 0 rgba(127,169,196,0.55)}70%{box-shadow:0 0 0 12px rgba(127,169,196,0)}}
@keyframes as-lineglow{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ── 편집기 전용 style-hover/style-active 를 옮긴 진짜 규칙 ── */
.dch1:hover{color:#7FA9C4 !important;}
.dch2:hover{background:#F2F4F6 !important;color:#14161A !important;}
@media (prefers-reduced-motion: no-preference){.dch2:hover{transform:translateY(-1px) !important;}}
.dch3:hover{background:#F2F4F6 !important;color:#14161A !important;}
@media (prefers-reduced-motion: no-preference){.dch3:hover{transform:translateY(-2px) !important;}}
.dch4:hover{border-color:#7FA9C4 !important;background:rgba(127,169,196,0.12) !important;color:#F2F4F6 !important;}
.dch5:hover{background:#F2F4F6 !important;color:#14161A !important;}
.dch6:hover{background:rgba(127,169,196,0.14) !important;color:#F2F4F6 !important;}
.dch7:hover{border-color:#7FA9C4 !important;}
.dch8:hover{filter:grayscale(0) !important;}
@media (prefers-reduced-motion: no-preference){.dch8:hover{transform:scale(1.06) !important;}}
.dch9:hover{background:#F2F4F6 !important;}
@media (prefers-reduced-motion: no-preference){.dch9:hover{transform:translateY(-1px) !important;}}
.dcf1:focus-within{border-color:#7FA9C4 !important;}
.dcf2:focus-within{border-color:#7FA9C4 !important;}
.dcf3:focus-within{border-color:#7FA9C4 !important;}

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

/* 디자인이 못 적어 둔 자리만. */
/* ≤600 머리 한 줄 (일 #402, 2026-09-30).
   nav 가 두 줄로 접혀(높이 101~102) 버거가 머리 위로 14~16px 나가고 CTA 가 머리 밑으로 빠졌다.
   nav 를 한 줄로 묶고, 로고는 막대 그림이 두 줄을 차지하고 ASCENT 위·「어센트 피트니스」 아래.
   ☠ 600 초과(1440 포함)는 건드리지 않는다 — 1440 머리 그림 md5 전·후 같음. */
@media (max-width: 600px) {
  #brx-content header nav { flex-wrap: nowrap !important; }
  #brx-content header nav > * { flex: 0 0 auto !important; }
  #brx-content header > div > a:first-child { display: grid !important; grid-template-columns: auto auto; column-gap: 10px !important; row-gap: 3px; align-items: center; min-width: 0; }
  #brx-content header > div > a:first-child > span:first-child { grid-row: 1 / span 2; }
  #brx-content header > div > a:first-child > span { white-space: nowrap; }
}
/* 768~859 머리 한 줄 (일 #1823, 2026-10-10).
   「회원 수업 예약」 단추가 들어온 뒤 nav 가 접혀 링크가 머리 위로 −5~−11px 나가고 「방문 예약」이 밑으로 빠졌다.
   틈·단추 여백만 줄인다. ☠ 860 이상·767 이하는 건드리지 않는다. */
@media (min-width: 768px) and (max-width: 859px) {
  #brx-content header > div { gap: 12px !important; }
  #brx-content header nav { gap: 10px !important; flex-wrap: nowrap !important; }
  #brx-content header .ebk-head { padding: 9px 10px !important; }
  /* 스크롤바 15px 창 768~771(안쪽 753~756)은 그래도 4px 모자라 로고·「방문 예약」이 접혔다(일 #1835 · 결재 #525).
     좌우 여백 4vw 는 창 폭 기준이라 스크롤바만큼 그대로 남는다. 스크롤바 폭(100vw−100%)의 반씩 덜어 낸다.
     스크롤바가 없으면 0 을 빼므로 지금과 같다. */
  #brx-content header > div { padding-left: max(20px, calc(4vw - (100vw - 100%) / 2)) !important; padding-right: max(20px, calc(4vw - (100vw - 100%) / 2)) !important; }
}

/* ══ 모바일 머리(≤600px) — _공통부품/모바일머리.py 가 넣은 것 ═══════════ */
@media (max-width: 600px) {
  /* ☠☠ 「직계 자식 a」만 숨기면 안 된다 — CTA 가 «더 안쪽»에 있는 판이 있다(L04 에서 겪음).
     ★ CTA 를 품은 «맨 위 칸»에만 표를 달고, 그 밖의 칸을 숨긴다. */
  header nav > *:not(.eco-keep):not(.eco-burger) { display: none !important; }

  .eco-burger {
    all: unset; box-sizing: border-box; cursor: pointer;
    width: 44px; height: 44px;                 /* ★ 누르는 자리 44px 이상 */
    display: inline-flex; align-items: center; justify-content: center;
    border: 1px solid currentColor; border-radius: 10px;
  }
  .eco-burger:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
  .eco-burger span { position: relative; display: block; width: 18px; height: 2px;
    background: currentColor; transition: background 200ms ease-out; }
  .eco-burger span::before, .eco-burger span::after {
    content: ""; position: absolute; left: 0; width: 18px; height: 2px; background: currentColor;
    transition: transform 200ms ease-out, top 200ms ease-out; }
  .eco-burger span::before { top: -6px; }
  .eco-burger span::after  { top: 6px; }
  .eco-burger[aria-expanded="true"] span { background: transparent; }
  .eco-burger[aria-expanded="true"] span::before { top: 0; transform: rotate(45deg); }
  .eco-burger[aria-expanded="true"] span::after  { top: 0; transform: rotate(-45deg); }

  header nav > .eco-keep { display: inline-flex !important; align-items: center; }
  header nav .eco-cta { min-height: 44px; display: inline-flex; align-items: center; }

  .eco-menu[hidden] { display: none !important; }
  .eco-menu {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
    padding: 8px clamp(20px, 4vw, 40px) 32px;
    display: flex; flex-direction: column; overflow-y: auto;
  }
  .eco-menu a {
    display: flex; align-items: center; min-height: 56px;
    font-size: 17px; text-decoration: none;
  }
  .eco-menu a:last-child { border-bottom: 0 !important; }
  body.eco-menu-open { overflow: hidden; }

  /* 데모 띠 닫기 단추 — 눌리는 자리를 44×44 로 넓힌다.
     ☠ 띠 높이(44px)는 그대로 둔다 — 단추를 키우지 않고 «가짜 판»으로 넓힌다. */
  .eco-demobar .eco-democlose { position: relative; }
  .eco-demobar .eco-democlose::after {
    content: ""; position: absolute; left: 50%; top: 50%;
    width: 44px; height: 44px; transform: translate(-50%, -50%);
  }

  /* 데모 띠 — 한 줄로 */
  .eco-demobar { flex-wrap: nowrap !important; font-size: 12px !important;
    padding: 8px 10px 8px 12px !important; gap: 8px !important; }
  .eco-demobar .eco-demotext { white-space: nowrap; }
}
/* 600 초과 — JS 가 넣은 버거·메뉴를 숨긴다(꾸밈이 위 media 안에만 있어 기본 단추가 빈 타원으로 남았다, 일 #394). */
@media not all and (max-width: 600px) {
  .eco-burger, .eco-menu { display: none !important; }
}

/* ══ #569 심화 업그레이드(05 기획안 ②③⑥⑦⑨⑪) — 결재 #260 과 무관, 늘 한다 ══════════
   ★ 되돌리는 길: 이 덩어리를 빼면 파이널대로 돌아간다. 색은 파이널이 이미 쓰는 값뿐
     (#7FA9C4 초점선 · #14161A 헤더 · #2A2E35 선). 모바일머리 «뒤»에 두어 같은 무게면 이긴다. */

/* ② 초점선 — 손잡이 단추는 인라인 all:unset 이라 브라우저 기본선이 없다. !important 로 되살린다. */
#brx-content [data-as-plan]:focus-visible, #brx-content [data-as-pt]:focus-visible,
#brx-content [data-as-gal]:focus-visible, #brx-content [data-as-demo]:focus-visible,
#brx-content header .eco-burger:focus-visible, .eco-menu a:focus-visible,
#brx-content a:focus-visible, #brx-content button:focus-visible {
  outline: 3px solid #7FA9C4 !important; outline-offset: 2px !important; }
/* ② 폼 칸 — 인라인 outline:none. 글칸은 테두리색만 바뀌고 선택칸 둘은 아무 표시도 없었다. 같은 선 하나로. */
#brx-content form[data-gn-form] input:focus-visible, #brx-content form[data-gn-form] select:focus-visible,
#brx-content form[data-gn-form] textarea:focus-visible {
  outline: 3px solid #7FA9C4 !important; outline-offset: 2px !important; border-color: #7FA9C4 !important; }

/* ⑨⑪ 「메인 콘텐츠로 건너뛰기」(테마 skip-link, 구획 밖 A) — 초점 때만 보인다. 순검정 → #14161A, 700 → 600.
   이 CSS 는 이 쪽에만 실리므로 테마 공용 값은 그대로다. */
a.skip-link { background: #14161A !important; font-weight: 600 !important; }

/* ③ 헤더 — 첫 화면을 벗어나면 뒤를 막는다(글자가 비치지 않게). 판정은 JS 의 관찰기 하나.
   ☠ backdrop-filter 는 쓰지 않는다. 배경을 «갈아 끼우면» 전환이 안 되니 판 한 장을 깔고 opacity 로. */
#brx-content header::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: rgba(20,22,26,0.94); border-bottom: 1px solid #2A2E35;
  opacity: 0; transition: opacity 200ms ease-out; }
#brx-content header[data-as-solid]::before { opacity: 1; }
@media (prefers-reduced-motion: reduce) { #brx-content header::before { transition: none; } }

/* ⑥-가 스크롤 여백 — 앵커·Tab 이 헤더(72)와 아래 띠·바에 안 가리게.
   ★ 위: 헤더 72 + 16 = 88. 구획의 인라인 scroll-margin-top(72)과 «더해지지» 않게 0 으로 둔다
     (둘이 더해지면 160 이 된다 — 제목이 헤더 밑에 오는 것은 같고 빈 자리만 는다).
   ★ 아래: 띠 윗선이 화면 밑에서 120~124(390·360·1440 잰 값, 05 표) + 16 = 136. 05 의 「약 110」은 띠+바만 센 값. */
html { scroll-padding-top: 88px; scroll-padding-bottom: 136px; }
#brx-content section[id^="as-"] { scroll-margin-top: 0 !important; }

/* ⑥-나 C(결재 #260 답 전 기본값) — 1024 이상에서 첫 화면 숫자 상자가 데모 띠에 덮였다(1440 y 776–824).
   바는 그대로 두고 첫 화면 아래 여백을 늘려 상자를 띠 위로 올린다. 폰·태블릿은 그대로. */
@media (min-width: 1024px) {
  #brx-content [data-hero] > div:last-child {
    padding-bottom: calc(clamp(96px, 12vh, 140px) + 64px) !important; }
}

/* ⑥-다 #608 폰 데모 띠 — 767 이하 첫 화면에서 화면 밑 고정 띠가 요금 요약 상자를 덮었다
   (08 재검: 390 띠 724/상자 743 · 375 547/636 · 360 620/664). 첫 화면 상자는 위에서부터 쌓여 띠 자리까지 내려온다.
   그래서 상자를 올리지 않고 띠를 옮긴다. 상자가 띠 자리(화면 밑 136, 위 scroll-padding-bottom 과 같은 값) 위로
   다 올라오기 전에는 띠를 헤더(72) 바로 밑에 고정한다. 올라오면 JS 가 data-as-float 를 달고, 띠는 원래 인라인 자리
   (bottom 76)로 돌아간다. 데모 표시는 첫 화면에서도, 내린 뒤에도 보인다. 768 이상은 그대로(820 은 16px 띄워 통과). */
@media (max-width: 767px) {
  #brx-content div:has(> [data-as-demo="close"]):not([data-as-float]) {
    top: 72px !important; bottom: auto !important; left: 0 !important; right: 0 !important;
    max-width: none !important; border-radius: 0 !important; box-shadow: none !important;
    padding: 4px 10px 4px 16px !important; justify-content: space-between; }
  /* 헤더 밑 띠에서는 닫기 단추(28)를 줄이지 않는다 — 360 에서 12 로 눌렸다. 모자라면 공용 모바일머리가
     「에코스튜디오」 링크를 접는다(scrollWidth 로 재므로 단추가 안 줄어야 넘침이 잡힌다). */
  #brx-content div:not([data-as-float]) > [data-as-demo="close"] { flex: none !important; }
}
/* 375×667 처럼 낮은 폰은 하단 바(60) 윗선 606 이 상자 「원/월」(600–616)을 덮었다. 띠가 위로 가도 바는 남으니
   첫 화면 간격만 줄여 상자를 바 위로 올린다: 위 여백 140→124(띠 72–108 아래 16), 사이 28→16, 첫 묶음 20→14. */
@media (max-width: 767px) and (max-height: 700px) {
  #brx-content [data-hero] > div:last-child { padding-top: 124px !important; gap: 16px !important; }
  #brx-content [data-hero] > div:last-child > div:first-child { gap: 14px !important; }
}
/* 360 처럼 374 이하 폰은 요약 상자 칸 안쪽 폭이 73 이라 「55,000」(22px, 약 75)이 「55,00 / 0」으로 끊겼다
   (569 에도 있었는데 띠가 덮어 안 보였다). 칸 좌우 여백 16→12 로 안쪽 81 을 만든다. */
@media (max-width: 374px) {
  #brx-content [data-hero-word="6"] > div { padding-left: 12px !important; padding-right: 12px !important; }
}
/* 요약 상자 단위 「원/월」 (일 #1835 · 결재 #525). 「/」 뒤에서 줄이 갈려 440·874·900 에서 「월」만 아랫줄로 내려갔다.
   단위를 한 덩어리로 묶는다 — 모자라면 «통째로» 아랫줄(390·360 이 이미 그 모양). 이미 한 줄인 폭은 그대로. */
#brx-content [data-hero-word="6"] strong > span { white-space: nowrap; }
/* 첫 화면 제목 폰 폭 (일 #1823, 2026-10-10). 셋째 줄 「1회 체험 후 결정하세요」(nowrap)가 42px 에서 356 이라
   360 에서 화면 오른쪽 밖으로 16px 잘렸다(390 은 제목 칸 밖 6). 줄은 그대로 두고 글자 크기만 폭에 맞춘다.
   8.6 = 셋째 줄 폭/글자 크기(8.48)+여유. 420 이하만 — 420 에서 44 라 원래 42 와 이어진다. */
@media (max-width: 420px) {
  #brx-content #brxe-gn0021 { font-size: min(42px, calc((100vw - 40px) / 8.6)) !important; }
}

/* ⑦ 폼 — 767 이하는 한 줄에 한 칸(390 에서 두 칸이 나란했다). 칸·순서는 그대로. */
@media (max-width: 767px) {
  #brx-content form[data-gn-form] { grid-template-columns: minmax(0, 1fr) !important; }
  #brx-content form[data-gn-form] > * { grid-column: 1 / -1 !important; }
}

/* ⑨ 줄 끊기 — 제목은 고르게, 본문은 외톨이 낱말 없이 */
#brx-content h2, #brx-content h3 { text-wrap: balance; }
#brx-content p { text-wrap: pretty; }

/* ⑪ 모서리 — 폰 메뉴 단추 10px(공용 모바일머리)만 이 판에서 2px 로. 공용 부품은 손대지 않는다. */
@media (max-width: 600px) { #brx-content header .eco-burger { border-radius: 2px !important; } }

/* ══ 결재 #260 A·B — 1024 이상에서 전폭 하단 바를 숨기고 데모 띠를 아래로 ══ */
@media (min-width: 1024px) {
  #brx-content nav[style*="position:fixed"][style*="bottom:0"] { display: none !important; }
  #brx-content div:has(> [data-as-demo="close"]) { bottom: 16px !important; }
  #brx-content [data-hero] > div:last-child { padding-bottom: clamp(96px, 12vh, 140px) !important; }
}

/* ══ 결재 #260 A — 움직임 줄이기(03 「움직임 제안」) ══ */
#brx-content [data-hero-img] img { animation: none !important; transform: none !important; }
#brx-content [data-spot] { display: none !important; }
#brx-content [data-tilt] { transform: none !important; }
#brx-content [data-sheen] { display: none !important; }
/* 흐르는 띠 → 멈춘 줄. 두 벌 중 뒤 벌은 JS 가 숨긴다(이어 붙이려고 두 번 실린 것). 넘치면 접는다. */
#brx-content [data-marquee] { animation: none !important; width: auto !important; flex-wrap: wrap;
  justify-content: center; padding-left: 22px; }
#brx-content [data-marquee] > [data-as-dup] { display: none !important; }
/* 낱말·등장·막대의 시간은 JS 의 A 갈래가 정한다(인라인을 «처음부터» 200ms 로 쓴다). */

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