/* BRB-WEB 리쥬란·힐로웨이브 7페이지 공용 (Healer R2/R3 grammar; batch BRB-WEB-REJURAN-HILOWAVE-BATCH-20261015-R1). Page-local only.
   Fixed values: docs/stack-prod/brb-web-visual-design-authority.md. Reference build: 색소프로그램 (page 3391).
   Every selector starts with .brb-rhh. No global token is redefined. Motion is CSS only (Page Manager forbids scripts). */

.brb-rhh{--rhh-green:#0b3328;--rhh-green-soft:#e6ece7;--rhh-ink:#303432;--rhh-muted:#5b6059;--rhh-gold:#a88959;--rhh-gold-text:#735e3d;--rhh-line:#dcdad0;--rhh-cream:#f5f1ea;--rhh-cream-deep:#eee7db;--rhh-paper:#fbf9f5;--rhh-serif:"Noto Serif KR",var(--brb-font-display,serif);--rhh-sans:var(--brb-font-body,"Pretendard Variable",Pretendard,sans-serif);display:block;color:var(--rhh-ink);background:var(--rhh-paper);font:400 16px/1.8 var(--rhh-sans);word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;text-align:left}
.brb-rhh *,.brb-rhh *::before,.brb-rhh *::after{box-sizing:border-box}
.brb-rhh :where(h1,h2,h3,p,figure,dl,dd,dt,ol,ul){margin:0}
.brb-rhh :where(ol,ul){padding:0;list-style:none}
.brb-rhh img,.brb-rhh video{display:block;max-width:100%;height:auto}
.brb-rhh a{color:inherit;text-decoration:none}
.brb-rhh a:focus-visible,.brb-rhh summary:focus-visible{outline:2px solid var(--rhh-green);outline-offset:3px;border-radius:2px}
.brb-rhh :where(section,header,nav,footer){scroll-margin-top:24px}
.brb-rhh .rhh-wrap{width:min(1200px,calc(100% - 40px));margin-inline:auto}

/* Tones: Paper and Cream alternate, Cream Deep for advice, one Deep Green face for the core clinical story */
.brb-rhh.rhh-tone-paper{background:var(--rhh-paper)}
.brb-rhh.rhh-tone-cream{background:var(--rhh-cream)}
.brb-rhh.rhh-tone-creamdeep{background:var(--rhh-cream-deep)}
.brb-rhh.rhh-tone-green{background:var(--rhh-green);color:#f5f1ea}

/* Type */
.brb-rhh h1{font:500 32px/1.38 var(--rhh-serif);letter-spacing:-.05em;color:var(--rhh-green)}
.brb-rhh h2{font:500 27px/1.42 var(--rhh-serif);letter-spacing:-.045em;color:var(--rhh-green)}
.brb-rhh h3{font:600 18px/1.5 var(--rhh-sans);letter-spacing:-.02em;color:var(--rhh-green)}
.brb-rhh strong{font-weight:600}
.brb-rhh .rhh-eyebrow{display:flex;align-items:baseline;gap:10px;margin-bottom:14px;color:var(--rhh-gold-text);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.4}
.brb-rhh .rhh-no{font:500 15px/1 var(--rhh-serif);letter-spacing:0}
.brb-rhh .rhh-lead{font-size:17px;line-height:1.8}
.brb-rhh .rhh-body > * + *{margin-top:20px}
.brb-rhh .rhh-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--rhh-green);font-size:15px;font-weight:600;text-decoration:underline;text-decoration-color:var(--rhh-gold);text-underline-offset:6px;text-decoration-thickness:1px}
.brb-rhh .rhh-link:hover{text-decoration-color:var(--rhh-green)}
.brb-rhh .rhh-turn{margin-top:40px;padding-top:20px;border-top:1px solid var(--rhh-line);color:var(--rhh-green);font-size:15px;line-height:1.7}
.brb-rhh .rhh-turn span{margin-right:8px;color:var(--rhh-gold-text)}

/* Chapters */
.brb-rhh .rhh-chapter{padding-block:56px}
.brb-rhh .rhh-head{margin-bottom:24px}

