.lab-breadcrumb { margin-bottom: 1.8rem; font-size: .9rem; color: var(--coop-muted); }
.lab-breadcrumb span { margin-inline: .3rem; }
.lab-hero { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 3rem; padding: 2.6rem; background: #eff4ec; border-radius: 1rem; }
.lab-eyebrow { font-size: .75rem; font-weight: 750; letter-spacing: .13em; color: var(--coop-green); margin-bottom: .7rem; }
.lab-hero h1 { font-size: clamp(3rem, 7vw, 5rem); letter-spacing: -.045em; color: #174728; margin-bottom: .8rem; line-height: 1; }
.lab-lead { font-size: clamp(1.4rem, 2.8vw, 2rem); line-height: 1.3; font-weight: 550; }
.lab-hero figure { margin: 0; }
.lab-hero img { display: block; width: 100%; border-radius: .65rem; }
.lab-hero figcaption { margin-top: .8rem; font-size: .8rem; color: var(--coop-muted); }
.lab-hero .action-row { justify-content: flex-start; gap: .8rem 1.2rem; }
.lab-notice { margin: 1.5rem 0 3.5rem; padding: 1.1rem 1.4rem; border-left: 4px solid #b18a3b; background: #faf7ef; border-radius: 0 .4rem .4rem 0; }
.lab-catalog-heading h2, .lab-process h2, .lab-contact h2 { margin-top: 0; }
.lab-nav { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1.5rem 0 1rem; }
.lab-nav a { border: 1px solid #c9d8c8; border-radius: 2rem; padding: .45rem 1rem; text-decoration: none; font-weight: 550; }
.lab-nav a:hover { background: #eff4ec; }
.lab-price-note { color: var(--coop-muted); font-size: .9rem; }
.lab-section { border-top: 1px solid var(--coop-line); padding: 2.5rem 0; scroll-margin-top: 1rem; }
.lab-section-heading { display: flex; align-items: flex-start; gap: 1.1rem; margin-bottom: 1rem; }
.lab-number { color: #738c72; font-size: .95rem; font-weight: 650; padding-top: .3rem; }
.lab-section-heading h2 { margin: 0 0 .5rem; color: #174728; }
.lab-section-heading p { margin-bottom: .4rem; color: var(--coop-muted); }
.lab-study { border: 1px solid var(--coop-line); border-radius: .6rem; margin-top: .75rem; overflow: hidden; }
.lab-study summary { cursor: pointer; padding: 1.1rem 1.4rem; font-weight: 600; display: flex; align-items: center; gap: .9rem; }
.lab-study summary::before { content: '+'; font-size: 1.3rem; color: var(--coop-green); width: 1rem; flex-shrink: 0; }
.lab-study[open] summary::before { content: '−'; }
.lab-study summary::-webkit-details-marker { display: none; }
.lab-study summary:hover, .lab-study[open] summary { background: #f4f7f1; }
.lab-study summary:focus-visible { outline: 3px solid #c79128; outline-offset: -4px; }
.lab-price { margin-left: auto; text-align: right; flex-shrink: 0; font-size: .95rem; color: var(--coop-green); }
.lab-study-body { padding: 1.4rem 1.5rem .4rem; max-width: 85ch; }
.lab-study-body h4 { margin: 1rem 0 .6rem; }
.lab-time { background: #f4f7f1; border-radius: .3rem; padding: .8rem 1rem; }
.lab-text { max-width: 85ch; padding-left: 2.4rem; }
.lab-process { background: #f5f7f4; border-radius: .8rem; padding: 2.5rem; margin: 1rem 0 3rem; }
.lab-process ol { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem 2.5rem; padding-left: 1.3rem; margin-bottom: 0; }
.lab-process li::marker { color: var(--coop-green); font-weight: 700; }
.lab-process h3 { font-size: 1rem; margin: .2rem 0 .5rem; }
.lab-process li p { color: var(--coop-muted); font-size: .95rem; margin-bottom: 0; }
.lab-contact { display: grid; grid-template-columns: 1.4fr 1fr; gap: 3rem; align-items: center; }
.lab-contact-actions { padding: 2rem; border: 1px solid var(--coop-line); border-radius: .6rem; }
.lab-contact-actions span { font-size: .85rem; color: var(--coop-muted); }
.lab-phone { display: block; font-size: 1.7rem; font-weight: 650; text-decoration: none; }
@media(max-width: 800px) { .lab-hero { gap: 1.5rem; padding: 1.5rem; } .lab-hero, .lab-contact { grid-template-columns: 1fr; } .lab-hero figure { max-width: 500px; } .lab-process ol { grid-template-columns: 1fr 1fr; } }
@media(max-width: 480px) { .lab-process { padding: 1.5rem; } .lab-process ol { grid-template-columns: 1fr; } .lab-study summary { padding: 1rem; flex-wrap: wrap; gap: .5rem; } .lab-study summary > span:first-of-type { flex: 1; } .lab-price { width: 100%; padding-left: 1.5rem; text-align: left; } .lab-study-body { padding: 1rem; } .lab-text { padding-left: 0; } .lab-contact-actions { padding: 1.4rem; } }
