/* CHOEUM · Warm Architectural Minimalism
   Reversible v99 overlay. The existing local Korean fonts, document structure,
   clinical images and interaction logic remain the source of truth.
   Decorative rules are pale; text and input boundaries have separate contrast.
*/
html[data-design="warm-rams"]{
 --bg-warm-ivory:#f9f7f2;--bg-soft-sand:#f3efe6;--bg-card-white:#fff;
 --text-charcoal:#1e1c1a;--text-body:#3d3a37;--text-muted:#6d665e;
 --border-warm:#d8d2c4;--border-control:#8c8478;
 --accent-trust-navy:#1d313a;--accent-herbal-green:#2f4338;
 --accent-terracotta:var(--accent-trust-navy);--accent-terracotta-ink:var(--accent-trust-navy);
 --radius-card:10px;--radius-button:6px;--shadow-subtle:0 4px 20px -2px rgb(43 41 39 / 4%);
 --paper:var(--bg-warm-ivory);--ink:var(--text-charcoal);--muted:var(--text-muted);--line:var(--border-warm);
 --surface-soft:var(--bg-soft-sand);--surface-warm:var(--bg-soft-sand);
 --plate-sage:#e8ede5;--plate-blue:#e9eeed;--plate-ochre:#efe5d4;
 --ed-line:var(--border-warm);--ed-blue:#9aaeb0;--ed-sage:#a8b6a4;--ed-ochre:#c8ab7a;
 --blue-wash:#edf1ef;--dusty-blue:#819ba5;--mustard:#aa8f64;--orange:var(--accent-terracotta-ink);
 --editorial-clay:var(--accent-terracotta-ink);--pale:var(--bg-soft-sand);
 --ed-before-major:72px;--ed-after-major:36px;--ed-before-minor:48px;--ed-after-minor:28px;
 --ui-width:1132px;--ui-gutter:24px;--ui-section:72px;
 background:var(--bg-warm-ivory);color:var(--text-body)
}
html[data-design="warm-rams"] body{background:var(--bg-warm-ivory);color:var(--text-body);line-height:1.8;letter-spacing:-.01em}
html[data-design="warm-rams"] .wrap{max-width:1180px;padding-left:24px;padding-right:24px}
html[data-design="warm-rams"] main :is(h1,h2,h3,h4){color:var(--text-charcoal);font-family:inherit;font-weight:600;line-height:1.45;letter-spacing:-.025em;word-break:keep-all;overflow-wrap:anywhere}
html[data-design="warm-rams"] main :is(.eyebrow,.ed-marker,.reading-author,.clinical-author-label,.source-date){color:var(--text-muted);letter-spacing:.025em;font-family:inherit}
html[data-design="warm-rams"] :is(.principle-index,.care-number,.care-process-number,.reading-step-number,.area-number,.treatment-detail-number,.qa-entry-index){color:var(--accent-terracotta-ink);font-variant-numeric:tabular-nums;font-style:normal}
html[data-design="warm-rams"] :is(time,.clinic-status,.hours-table,.visit-hours,.footer-hours,.visit-duration,.faq-fees){font-variant-numeric:tabular-nums}
html[data-design="warm-rams"] main :is(.care-lead,.area-detail-intro,.reading-lead,.clinic-introduction,.article-deck,.herbal-topic-deck){color:var(--text-body);line-height:1.9}
html[data-design="warm-rams"] main :is(.area-detail-copy,.reading-step-body,.clinical-column-body,.clinical-column-detail,.article-body,.herbal-reading-copy,.pharmacopuncture-body,.care-process-copy,.examination-guide) p{color:var(--text-body)}
html[data-design="warm-rams"] main :is(.care-index-links small,.cover-principles li>div>span,.cover-arrival .arrival-shortcuts a small,.clinical-case-index-copy small,.clinical-case-index-copy>span,.clinical-case-english,.clinical-author-authorities,.clinical-author-approach,figcaption){color:var(--text-muted)}