/* Hero */
.brb-rhh .rhh-hero{padding-block:44px 48px}
.brb-rhh .rhh-hero-grid{display:grid;gap:28px}
.brb-rhh .rhh-hero-lead{margin-top:20px;font-size:16px;line-height:1.85}
.brb-rhh .rhh-hero-lead strong{color:var(--rhh-green)}
.brb-rhh .rhh-hero-media{position:relative;overflow:hidden;border-radius:2px;background:var(--rhh-cream)}
.brb-rhh .rhh-hero-media img,.brb-rhh .rhh-hero-media video{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 55%}
.brb-rhh .rhh-hero-media video{position:absolute;inset:0;height:100%}
.brb-rhh .rhh-gist-label{padding-bottom:12px;border-bottom:1px solid var(--rhh-green);color:var(--rhh-green);font-size:14px;font-weight:600}
.brb-rhh .rhh-gist li{display:grid;grid-template-columns:28px 1fr;gap:8px;padding-block:16px;border-bottom:1px solid var(--rhh-line)}
.brb-rhh .rhh-gist-n{font:500 17px/1.7 var(--rhh-serif);color:var(--rhh-gold-text)}
.brb-rhh .rhh-gist p{font-size:15px;line-height:1.75;color:var(--rhh-muted)}
.brb-rhh .rhh-gist strong{display:block;color:var(--rhh-green);font-size:16px}
.brb-rhh .rhh-hero-gist .rhh-link{margin-top:8px}

/* Contents */
.brb-rhh .rhh-contents{border-bottom:1px solid var(--rhh-line)}
.brb-rhh .rhh-contents ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;counter-reset:rhh}
.brb-rhh .rhh-contents li{counter-increment:rhh;border-top:1px solid var(--rhh-line)}
.brb-rhh .rhh-contents a{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px;color:var(--rhh-ink)}
.brb-rhh .rhh-contents a::before{content:counter(rhh,decimal-leading-zero);font:500 12px/1 var(--rhh-serif);color:var(--rhh-gold-text)}

/* 01 Patient words, 02 Who it suits */
.brb-rhh .rhh-voices{border-top:1px solid var(--rhh-green)}
.brb-rhh .rhh-voices li{padding-block:22px;border-bottom:1px solid var(--rhh-line)}
.brb-rhh .rhh-quote{font:500 20px/1.55 var(--rhh-serif);letter-spacing:-.03em;color:var(--rhh-green)}
.brb-rhh .rhh-suits{border-top:1px solid var(--rhh-green)}
.brb-rhh .rhh-suits li{position:relative;padding:16px 0 16px 22px;border-bottom:1px solid var(--rhh-line);font-size:16px;line-height:1.7}
.brb-rhh .rhh-suits li::before{content:"";position:absolute;left:2px;top:29px;width:10px;height:1px;background:var(--rhh-gold)}
.brb-rhh .rhh-other{margin-top:36px}
.brb-rhh .rhh-other h3{padding-bottom:12px;border-bottom:1px solid var(--rhh-green)}
.brb-rhh .rhh-other li{padding-block:14px;border-bottom:1px solid var(--rhh-line);font-size:15px}
.brb-rhh .rhh-other a,.brb-rhh .rhh-compare h3 a,.brb-rhh .rhh-more a{text-decoration:underline;text-decoration-color:var(--rhh-gold);text-underline-offset:5px;text-decoration-thickness:1px}

/* Plates (generated concept figures) */
.brb-rhh .rhh-plate{margin-top:36px}
.brb-rhh .rhh-plate img{width:100%;border-radius:2px;background:var(--rhh-paper)}
.brb-rhh .rhh-plate-wide img{aspect-ratio:16/8;object-fit:cover;object-position:50% 50%}
.brb-rhh figcaption{margin-top:10px;color:var(--rhh-muted);font-size:13px;line-height:1.6}

