/* ORPHERA 글자 규칙표 (2026-09-10) — 모든 페이지의 마지막 CSS로 로드. 역할별 크기·굵기·행간을 한 곳에서 정한다.
   굵기는 400·500·600·700 네 가지만 쓴다. 최소 글자 크기는 12px(브랜드 태그라인 9px, 블로그 표지 장식 글자 10px 예외).
   역할: display(페이지 제목, 명조 500) · section(구역 제목 36/600) · name(상품명 46/700, 카드 26/700) ·
         sub(부제 23/600) · card(카드·단계 제목 20/600) · lead 18 · body 16 · body-s 15 · table 14 · meta 13 · label 13/600 */
:root{--t-display:clamp(38px,4.3vw,54px);--t-section:clamp(28px,2.8125vw,36px);--t-name:clamp(36px,3.6vw,46px);--t-name-card:26px;--t-sub:clamp(19px,1.8vw,23px);--t-card:20px;--t-lead:18px;--t-body:16px;--t-body-s:15px;--t-table:14px;--t-meta:13px;--t-label:13px;--t-purple:#4338a8;--t-ink:#171820;--t-muted:#646571}

/* 1. 페이지 제목 — 명조 500 */
html body .home-hero h1,html body .reference-hero h1,html body .intro h1{font-family:'Noto Serif KR',serif !important;font-weight:500 !important;font-size:var(--t-display) !important;line-height:1.4 !important;letter-spacing:-.05em !important}
html body.report-designed .sample-cover-copy h1{font-family:'Noto Serif KR',serif !important;font-weight:500 !important;font-size:clamp(34px,3.5vw,46px) !important;line-height:1.35 !important;letter-spacing:-.04em !important}
html body .article-top h1{font-family:'Noto Serif KR',serif !important;font-weight:500 !important;font-size:clamp(32px,3.5vw,46px) !important;line-height:1.4 !important;letter-spacing:-.04em !important}

/* 2. 구역 제목 36/600 · 마무리(문의) 제목은 명조 500 */
html body .section-heading h2,html body #insights h2,html body #archive h2,html body #archive-title,html body.bio-reference .detail-section h2,html body.bio-reference .reference-feature h2{font-size:var(--t-section) !important;font-weight:600 !important;line-height:1.45 !important;letter-spacing:-.04em !important}
html body .contact-copy h2,html body.bio-reference .detail-order h2,html body .collaboration h2{font-family:'Noto Serif KR',serif !important;font-weight:500 !important;font-size:var(--t-section) !important;line-height:1.45 !important}
html body .hero-business .business-label{font-size:24px !important;font-weight:600 !important;letter-spacing:-.03em !important}

/* 3. 상품명 · 부제 */
html body.bio-reference .reference-product-name{font-size:var(--t-name) !important;font-weight:700 !important;line-height:1.15 !important;letter-spacing:-.045em !important}
html body.bio-reference .reference-product-type{font-size:var(--t-sub) !important;font-weight:600 !important;line-height:1.45 !important}
html body .research-product h3,html body .hero-business .business-item h3{font-size:var(--t-name-card) !important;font-weight:700 !important;line-height:1.3 !important;letter-spacing:-.035em !important}
.typography-01 .technology-section .orpharma h3,.typography-01 #engine .engine-name{font-family:'Pretendard Variable',sans-serif !important;font-size:38px !important;font-weight:700 !important;line-height:1.2 !important;letter-spacing:-.04em !important}
html body .research-product .product-promise{font-size:18px !important;font-weight:600 !important;line-height:1.55 !important}
html body #engine .engine-purpose{font-size:var(--t-lead) !important;line-height:1.6 !important}

/* 4. 카드·단계·글 제목 20/600 */
html body .detail-card h3,html body.bio-reference .detail-section .detail-grid .detail-card h3,html body.bio-reference #plans .detail-card h3,html body.bio-reference #accept .detail-card h3,html body .detail-step h3,html body #insights h3,html body .archive h3,html body .post-row h3,html body .crest-flow h3{font-size:var(--t-card) !important;font-weight:600 !important;line-height:1.5 !important;letter-spacing:-.02em !important}
html body.report-designed .sample-section-body h3,html body .sample-section h3{font-size:18px !important;font-weight:600 !important}
html body.report-designed .sample-section h2{font-size:26px !important;font-weight:600 !important}
html body .article-content h2{font-size:28px !important;font-weight:600 !important;line-height:1.45 !important}
html body .article-cta h2{font-size:24px !important;font-weight:600 !important}
html body .featured h2,html body #featured-heading{font-size:26px !important;font-weight:600 !important;line-height:1.45 !important}

/* 5. 본문 */
html body .hero-description,html body.bio-reference .reference-intro>p,html body .reference-lead,html body .article-deck{font-size:var(--t-lead) !important;font-weight:400 !important;line-height:1.8 !important}
html body .section-description,html body .product-description,html body .post-summary,html body .contact-copy>p:not(.eyebrow),html body.bio-reference .detail-order .order-copy>p,html body .excerpt{font-size:var(--t-body) !important;line-height:1.8 !important}
html body .detail-card>p,html body.bio-reference .detail-section .detail-grid .detail-card>p,html body .detail-step p,html body .faq-a span,html body .faq-a,html body .product-deliverables li,.typography-01 .hero-business .business-item p{font-size:var(--t-body-s) !important;line-height:1.75 !important}
html body.bio-reference .reference-feature-copy>p{font-size:17px !important;line-height:1.85 !important}
html body.bio-reference .reference-feature-copy>p.reference-question{font-size:17px !important;font-weight:600 !important;line-height:1.7 !important}
html body .faq-q span{font-size:16px !important;font-weight:600 !important}
html body .article-content strong,html body strong{font-weight:600 !important}

/* 6. 라벨·메타 — 최소 12px */
html body .eyebrow,html body .reference-eyebrow,html body .article-category,html body .edition,html body .detail-brand,html body .sample-eyebrow{font-size:14px !important;font-weight:600 !important;letter-spacing:.05em !important}
html body.bio-reference .detail-kicker,html body .detail-kicker{font-size:var(--t-label) !important;font-weight:600 !important;letter-spacing:.04em !important;color:var(--t-purple) !important}
html body.bio-reference #order .detail-kicker{color:#b8acec !important}
html body.bio-reference .reference-service>span:first-child{font-weight:600 !important}
html body .article-toc h2{font-size:14px !important;font-weight:600 !important}
html body .section-label span,html body .section-label{font-size:14px !important;font-weight:600 !important}
html body .post-category{font-size:12px !important;font-weight:600 !important}
html body #insights time,html body .post-row time,html body .archive .date,html body .archive .read-time,html body .article-meta time,html body .sample-meta span{font-size:var(--t-meta) !important}
html body .contact-audiences{font-size:var(--t-meta) !important}
html body .contact-email{font-size:var(--t-meta) !important}
html body .connect-caption{font-size:12px !important}
html body.bio-reference .reference-photo figcaption,html body figcaption{font-size:12px !important}
html body.bio-reference .detail-summary dt{font-size:12px !important}
html body.report-designed .sample-table-wrap th{font-weight:500 !important}
html body.report-designed .reference-nav a,html body .reference-nav a{font-size:14px !important}
html body .site-footer,html body .site-footer p,html body .site-footer a,html body .footer p,html body .footer a,html body footer p,html body footer a{font-size:12px !important}
html body .featured-art span,html body .featured-art .art-heading span,html body .featured-art .art-foot span{font-size:10px !important;letter-spacing:.08em !important}

html body.report-designed .pathway-art figcaption,html body.report-designed .pathway-art figcaption span{font-size:12px !important;letter-spacing:.06em !important}
html body.report-designed .pathway-art-foot{font-size:12px !important}
html body.report-designed .sample-meta span{font-weight:500 !important}
html body.report-designed .sample-meta span:first-child{font-weight:600 !important}
html body.bio-reference .detail-nav span{font-weight:600 !important}

/* 7. 헤더·버튼 */
html body .site-brand-tagline,html body .brand-tagline{font-family:'Pretendard Variable',sans-serif !important;font-size:9px !important;font-weight:500 !important;letter-spacing:.18em !important}
html body .site-language button,html body .site-menu-button,html body button[data-lang],html body #menu-button{font-size:13px !important;font-weight:500 !important}
html body .site-language button[aria-pressed=true],html body button[data-lang][aria-pressed=true]{font-weight:700 !important}
html body .button,html body .detail-button,html body .text-link,html body .reference-text-link,html body .submit-btn,html body .archive button,html body .filters button{font-size:14px !important;font-weight:600 !important}
html body.bio-reference #order .submit-btn{font-size:14px !important;font-weight:600 !important}
html body .site-navigation a,html body .desktop-nav a{font-size:14px !important;font-weight:500 !important}

@media(max-width:650px){
 :root{--t-name-card:23px !important;--t-card:19px !important;--t-lead:17px !important}
 html body .hero-business .business-label{font-size:20px !important}
 .typography-01 .technology-section .orpharma h3,.typography-01 #engine .engine-name{font-size:32px !important}
 html body .article-content h2{font-size:24px !important}
}