/* Consistent, comfortably sized controls; retain the existing responsive menu. */
html[data-design="warm-rams"] .header.site-header{max-width:none;width:100%;padding-left:max(var(--ui-gutter),calc((100% - var(--ui-width))/2));padding-right:max(var(--ui-gutter),calc((100% - var(--ui-width))/2));background:var(--bg-warm-ivory);border-bottom-color:var(--border-warm);box-shadow:none}
html[data-design="warm-rams"] .header.site-header #site-navigation{font-size:.9375rem}
html[data-design="warm-rams"] .header.site-header #site-navigation a{border-radius:var(--radius-button);color:var(--text-charcoal)}
html[data-design="warm-rams"] .header.site-header #site-navigation a:is(:hover,[aria-current=page]){background:var(--bg-soft-sand);border-color:transparent;color:var(--accent-trust-navy)}
html[data-design="warm-rams"] .header.site-header #site-navigation a[aria-current=page]{box-shadow:inset 0 -2px var(--accent-trust-navy)}
html[data-design="warm-rams"] :is(.primary,.nav-booking,.next){border-radius:var(--radius-button);background:var(--accent-trust-navy);border-color:var(--accent-trust-navy);color:#fff;box-shadow:none;min-height:48px}
html[data-design="warm-rams"] :is(.primary,.nav-booking,.next):hover{background:#14262e;border-color:#14262e;transform:none;box-shadow:var(--shadow-subtle)}
html[data-design="warm-rams"] .header.site-header .nav-booking{min-height:44px}
html[data-design="warm-rams"] .header.site-header.navigation-ready #site-navigation .nav-mobile-booking{background:var(--accent-trust-navy);color:#fff;box-shadow:none}
html[data-design="warm-rams"] :is(.menu-toggle,.previous,.address-copy,.film-toggle,.reading-nav a,.herbal-topic-nav a,.care-treatment-nav a){border-radius:var(--radius-button)}
html[data-design="warm-rams"] :is(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--accent-trust-navy);outline-offset:4px}
html[data-design="warm-rams"] :is(.hero-secondary,.text-link,.article-text-link,.clinical-author-link,.region-reading-links a,.reading-related a,.treatment-page-links a){color:var(--accent-trust-navy);text-decoration-color:var(--accent-trust-navy)}
html[data-design="warm-rams"] :is(.hero-secondary,.text-link,.article-text-link,.clinical-author-link,.region-reading-links a,.reading-related a):hover{text-decoration:underline;text-underline-offset:5px;background:transparent}
html[data-design="warm-rams"] .patient-rail{border-color:var(--border-warm);border-radius:var(--radius-card);background:var(--bg-card-white);box-shadow:var(--shadow-subtle)}
html[data-design="warm-rams"] .patient-rail a{color:var(--accent-trust-navy)}
html[data-design="warm-rams"] .patient-rail a:first-child{border-radius:9px 9px 0 0}
html[data-design="warm-rams"] .patient-rail a:last-child{border-radius:0 0 9px 9px}
html[data-design="warm-rams"] .patient-rail svg{color:currentColor}
html[data-design="warm-rams"] .patient-rail a:hover{background:var(--bg-soft-sand)}
html[data-design="warm-rams"] .patient-rail .rail-booking{background:var(--accent-trust-navy);color:#fff}
html[data-design="warm-rams"] .patient-rail .rail-booking:hover{background:#14262e}
html[data-design="warm-rams"] .patient-dock a{background:var(--bg-card-white);color:var(--accent-trust-navy);border-color:var(--border-warm);border-radius:var(--radius-card);box-shadow:var(--shadow-subtle)}
html[data-design="warm-rams"] .patient-dock .dock-booking{background:var(--accent-trust-navy);border-color:var(--accent-trust-navy);color:#fff}

/* Cover: warm paper, an unaltered film, and a single practical visiting panel. */
html[data-design="warm-rams"] .magazine-cover.hero{padding-top:32px;row-gap:36px}
html[data-design="warm-rams"] .magazine-cover h1{font-size:clamp(2.625rem,4.6vw,3.875rem);line-height:1.3;letter-spacing:-.035em;margin-bottom:24px}
html[data-design="warm-rams"] .magazine-cover h1>span{color:var(--accent-trust-navy)}
html[data-design="warm-rams"] .magazine-cover .clinic-introduction{font-size:1rem;margin-bottom:26px;max-width:32em}
html[data-design="warm-rams"] .cover-principles{gap:16px}
html[data-design="warm-rams"] .cover-principles li{border:0;padding-top:0}
html[data-design="warm-rams"] .cover-principles strong{color:var(--text-charcoal);font-weight:600}
html[data-design="warm-rams"] .cover-running-head{font-size:.8125rem;letter-spacing:.015em;color:var(--text-muted)}
html[data-design="warm-rams"] .cover-running-head span:last-child{letter-spacing:.035em}
html[data-design="warm-rams"] .cover-film{border:1px solid var(--border-warm);border-radius:var(--radius-card);background:var(--bg-soft-sand);box-shadow:var(--shadow-subtle);overflow:hidden}
html[data-design="warm-rams"] .cover-film-controls{background:var(--bg-soft-sand);color:var(--text-body);padding:6px 16px}
html[data-design="warm-rams"] .magazine-cover .cover-letter{padding:14px 0 4px;border-bottom:0;color:var(--text-body)}
html[data-design="warm-rams"] .cover-arrival .arrival-link-inner{background:var(--bg-soft-sand);border:1px solid var(--border-warm);border-radius:var(--radius-card);padding:24px 28px;box-shadow:none}
html[data-design="warm-rams"] .cover-arrival .arrival-shortcuts a{border-left-color:#d4cbbd}
html[data-design="warm-rams"] .cover-arrival .arrival-shortcuts a:active{background:#e8e2d6}
html[data-design="warm-rams"] .cover-arrival .arrival-shortcuts a strong{color:var(--accent-trust-navy)}
html[data-design="warm-rams"] .care-index-links a{border-color:var(--border-warm);padding-top:20px;padding-bottom:20px}
html[data-design="warm-rams"] .care-index-links a:hover{background:var(--bg-soft-sand);border-radius:var(--radius-button)}
html[data-design="warm-rams"] .care-index-links strong{color:var(--text-charcoal)}
html[data-design="warm-rams"] .index-icon,html[data-design="warm-rams"] .care-index-links a:nth-child(n+4) .index-icon{color:var(--accent-trust-navy)}

/* Bounded choices may be cards; long clinical prose remains on the page. */
html[data-design="warm-rams"] .treatment-links{gap:20px!important}
html[data-design="warm-rams"] .treatment-links .treatment-card{background:var(--bg-card-white);border:1px solid var(--border-warm);border-radius:var(--radius-card);box-shadow:var(--shadow-subtle);padding:24px;transform:none;transition:border-color .2s ease,background-color .2s ease}
html[data-design="warm-rams"] .treatment-links .treatment-card:hover{background:var(--bg-card-white);border-color:#b7ad9c;transform:none;box-shadow:var(--shadow-subtle)}
html[data-design="warm-rams"] .treatment-card-head{min-height:150px;margin:0 0 24px;padding:8px 12px 20px;border-color:var(--border-warm)}
html[data-design="warm-rams"] .treatment-card-head::after{height:4px;bottom:-2px;border-radius:2px}
html[data-design="warm-rams"] .treatment-card-head .care-number{left:0;top:0;color:var(--accent-terracotta-ink)}
html[data-design="warm-rams"] .treatment-links .treatment-card h3{font-size:1.375rem;color:var(--text-charcoal)}
html[data-design="warm-rams"] .treatment-links .treatment-card p{color:var(--text-body);line-height:1.8}
html[data-design="warm-rams"] .treatment-links .care-link-label{color:var(--accent-trust-navy)}
html[data-design="warm-rams"] :is(.care-area,.weight-program){background:var(--bg-card-white);border:1px solid var(--border-warm);border-radius:var(--radius-card);box-shadow:var(--shadow-subtle)}
html[data-design="warm-rams"] .area-card-link{border-radius:9px}
html[data-design="warm-rams"] .care-area:has(.area-card-link:hover){border-color:#b7ad9c}
html[data-design="warm-rams"] :is(.area-icon,.area-examples li){background:var(--bg-soft-sand);border-radius:var(--radius-button);color:var(--accent-trust-navy)}
html[data-design="warm-rams"] .area-title-block .area-examples li{background:transparent;color:var(--text-muted);border-radius:0}
html[data-design="warm-rams"] .area-focus-card{background:var(--bg-soft-sand);padding:24px;border:1px solid var(--border-warm);border-radius:var(--radius-card)}
html[data-design="warm-rams"] :is(.reading-diagram,.arrival-essentials,.entrance-note,.arrival-visit-panel,.parking-item.recommended,.accident-contact,.article-empty){background:var(--bg-soft-sand);border-color:var(--border-warm);border-radius:var(--radius-card);box-shadow:none}
html[data-design="warm-rams"] .credential-list>div{background:var(--bg-card-white);border:1px solid var(--border-warm);border-radius:var(--radius-card);box-shadow:var(--shadow-subtle)}
html[data-design="warm-rams"] .credential-list dt{color:var(--accent-trust-navy)}
html[data-design="warm-rams"] .home-perspective--poster .perspective-inner{background:var(--bg-soft-sand);border:1px solid var(--border-warm);border-radius:var(--radius-card);padding:40px}
html[data-design="warm-rams"] :is(.clinic-photo,.faq-consultation img,.treatment-page-figure img,.reading-figure,.parking-photo){border-radius:var(--radius-card)}
html[data-design="warm-rams"] .reading-figure{background:var(--bg-card-white);border-color:var(--border-warm)}
html[data-design="warm-rams"] .reading-figure-image{background:var(--bg-soft-sand)}
html[data-design="warm-rams"] :is(.clinical-note,.clinical-practice-note){background:var(--bg-soft-sand);color:var(--text-charcoal);border:0;border-left:3px solid var(--accent-trust-navy);border-radius:0 var(--radius-card) var(--radius-card) 0;padding:24px 28px;box-shadow:none}
html[data-design="warm-rams"] .clinical-practice-note blockquote p{color:var(--text-charcoal)!important}
html[data-design="warm-rams"] .clinical-practice-note .clinical-practice-credit{color:var(--text-muted)}
html[data-design="warm-rams"] :is(.care-process-closing,.clinical-author-inner,.clinical-case,.clinical-case-index-list,.clinical-case-index-list li+li,.examination-table,.examination-table th,.examination-table td){border-color:var(--border-warm)}
html[data-design="warm-rams"] .examination-table{background:var(--bg-card-white)}
html[data-design="warm-rams"] .examination-table thead{background:var(--bg-soft-sand)}
html[data-design="warm-rams"] .examination-table thead th:first-child{padding-left:12px}
html[data-design="warm-rams"] .examination-table th{color:var(--text-charcoal)}
html[data-design="warm-rams"] .examination-table :is(caption,.examination-use){color:var(--text-muted)}
html[data-design="warm-rams"] :is(.clinical-case-index-copy strong,.clinical-case-copy>p,.clinical-case-observation p,.care-process-copy li){color:var(--text-body)}

/* Questions keep their five-entry hierarchy and native disclosure behaviour. */
html[data-design="warm-rams"] .qa-entry-paths a{background:var(--bg-card-white);border:1px solid var(--border-warm);border-radius:var(--radius-card);padding:22px 24px;box-shadow:var(--shadow-subtle)}
html[data-design="warm-rams"] .qa-entry-paths a:first-child{border-top:3px solid var(--ed-sage);padding-top:20px}
html[data-design="warm-rams"] .qa-entry-paths a strong{color:var(--accent-trust-navy);text-decoration-color:var(--accent-trust-navy)}
html[data-design="warm-rams"] .qa-entry-paths a small{color:var(--text-muted)}
html[data-design="warm-rams"] :is(.qa-category-tabs a,.qa-topic-filters button,.questions .faq-filters button,.qa-topic-links a,.clinical-column-tabs button,.body-tabs .body-tab){border-radius:var(--radius-button);background:var(--bg-card-white);border-color:#b7ad9c;color:var(--text-body);box-shadow:none}
html[data-design="warm-rams"] :is(.qa-category-tabs a[aria-selected=true],.qa-topic-filters button[aria-pressed=true],.questions .faq-filters button[aria-pressed=true],.clinical-column-tabs button[aria-selected=true],.body-tabs .body-tab[aria-selected=true]){background:var(--accent-trust-navy);border-color:var(--accent-trust-navy);color:#fff}
html[data-design="warm-rams"] :is(.qa-category-tabs a[aria-selected=true],.questions .faq-filters button[aria-pressed=true],.body-tabs .body-tab[aria-selected=true]) :is(span,small){color:#fff}
html[data-design="warm-rams"] :is(.qa-category-tabs a:not([aria-selected=true]),.qa-topic-filters button:not([aria-pressed=true]),.questions .faq-filters button:not([aria-pressed=true]),.clinical-column-tabs button:not([aria-selected=true]),.body-tabs .body-tab:not([aria-selected=true])):hover{background:var(--bg-soft-sand);color:var(--text-charcoal)}
html[data-design="warm-rams"] :is(.qa-search-line input,.qa-mobile-field select,.qa-mobile-topic select){border:1px solid var(--border-control);border-radius:var(--radius-button);background:var(--bg-card-white);color:var(--text-charcoal)}
html[data-design="warm-rams"] .qa-search-line input::placeholder{color:var(--text-muted);opacity:1}
html[data-design="warm-rams"] :is(.qa-search-line button,.qa-more){border:1px solid var(--accent-trust-navy);border-radius:var(--radius-button);background:var(--bg-card-white);color:var(--accent-trust-navy);min-height:44px}
html[data-design="warm-rams"] :is(.qa-featured>details,.faq-group,.qa-reading-topic,.qa-topic-section){border-color:var(--border-warm)}
html[data-design="warm-rams"] :is(.qa-featured>details,.faq-group details,.qa-reading-topic details,.qa-topic-section details){border-radius:var(--radius-card);box-shadow:none}
html[data-design="warm-rams"] :is(.qa-featured>details,.faq-group details,.qa-reading-topic details,.qa-topic-section details)>summary{color:var(--text-charcoal)}
html[data-design="warm-rams"] :is(.qa-featured>details,.faq-group details,.qa-reading-topic details,.qa-topic-section details)[open]{background:var(--bg-soft-sand)}
html[data-design="warm-rams"] :is(.qa-featured,.faq-group,.qa-reading-topic,.qa-topic-section) .faq-answer{color:var(--text-body)}
html[data-design="warm-rams"] :is(.faq-group,.qa-reading-topic,.qa-topic-section) details>summary>span{background:#e8e2d6;color:var(--accent-trust-navy)}
html[data-design="warm-rams"] .qa-drawer{border:1px solid var(--border-warm);border-top:3px solid var(--ed-sage);border-radius:var(--radius-card);background:transparent}
html[data-design="warm-rams"] .qa-drawer>summary{border-radius:7px 7px 9px 9px;background:var(--bg-soft-sand);color:var(--text-charcoal);padding:20px}
html[data-design="warm-rams"] .qa-drawer[open]>summary{border-radius:7px 7px 0 0}
html[data-design="warm-rams"] .qa-drawer>summary>small{color:var(--text-muted)}
html[data-design="warm-rams"] .qa-drawer .qa-drawer-body{padding:24px 20px 12px}

/* Clinical explorer: only its frame and controls change, never diagram pixels. */
html[data-design="warm-rams"] .explorer{background:var(--bg-card-white);border:1px solid var(--border-warm);border-radius:var(--radius-card);box-shadow:var(--shadow-subtle)}
html[data-design="warm-rams"] .explorer .anatomy-panel{background:var(--bg-soft-sand);border-radius:9px 0 0 9px}
html[data-design="warm-rams"] .explorer .step-copy{background:var(--bg-card-white);border-radius:0 9px 9px 0}
html[data-design="warm-rams"] .body-tabs{background:transparent;gap:8px;padding:0}
html[data-design="warm-rams"] .steps button{border-radius:var(--radius-button);color:var(--text-body)}
html[data-design="warm-rams"] .steps button[aria-current=step]{color:var(--accent-trust-navy);background:var(--bg-soft-sand)}
html[data-design="warm-rams"] .steps button[aria-current=step]>span{background:var(--accent-trust-navy);color:#fff}
html[data-design="warm-rams"] .diagram-controls>button{border-radius:var(--radius-button)}

/* Herbal content retains a secondary deep-sage accent. */
html[data-design="warm-rams"] :is(.herbal-card .care-link-label,.herbal-card .care-number,.herbal-reading-section .reading-step-number,#herbal-reading .reading-step-number){color:var(--accent-herbal-green)}
html[data-design="warm-rams"] .herbal-card .treatment-card-head::after{background:var(--accent-herbal-green)}
html[data-design="warm-rams"] :is(.herbal-rationale,.herbal-followup,#herbal-reading) .clinical-practice-note{border-left-color:var(--accent-herbal-green)}

/* Quiet geometry, gentle chapter rules, and deliberate dark anchor areas. */
html[data-design="warm-rams"] .editorial-geometry{--geometry-blue:#9aaeb0;--geometry-ochre:#c8ab7a;--geometry-green:var(--accent-trust-navy);--geometry-line:#c9c0b2}
html[data-design="warm-rams"] .ed-rule::after{background:var(--border-warm)}
html[data-design="warm-rams"] .ed-rule::before{border-radius:2px}
html[data-design="warm-rams"] .home-care-index .index-heading::before{background:var(--accent-terracotta);height:5px;width:72px;border-radius:2px}
html[data-design="warm-rams"] .area-detail-next{background:var(--bg-soft-sand);border:1px solid var(--border-warm);border-radius:var(--radius-card);padding:32px}
html[data-design="warm-rams"] .about-letter{background:var(--accent-herbal-green);border:1px solid var(--accent-herbal-green);border-radius:var(--radius-card);box-shadow:var(--shadow-subtle);color:#fff}
html[data-design="warm-rams"] .about-letter :is(p,blockquote,strong){color:#fff}
html[data-design="warm-rams"] .about-letter :is(.about-letter-label,.about-signature span){color:#e8e4d9}
html[data-design="warm-rams"] .about-letter blockquote span{color:#efd6ba}
html[data-design="warm-rams"] .parking-support{background:var(--accent-trust-navy);color:#fff;border-radius:var(--radius-card)}
html[data-design="warm-rams"] .parking-support :is(p,strong,small){color:#fff}
html[data-design="warm-rams"] .footer.clinic-footer{border-color:var(--border-warm);color:var(--text-body);padding-top:48px}
html[data-design="warm-rams"] .clinic-footer .footer-identity p{color:var(--text-muted)}
html[data-design="warm-rams"] .holiday-notice{border-color:var(--border-warm);border-radius:var(--radius-card);box-shadow:var(--shadow-subtle);background:var(--bg-warm-ivory)}
html[data-design="warm-rams"] .holiday-calendar{border-color:var(--border-warm);background:var(--border-warm)}
html[data-design="warm-rams"] .holiday-day-open{background:var(--plate-sage)}

@media(min-width:901px){
 /* The desktop masthead participates in document flow and cannot cover reading. */
 html[data-design="warm-rams"] .header.site-header{position:relative;top:auto;min-height:72px;height:auto;padding-top:12px;padding-bottom:12px;gap:18px}
 html[data-design="warm-rams"] .header.site-header #site-navigation{min-width:0;flex-wrap:wrap;gap:0 4px}
 html[data-design="warm-rams"] .header.site-header #site-navigation a{padding-left:6px;padding-right:6px}
 html[data-design="warm-rams"] :is(.home-care-index,.questions-grid,.arrival-section,.visit-section-head,.herbal-reading-section,.herbal-topic-faq,.herbal-followup,.herbal-related){grid-template-columns:minmax(0,3.5fr) minmax(0,6.5fr);column-gap:48px}
 html[data-design="warm-rams"] .care-section-intro{display:grid;grid-template-columns:minmax(0,3.5fr) minmax(0,6.5fr);gap:48px;align-items:start}
 html[data-design="warm-rams"] .care-section-intro>p{max-width:46rem}
 html[data-design="warm-rams"] :is(.home-care-index,.home-perspective--poster){padding-top:72px}
 html[data-design="warm-rams"] .magazine-cover.hero{column-gap:48px}
}
@media(min-width:901px) and (max-width:1180px){
 /* On narrower laptops the expanded menu pushes the article down. */
 html[data-design="warm-rams"] .header.site-header.navigation-ready #site-navigation{position:static;top:auto;left:auto;right:auto;flex-basis:100%;max-height:none;overflow:visible;box-shadow:none}
}
@media(max-width:1180px){
 html[data-design="warm-rams"] .header.site-header.navigation-ready #site-navigation{background:var(--bg-warm-ivory);border-color:var(--border-warm);border-radius:0 0 var(--radius-card) var(--radius-card);box-shadow:var(--shadow-subtle)}
 html[data-design="warm-rams"] .header.site-header.navigation-ready #site-navigation a{padding-left:10px;padding-right:10px;border-bottom-color:var(--border-warm)}
}
@media(max-width:900px){
 html[data-design="warm-rams"]{--ed-before-major:48px;--ed-after-major:28px;--ed-before-minor:32px;--ed-after-minor:24px}
 html[data-design="warm-rams"] :is(.home-care-index,.questions-grid,.arrival-section,.visit-section-head,.herbal-reading-section,.herbal-topic-faq,.herbal-followup,.herbal-related){grid-template-columns:minmax(0,1fr);gap:24px}
 html[data-design="warm-rams"] .treatment-links{grid-template-columns:minmax(0,1fr);gap:16px!important}
 html[data-design="warm-rams"] .treatment-links .treatment-card{display:grid;grid-template-columns:minmax(0,1fr) 80px;grid-template-areas:"title art" "copy copy" "link link";gap:10px 16px;padding:24px}
 html[data-design="warm-rams"] .treatment-card-head{grid-area:art;min-height:0;width:80px;padding:0;margin:0;border:0}
 html[data-design="warm-rams"] .treatment-card-head::after,html[data-design="warm-rams"] .treatment-card-head .care-number{display:none}
 html[data-design="warm-rams"] .treatment-card-head .treatment-card-art{width:80px;height:68px}
 html[data-design="warm-rams"] .treatment-links .treatment-card h3{grid-area:title;margin:0;max-width:none;padding:0}
 html[data-design="warm-rams"] .treatment-links .treatment-card p{grid-area:copy;margin:0;max-width:45em}
 html[data-design="warm-rams"] .treatment-links .care-link-label{grid-area:link;position:static;margin-top:4px;padding-top:8px}
}
@media(max-width:800px){
 html[data-design="warm-rams"] .magazine-cover.hero{padding-top:24px;row-gap:28px}
 html[data-design="warm-rams"] .explorer .anatomy-panel{border-radius:9px 9px 0 0}
 html[data-design="warm-rams"] .explorer .step-copy{border-radius:0 0 9px 9px}
 html[data-design="warm-rams"] .home-perspective--poster .perspective-inner{padding:28px}
 html[data-design="warm-rams"] .cover-arrival .arrival-link-inner{padding:20px 24px}
 html[data-design="warm-rams"] .body-tabs .body-tab{flex-basis:28%;min-height:56px;padding:12px 8px}
}
@media(max-width:600px){
 html[data-design="warm-rams"]{--ui-gutter:20px;--ed-before-major:48px;--ed-after-major:24px;--ed-before-minor:32px;--ed-after-minor:20px;--ed-band:4px}
 html[data-design="warm-rams"] .wrap{padding-left:20px;padding-right:20px}
 html[data-design="warm-rams"] .header.site-header.navigation-ready{padding-left:20px;padding-right:20px}
 html[data-design="warm-rams"] .magazine-cover h1{font-size:clamp(2.25rem,9.8vw,3rem);line-height:1.32;letter-spacing:-.035em;margin-bottom:22px}
 html[data-design="warm-rams"] .magazine-cover .clinic-introduction{margin-bottom:22px}
 html[data-design="warm-rams"] .cover-running-head{gap:10px;font-size:.75rem}
 html[data-design="warm-rams"] .cover-running-head span:last-child{font-size:.6875rem;letter-spacing:.02em}
 html[data-design="warm-rams"] .cover-arrival .arrival-link-inner{padding:18px;gap:14px}
 html[data-design="warm-rams"] .cover-arrival .arrival-shortcuts{gap:12px 16px}
 html[data-design="warm-rams"] .cover-arrival .arrival-shortcuts a{padding:8px 0;border-left:0;border-top:1px solid #d4cbbd;min-height:68px}
 html[data-design="warm-rams"] .home-perspective--poster .perspective-inner{padding:24px 20px}
 html[data-design="warm-rams"] .treatment-links .treatment-card{padding:22px 20px;grid-template-columns:minmax(0,1fr) 64px;column-gap:12px}
 html[data-design="warm-rams"] .treatment-card-head{width:64px}
 html[data-design="warm-rams"] .treatment-card-head .treatment-card-art{width:64px;height:56px}
 html[data-design="warm-rams"] .treatment-links .treatment-card h3{font-size:1.3125rem;line-height:1.5}
 html[data-design="warm-rams"] :is(.clinical-note,.clinical-practice-note){padding:20px 18px}
 html[data-design="warm-rams"] .area-focus-card{padding:22px 20px}
 html[data-design="warm-rams"] .area-detail-next{padding:24px 20px}
 html[data-design="warm-rams"] .qa-entry-paths{gap:12px;margin-bottom:12px}
 html[data-design="warm-rams"] .qa-entry-paths a{padding:18px;gap:12px}
 html[data-design="warm-rams"] .qa-entry-paths a:first-child{padding-top:16px}
 html[data-design="warm-rams"] .qa-drawer>summary{padding:18px 14px}
 html[data-design="warm-rams"] .qa-drawer .qa-drawer-body{padding:20px 12px 12px}
 html[data-design="warm-rams"] .body-tabs .tab-name{font-size:1.0625rem;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){html[data-design="warm-rams"] :is(a,button,summary){transition:none}}
@media print{
 html[data-design="warm-rams"],html[data-design="warm-rams"] body{background:#fff}
 html[data-design="warm-rams"] :is(.treatment-card,.care-area,.cover-film,.credential-list>div,.explorer){box-shadow:none}
 html[data-design="warm-rams"] :is(.about-letter,.parking-support){background:#fff;color:#2b2927;border-color:#8c8478}
 html[data-design="warm-rams"] :is(.about-letter,.parking-support) :is(p,blockquote,strong,small,span){color:#2b2927}
}

/* Patient-first care index: consistent inset, separate rows, clear click targets. */
html[data-design="warm-rams"] .areas-grid{gap:24px;align-items:stretch}
html[data-design="warm-rams"] .care-area{min-width:0;overflow:hidden}
html[data-design="warm-rams"] .area-card-link{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:20px;padding:24px;height:100%;align-items:stretch;box-sizing:border-box}
html[data-design="warm-rams"] .area-card-copy{min-width:0;display:flex;flex-direction:column}
html[data-design="warm-rams"] .area-heading{display:flex;align-items:center;gap:10px}
html[data-design="warm-rams"] .area-heading h2{font-size:22px;line-height:1.45;word-break:keep-all}
html[data-design="warm-rams"] .area-icon{width:30px;height:30px;flex:0 0 30px}
html[data-design="warm-rams"] .area-number{display:none}
html[data-design="warm-rams"] .area-lead{margin:16px 0 0;line-height:1.75}
html[data-design="warm-rams"] .area-examples{margin:12px 0 20px;line-height:1.7}
html[data-design="warm-rams"] .area-card-action{margin-top:auto;padding-top:12px;color:var(--accent-trust-navy);font-weight:600}
html[data-design="warm-rams"] .area-card-art{align-self:center;min-width:0}
html[data-design="warm-rams"] .area-card-link:focus-visible{outline:3px solid var(--accent-trust-navy);outline-offset:-4px;border-radius:10px}
@media(min-width:601px) and (max-width:1000px){
 html[data-design="warm-rams"] .areas-grid{grid-template-columns:1fr;gap:18px}
 html[data-design="warm-rams"] .area-card-link{grid-template-columns:minmax(0,1fr) 144px;gap:28px}
}
@media(max-width:600px){
 html[data-design="warm-rams"] .areas-grid{grid-template-columns:1fr;gap:16px;padding-bottom:32px}
 html[data-design="warm-rams"] .area-card-link{grid-template-columns:minmax(0,1fr);padding:22px 20px;gap:0}
 html[data-design="warm-rams"] .area-card-art{display:none}
 html[data-design="warm-rams"] .area-heading h2{font-size:21px}
 html[data-design="warm-rams"] .area-lead{margin-top:12px}
 html[data-design="warm-rams"] .area-examples{margin-bottom:16px}
}