/* 03 Method: the single Deep Green face */
.brb-rhh.rhh-tone-green h2,.brb-rhh.rhh-tone-green .rhh-lead{color:#fbf9f5}
.brb-rhh.rhh-tone-green .rhh-eyebrow,.brb-rhh.rhh-tone-green .rhh-no{color:#cbb08a}
.brb-rhh.rhh-tone-green .rhh-body p{color:#e9e4da}
.brb-rhh.rhh-tone-green .rhh-plate img{padding:12px;background:#fbf9f5}
.brb-rhh.rhh-tone-green figcaption{color:#cfd6d1}
.brb-rhh .rhh-method-photos{display:grid;grid-template-columns:1fr;gap:24px;margin-top:36px}
.brb-rhh .rhh-room img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px}
.brb-rhh .rhh-device{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:16px;padding-top:16px;border-top:1px solid rgba(203,176,138,.4)}
.brb-rhh .rhh-device img{width:96px;height:96px;object-fit:contain;background:#fff;border-radius:2px}
.brb-rhh .rhh-device figcaption{margin:0}

/* 04 Compare: hairline list, no cards */
.brb-rhh .rhh-compare{border-top:1px solid var(--rhh-green)}
.brb-rhh .rhh-compare li{display:grid;grid-template-columns:1fr;gap:12px;padding-block:22px;border-bottom:1px solid var(--rhh-line)}
.brb-rhh .rhh-product{width:132px}
.brb-rhh .rhh-product img{width:100%;aspect-ratio:4/3;object-fit:contain;mix-blend-mode:multiply}
.brb-rhh .rhh-compare h3{margin-bottom:10px}
.brb-rhh .rhh-compare h3 a[aria-current]{text-decoration:none}
.brb-rhh .rhh-compare dl div{display:grid;grid-template-columns:76px 1fr;gap:12px;padding-block:4px;font-size:15px}
.brb-rhh .rhh-compare dt{color:var(--rhh-muted);font-size:13px;line-height:1.9}

/* Batch additions: lists without a product photo, hub product list, decision rows, hero product trio */
.brb-rhh .rhh-noimg{grid-template-columns:1fr}
.brb-rhh .rhh-also{margin-top:20px;font-size:15px}
.brb-rhh .rhh-also a,.brb-rhh .rhh-decide a,.brb-rhh .rhh-item-links a,.brb-rhh .rhh-body > p a{text-decoration:underline;text-decoration-color:var(--rhh-gold);text-underline-offset:5px;text-decoration-thickness:1px}
.brb-rhh .rhh-item-links{display:flex;flex-wrap:wrap;gap:4px 20px;margin-top:8px;font-size:15px}
.brb-rhh .rhh-item-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--rhh-green);font-weight:600}
.brb-rhh .rhh-decide{border-top:1px solid currentColor}
.brb-rhh .rhh-decide li{display:grid;gap:2px;padding-block:14px;border-bottom:1px solid rgba(203,176,138,.4)}
.brb-rhh .rhh-decide span{font-size:14px}
.brb-rhh .rhh-decide a{display:inline-flex;align-items:center;min-height:44px;justify-self:start;font-size:17px;font-weight:600}
.brb-rhh.rhh-tone-green .rhh-decide{color:#cbb08a}
.brb-rhh.rhh-tone-green .rhh-decide span{color:#cfd6d1}
.brb-rhh.rhh-tone-green .rhh-decide a,.brb-rhh.rhh-tone-green .rhh-body > p a{color:#fbf9f5;text-decoration-color:#cbb08a}
.brb-rhh .rhh-hero-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:0;aspect-ratio:4/3;padding:4% 2%}
.brb-rhh .rhh-hero-trio img{width:100%;aspect-ratio:3/4;object-fit:contain;mix-blend-mode:multiply;transform:scale(1.25)}

/* 05 Price: one hairline table (authority §6) */
.brb-rhh .rhh-price table{width:100%;border-collapse:collapse;border-top:1px solid var(--rhh-green);font-size:15px;font-variant-numeric:tabular-nums}
.brb-rhh .rhh-price caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.brb-rhh .rhh-price th,.brb-rhh .rhh-price td{padding:14px 8px;border-bottom:1px solid var(--rhh-line);text-align:left;vertical-align:baseline;font-weight:400}
.brb-rhh .rhh-price thead th{padding-block:10px;color:var(--rhh-muted);font-size:13px}
.brb-rhh .rhh-price thead th:not(:first-child),.brb-rhh .rhh-price td{text-align:right}
.brb-rhh .rhh-price th:first-child{padding-left:0}
.brb-rhh .rhh-price td:last-child,.brb-rhh .rhh-price thead th:last-child{padding-right:0}
.brb-rhh .rhh-price .rhh-price-group th{padding-top:22px;color:var(--rhh-green);font-weight:600;text-align:left}
.brb-rhh .rhh-price tbody th[scope="row"]{color:var(--rhh-ink)}
.brb-rhh .rhh-price tbody td:nth-of-type(1){color:var(--rhh-green);font-weight:700}
.brb-rhh .rhh-price tbody td:nth-of-type(2){color:var(--rhh-muted);font-weight:400}
.brb-rhh .rhh-price-note{margin-top:14px;color:var(--rhh-muted);font-size:13px;line-height:1.7}
.brb-rhh .rhh-price-note span{white-space:nowrap}

/* 06 Care */
.brb-rhh .rhh-care{border-top:1px solid var(--rhh-green)}
.brb-rhh .rhh-care div{padding-block:18px;border-bottom:1px solid var(--rhh-line)}
.brb-rhh .rhh-care dt{margin-bottom:6px;color:var(--rhh-green);font-weight:600}
.brb-rhh .rhh-care dd{font-size:15px;line-height:1.8}

/* Doctor advice with the existing caricature (R3) */
.brb-rhh .rhh-advice{padding-block:56px}
.brb-rhh .rhh-advice-grid{display:grid;gap:28px}
.brb-rhh .rhh-caricature{width:220px}
.brb-rhh .rhh-caricature img{width:100%;aspect-ratio:4/5}
.brb-rhh .rhh-advice-inner{max-width:760px}
.brb-rhh .rhh-advice-label{display:flex;align-items:center;gap:12px;color:var(--rhh-gold-text);font-size:13px;font-weight:600;letter-spacing:.04em}
.brb-rhh .rhh-advice-label::before{content:"";width:28px;height:1px;background:var(--rhh-gold)}
.brb-rhh .rhh-advice-lead{margin-top:18px;font:500 22px/1.6 var(--rhh-serif);letter-spacing:-.035em;color:var(--rhh-green)}
.brb-rhh .rhh-advice-inner > p + p{margin-top:16px}
.brb-rhh .rhh-advice-sign{color:var(--rhh-muted);font-size:14px}

/* FAQ */
.brb-rhh .rhh-faq{border-top:1px solid var(--rhh-green)}
.brb-rhh details{border-bottom:1px solid var(--rhh-line)}
.brb-rhh summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding-block:14px;cursor:pointer;list-style:none;color:var(--rhh-green);font-weight:600}
.brb-rhh summary::-webkit-details-marker{display:none}
.brb-rhh summary::after{content:"+";flex:none;font:400 22px/1 var(--rhh-sans);color:var(--rhh-gold-text)}
.brb-rhh details[open] summary::after{content:"−"}
.brb-rhh details p{padding-bottom:20px;font-size:15px}

/* Editorial closing */
.brb-rhh .rhh-closing{padding-block:56px 72px;border-top:1px solid var(--rhh-line)}
.brb-rhh .rhh-closing-lead{font:500 21px/1.6 var(--rhh-serif);letter-spacing:-.035em;color:var(--rhh-green)}
.brb-rhh .rhh-more-label{color:var(--rhh-gold-text);font-size:12px;font-weight:600;letter-spacing:.12em}
.brb-rhh .rhh-more{border-top:1px solid var(--rhh-green)}
.brb-rhh .rhh-more li{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:12px;min-height:48px;border-bottom:1px solid var(--rhh-line);font-size:15px}
.brb-rhh .rhh-more a{display:inline-flex;align-items:center;min-height:44px;justify-self:start}
.brb-rhh .rhh-more span{color:var(--rhh-muted);font-size:13px}
.brb-rhh .rhh-meta{color:var(--rhh-muted);font-size:13px;line-height:1.7}

@media (min-width:640px){
  .brb-rhh .rhh-wrap{width:min(1200px,calc(100% - 64px))}
  .brb-rhh h1{font-size:40px}
  .brb-rhh h2{font-size:32px}
  .brb-rhh .rhh-chapter{padding-block:88px}
  .brb-rhh .rhh-contents ol{grid-template-columns:repeat(4,minmax(0,1fr))}
  .brb-rhh .rhh-method-photos{grid-template-columns:3fr 2fr;align-items:end}
  .brb-rhh .rhh-device{grid-template-columns:1fr;border-top:0;padding-top:0}
  .brb-rhh .rhh-device img{width:160px;height:160px}
  .brb-rhh .rhh-compare li{grid-template-columns:160px 1fr;gap:28px;align-items:center}
  .brb-rhh .rhh-compare li.rhh-noimg{grid-template-columns:1fr}
  .brb-rhh .rhh-product{width:100%}
  .brb-rhh .rhh-advice{padding-block:88px}
  .brb-rhh .rhh-advice-grid{grid-template-columns:260px 1fr;gap:48px;align-items:center}
  .brb-rhh .rhh-caricature{width:100%}
  .brb-rhh .rhh-advice-lead{font-size:26px}
}

@media (min-width:1024px){
  .brb-rhh h1{font-size:46px}
  .brb-rhh h2{font-size:34px}
  .brb-rhh .rhh-chapter{padding-block:112px}
  .brb-rhh .rhh-split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px}
  .brb-rhh .rhh-head{grid-column:1/6;margin-bottom:0}
  .brb-rhh .rhh-body{grid-column:6/13}
  .brb-rhh .rhh-lead{font-size:18px}
  .brb-rhh .rhh-hero{padding-block:48px 88px}
  .brb-rhh .rhh-hero-grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;row-gap:36px;grid-template-areas:"copy copy copy copy copy copy photo photo photo photo photo photo" "gist gist gist gist gist gist photo photo photo photo photo photo"}
  .brb-rhh .rhh-hero-copy{grid-area:copy;align-self:end}
  .brb-rhh .rhh-hero-media{grid-area:photo;align-self:start}
  .brb-rhh .rhh-hero-gist{grid-area:gist}
  .brb-rhh .rhh-contents ol{justify-content:space-between}
  .brb-rhh .rhh-contents{border-top:1px solid var(--rhh-line)}
  .brb-rhh .rhh-contents li{border-top:0}
  .brb-rhh .rhh-contents ol{grid-template-columns:repeat(8,auto)}
  .brb-rhh .rhh-contents-short ol{grid-template-columns:repeat(4,auto);justify-content:start;column-gap:56px}
  .brb-rhh .rhh-method-single .rhh-room{grid-column:1/9}
  .brb-rhh .rhh-decide li{grid-template-columns:1fr auto;align-items:center;gap:24px}
  .brb-rhh .rhh-decide span{font-size:15px}
  .brb-rhh .rhh-plate:not(.rhh-plate-wide){width:calc((100% - 11 * 32px) / 12 * 7 + 6 * 32px);margin-left:auto}
  .brb-rhh .rhh-plate-wide img{aspect-ratio:auto}
  .brb-rhh .rhh-method-photos{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;margin-top:56px}
  .brb-rhh .rhh-room{grid-column:1/8}
  .brb-rhh .rhh-device{grid-column:8/13;align-self:end;padding-top:24px;border-top:1px solid rgba(203,176,138,.4)}
  .brb-rhh .rhh-device img{width:100%;height:auto;aspect-ratio:1/1;max-width:320px}
  .brb-rhh .rhh-plate{margin-top:56px}
  .brb-rhh .rhh-closing{padding-block:88px 112px}
  .brb-rhh .rhh-closing-lead{font-size:26px;padding-right:32px}
  .brb-rhh .rhh-advice{padding-block:112px}
  .brb-rhh .rhh-advice-grid{grid-template-columns:320px 1fr;gap:72px}
  .brb-rhh .rhh-advice-lead{font-size:30px}
}

/* Motion (authority §8): hero 8s slow zoom once; 12px fade-up on entry. Never without reduced-motion consent. */
@media (prefers-reduced-motion:no-preference){
  .brb-rhh .rhh-hero-still{animation:rhh-zoom 8s cubic-bezier(.2,.6,.2,1) 1 both}
  @keyframes rhh-zoom{from{transform:scale(1.06)}to{transform:scale(1)}}
  @supports (animation-timeline:view()){
    .brb-rhh .rhh-chapter .rhh-head,.brb-rhh .rhh-chapter .rhh-body,.brb-rhh .rhh-plate,.brb-rhh .rhh-method-photos,.brb-rhh .rhh-advice-grid{animation:rhh-up linear both;animation-timeline:view();animation-range:entry 0% entry 22%}
    @keyframes rhh-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
  }
}
/* The hero loop yields to the still under reduced motion or a data-saving preference. */
@media (prefers-reduced-motion:reduce){
  .brb-rhh .rhh-hero-video{display:none}
}
@media (prefers-reduced-data:reduce){
  .brb-rhh .rhh-hero-video{display:none}
}