/* Operational pages extend the existing reference theme, without a theme engine. */
html[data-visual-reference="2026-10"] body { font-size:15px; line-height:1.5; }
html[data-visual-reference="2026-10"] :is(.profile-hero,.profile-sidebar,.profile-section,.rfq-card,.rfq-detail,.form-section,.section-card) { border-radius:12px; }
html[data-visual-reference="2026-10"][data-theme="atelier"] :is(.profile-hero,.profile-sidebar,.profile-section,.rfq-card,.rfq-detail,.form-section,.section-card) { background:#fffefa; border-color:#e2ddd2; box-shadow:0 3px 18px #302b2208; }
html[data-visual-reference="2026-10"] :is(.profile-name,.page-title) { font-size:clamp(28px,3vw,38px); line-height:1.2; }
html[data-visual-reference="2026-10"] :is(.profile-sub,.pm-value,.section-desc,.rfq-meta,.comp-item) { font-size:14px; line-height:1.6; }
html[data-visual-reference="2026-10"] :is(.pm-label,.comp-label,.section-label,.field-label,.ie-label) { font-size:13px; letter-spacing:.5px; color:var(--muted); }
html[data-visual-reference="2026-10"] :is(.btn-save,.btn-preview,.ie-save,.ie-cancel,.btn-primary,.btn-outline,.btn-secondary) { min-height:44px; border-radius:8px; font-size:14px; letter-spacing:.5px; }
html[data-visual-reference="2026-10"][data-theme="atelier"] :is(.btn-save,.ie-save,.btn-primary) { color:#fff; background:#80602a; }
html[data-visual-reference="2026-10"] :is(input,select,textarea) { min-height:44px; font-size:16px; }
html[data-visual-reference="2026-10"] :is(.profile-meta-list,.completeness) { padding:20px; }
html[data-visual-reference="2026-10"] #content { min-width:0; }
html[data-visual-reference="2026-10"] #sb-logo-img[src=""] { display:none; }
html[data-visual-reference="2026-10"] :is(button,a,input,select,textarea):focus-visible { outline:2px solid var(--gold); outline-offset:3px; }
@media(max-width:768px) {
 html[data-visual-reference="2026-10"] #topbar .tb-right { flex-wrap:wrap; gap:8px; }
 html[data-visual-reference="2026-10"] #content { padding-inline:16px; }
 html[data-visual-reference="2026-10"] .profile-sidebar { min-width:0; max-width:100%; }
}

/* Presentation page belongs to the same approved ivory reference. */
html[data-visual-reference="2026-10"] .nav-logo { font-size:20px; min-height:44px; display:inline-flex; align-items:center; }
html[data-visual-reference="2026-10"] :is(.nav-link,.demo-badge) { min-height:44px; font-size:13px; display:inline-flex; align-items:center; letter-spacing:.8px; }
html[data-visual-reference="2026-10"] .hero-grid .h1 { font-size:clamp(40px,4vw,58px); font-weight:400; line-height:1.1; }
html[data-visual-reference="2026-10"] :is(.value-kicker,.label,.form-head p,.hint,.note,.expect-label,.step-badge,.proof) { font-size:13px; letter-spacing:.5px; }
html[data-visual-reference="2026-10"] .value-panel .value-card { padding:24px; border-radius:14px; min-height:0; }
html[data-visual-reference="2026-10"] .value-list { font-size:14px; line-height:1.6; }
html[data-visual-reference="2026-10"][data-theme="atelier"] .hero-grid > section:first-child {
 background:linear-gradient(90deg,#f8f6f1 45%,#f8f6f1c9),url('/assets/images/horlogis-watchmaking-ivory.webp') right top/auto 360px no-repeat;
}
html[data-visual-reference="2026-10"][data-theme="atelier"] :is(.value-card.supplier .value-kicker,.trust-item b,.value-list span:before,.step-badge) { color:#176c4c; }
html[data-visual-reference="2026-10"][data-theme="atelier"] .status.err { color:#a22626; }

/* Keep the larger reference navigation usable on narrow presentation screens. */
@media(max-width:640px) {
 html[data-visual-reference="2026-10"] .nav-links { flex-wrap:wrap; min-width:0; max-width:100%; }
 html[data-visual-reference="2026-10"] .nav-link:nth-child(2),
 html[data-visual-reference="2026-10"] .nav-link:nth-child(3) { display:none; }
 html[data-visual-reference="2026-10"] .demo-badge { min-width:0; max-width:100%; white-space:normal; }
 html[data-visual-reference="2026-10"] :is(.hero-grid,.value-panel,.form-grid,.expect) { grid-template-columns:minmax(0,1fr); }
 html[data-visual-reference="2026-10"] :is(.hero-grid > section,.field,.form-head > div) { min-width:0; }
}