/* 오르파마·파운드리 페이지를 인텔리전스 페이지 구조에 맞추는 보조 규칙 (2026-09-10) */
.bio-reference .reference-photo.reference-art{background:#fff}
.bio-reference .reference-photo.reference-art img{object-fit:contain;padding:clamp(20px,3vw,44px);background:#fff}
.bio-reference .reference-photo .art-en{display:none}
html[lang=en] .bio-reference .reference-photo .art-ko{display:none}
html[lang=en] .bio-reference .reference-photo .art-en{display:block}
.bio-reference .reference-photo.reference-art figcaption{background:#fff;color:#8a8794}
.bio-reference .detail-section .detail-grid{gap:34px 56px}
.bio-reference .detail-section .detail-grid .detail-card{border:0;border-top:1px solid var(--line);border-radius:0;padding:22px 0 0;background:none}
.bio-reference .detail-section .detail-grid .detail-card h3{font-size:19px;line-height:1.5;letter-spacing:-.02em}
.bio-reference .detail-section .detail-grid .detail-card>p{color:var(--muted)}
.bio-reference .detail-section .detail-grid+.detail-note{margin-top:34px!important}
.bio-reference .reference-feature-copy>p strong{font-weight:600;color:var(--ink)}
.studio-page.bio-reference .detail-order{padding-top:0}
.studio-page.bio-reference .order-form{border-radius:0;background:#fff}
.bio-reference #order .order-form :is(select){border:1px solid #dcd9e4;background:#fafafc;padding:12px 14px;border-radius:0}
.bio-reference #order .order-form select:focus{background:#fff;border-color:var(--purple);box-shadow:0 0 0 3px #4338a81f;outline:none}
@media(max-width:900px){.bio-reference .detail-section .detail-grid{gap:24px}}
.bio-reference #features .detail-card,.bio-reference #plans .detail-card,.bio-reference #fit .detail-card,.bio-reference #accept .detail-card{border:0;border-top:1px solid var(--line);border-radius:0;padding:22px 0 0;background:none;box-shadow:none}
.bio-reference #plans .detail-card h3,.bio-reference #accept .detail-card h3{font-size:19px}
.bio-reference .reference-top{padding:22px 0 20px}
.bio-reference .reference-top .detail-back{margin:0}
.bio-reference .reference-top+#services .reference-feature{border-top:1px solid var(--line)}
.bio-reference .reference-photo.reference-art img{padding:clamp(12px,1.6vw,22px)}
/* 오르파마 판정 모델 성능 구역 (2026-09-10) */
.bio-reference #model .detail-section-head>p{max-width:none;font-size:16px;line-height:1.8;color:var(--muted)}
.bio-reference .model-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 32px;margin:8px 0 40px;padding:26px 0 0;border-top:1px solid var(--line)}
.bio-reference .model-stat strong{display:block;font-size:34px;font-weight:700;line-height:1.15;letter-spacing:-.04em;color:var(--ink)}
.bio-reference .model-stat span{display:block;margin-top:10px;font-size:15px;line-height:1.55;color:var(--ink);word-break:keep-all}
.bio-reference .model-stat small{display:block;margin-top:6px;font-size:13px;line-height:1.6;color:var(--muted)}
.bio-reference #model h3{font-size:20px;font-weight:600;margin:36px 0 14px;letter-spacing:-.02em}
.bio-reference .model-table-wrap{overflow-x:auto}
.bio-reference .model-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6}
.bio-reference .model-table th{text-align:left;padding:10px 12px 10px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);font-weight:500;color:var(--muted);font-size:13px}
.bio-reference .model-table td{padding:12px 12px 12px 0;border-bottom:1px solid var(--line);color:var(--ink);white-space:nowrap}
.bio-reference .model-table td:first-child{font-weight:600}
.bio-reference .model-table td:nth-child(3){white-space:normal;color:var(--muted)}
.bio-reference #model .model-note{margin-top:12px;font-size:14px;line-height:1.75;color:var(--muted)}
.bio-reference #model p{font-size:16px;line-height:1.8;color:var(--muted)}
.bio-reference .model-notes{margin:0;padding:0;list-style:none}
.bio-reference .model-notes li{position:relative;padding:12px 0 12px 22px;border-top:1px solid var(--line);font-size:15px;line-height:1.7;color:var(--muted)}
.bio-reference .model-notes li::before{content:'';position:absolute;left:0;top:22px;width:8px;height:8px;background:var(--purple)}
@media(max-width:900px){.bio-reference .model-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.bio-reference .model-stat strong{font-size:28px}}
.bio-reference .model-table-wrap+.model-table-wrap{margin-top:34px}
.bio-reference .model-table caption{text-align:left;caption-side:top;font-size:15px;font-weight:600;color:var(--ink);padding:0 0 10px}
.bio-reference .model-table td:nth-child(3){white-space:nowrap;color:var(--ink)}
.bio-reference .model-table td:first-child{white-space:normal}
.bio-reference #model .model-note{margin-top:22px}
.bio-reference .model-charts{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:28px 44px;margin-top:8px}
.bio-reference .model-chart{margin:0;min-width:0}
.bio-reference .model-chart svg{display:block;width:100%;height:auto}
.bio-reference .model-chart figcaption{margin-top:8px;font-size:13px;color:var(--muted);text-align:center}
.bio-reference .chart-legend{display:flex;flex-wrap:wrap;gap:8px 22px;margin:26px 0 18px;font-size:13px;color:var(--muted)}
.bio-reference .chart-legend span{display:inline-flex;align-items:center;gap:7px}
.bio-reference .chart-legend i{display:inline-block;width:12px;height:12px;border-radius:2px}
.bio-reference .chart-legend b{font-weight:500;color:var(--ink)}
@media(max-width:900px){.bio-reference .model-charts{grid-template-columns:minmax(0,1fr)}}
/* 오르파마 활용 분야 그림 (2026-09-10) */
.bio-reference .cap-art{margin:8px 0 0}
.bio-reference .cap-art img{display:block;width:100%;height:auto}
.bio-reference .cap-art .art-en{display:none}
html[lang=en] .bio-reference .cap-art .art-ko{display:none}
html[lang=en] .bio-reference .cap-art .art-en{display:block}

/* Compact enquiries for Watch, Compass and Signal. */
.bio-reference #order.compact-inquiry{--t-section:28px;--t-body:14px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);margin:32px 0;align-items:start}
.bio-reference #order.compact-inquiry .order-copy{padding:24px}
.bio-reference #order.compact-inquiry .detail-kicker{margin-bottom:8px}
.bio-reference #order.compact-inquiry .order-copy>p{margin-top:12px}
.bio-reference #order.compact-inquiry .order-facts{margin:0;padding-top:16px;font-size:13px}
.bio-reference #order.compact-inquiry .order-facts>div{grid-template-columns:46px minmax(0,1fr);gap:10px;padding:8px 0}
.bio-reference #order.compact-inquiry .order-form{padding:24px;border-left:0}
.bio-reference #order.compact-inquiry .form-intro{margin-bottom:12px;font-size:12px}
.bio-reference #order.compact-inquiry .form-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.bio-reference #order.compact-inquiry .form-row{grid-column:span 2;gap:5px}
.bio-reference #order.compact-inquiry .form-wide{grid-column:1/-1}
.bio-reference #order.compact-inquiry .form-grid:has(#diseases) .form-wide{grid-column:span 3}
.bio-reference #order.compact-inquiry .order-form :is(input:not([type=hidden]),select){height:42px}
.bio-reference #order.compact-inquiry .order-form textarea{height:76px;min-height:76px;resize:vertical}
.bio-reference #order.compact-inquiry .order-form :is(input:not([type=hidden]),select,textarea){padding:8px 10px}
.bio-reference #order.compact-inquiry .form-actions{margin-top:14px;gap:8px 16px}
.bio-reference #order.compact-inquiry .form-note{font-size:12px}
@media(max-width:1000px){
 .bio-reference #order.compact-inquiry{grid-template-columns:1fr}
 .bio-reference #order.compact-inquiry .order-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 24px}
 .bio-reference #order.compact-inquiry .order-copy>:not(.order-facts){grid-column:1}
 .bio-reference #order.compact-inquiry .order-facts{grid-column:2;grid-row:1/4;padding-top:0;align-self:center}
 .bio-reference #order.compact-inquiry .order-form{border-left:1px solid var(--line);border-top:0}
}
@media(max-width:650px){
 .bio-reference #order.compact-inquiry{--t-section:24px;margin:24px 0}
 .bio-reference #order.compact-inquiry .order-copy{display:block;padding:20px}
 .bio-reference #order.compact-inquiry .order-facts{padding-top:12px}
 .bio-reference #order.compact-inquiry .order-form{padding:20px}
 .bio-reference #order.compact-inquiry .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bio-reference #order.compact-inquiry .form-row{grid-column:span 1}
 .bio-reference #order.compact-inquiry .form-wide,.bio-reference #order.compact-inquiry .form-grid:has(#diseases) .form-wide{grid-column:1/-1}
 .bio-reference #order.compact-inquiry .order-form :is(input:not([type=hidden]),select,textarea){font-size:16px}
}
@media(max-width:480px){.bio-reference #order.compact-inquiry .form-grid{grid-template-columns:minmax(0,1fr)}}

/* Keep the Foundry artwork secondary to the product description. */
.bio-reference #foundry{width:calc(100% - 112px);max-width:1160px;margin-inline:auto;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-height:0;align-items:center}
.bio-reference #foundry .reference-art{width:100%;max-width:400px;height:auto;aspect-ratio:1;justify-self:center}
.bio-reference #foundry .reference-art img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;padding:0;object-fit:contain}
.bio-reference #foundry .reference-feature-copy{padding:32px 0 32px 32px}
@media(max-width:1000px){.bio-reference #foundry{width:calc(100% - 72px)}}
@media(max-width:650px){
 .bio-reference #foundry{width:calc(100% - 40px);grid-template-columns:minmax(0,1fr)}
 .bio-reference #foundry .reference-art{max-width:260px}
 .bio-reference #foundry .reference-feature-copy{padding:16px 0 30px}
}
html[lang="zh-CN"] .bio-reference #foundry .reference-art .art-en{display:block}
