/* Stage 04 product layouts only; retain all shared KUCI typography and chrome. */
.r04-page .r04-wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto;box-sizing:border-box}
.r04-page .r04-section{padding-block:80px;scroll-margin-top:110px}
.r04-page .r04-tint{background:var(--color-page,#f7f5f0)}
.r04-page .r04-heading{max-width:800px;margin-bottom:36px}.r04-page .r04-heading h2{margin:0 0 18px}
.r04-page .r04-eyebrow{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-accent);margin:0 0 14px}
.r04-page .r04-note,.r04-page figcaption{font-size:14px;line-height:1.65;color:var(--color-muted);margin:14px 0 0}
.r04-page .r04-hero{display:grid;grid-template-columns:1.45fr 1fr;gap:48px;align-items:center;padding-block:22px 32px}
.r04-page .r04-hero figure{margin:0;min-width:0}.r04-page .r04-hero img{width:100%;height:auto;display:block}
.r04-page .r04-hero h1{margin:0 0 24px}.r04-page .r04-hero>div{min-width:0}.r04-page .r04-hero>div>p{max-width:460px}
.r04-page .r04-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:28px}
.r04-page .r04-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 22px;box-sizing:border-box;background:var(--brand-accent);border:1px solid var(--brand-accent);color:white;font:inherit;font-size:15px;font-weight:600;line-height:1.5;text-decoration:none;cursor:pointer;border-radius:var(--radius-button,2px)}
.r04-page .r04-primary:hover{background:var(--color-accent-hover)}
.r04-page .r04-link{display:inline-block;min-height:44px;box-sizing:border-box;padding:10px 0;border:0;border-bottom:1px solid var(--color-border);background:transparent;color:var(--color-heading);font:inherit;font-size:15px;text-align:left;text-decoration:none;cursor:pointer}
.r04-page .r04-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}.r04-page .r04-grid.r04-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px}
.r04-page .r04-application,.r04-page .r04-reference{min-width:0}.r04-page .r04-card-link{color:inherit;text-decoration:none}
.r04-page .r04-application>img{width:100%;height:300px;object-fit:cover;display:block}.r04-page .r04-application h3{margin:22px 0 12px}
.r04-page .r04-subheading{margin:36px 0 24px}.r04-page .r04-reference h3{margin:20px 0 12px}
.r04-page .r04-reference-image{background:var(--color-surface);width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}
.r04-page .r04-reference-image img{max-width:100%;height:100%;object-fit:contain;display:block}
.r04-page .r04-reference summary{cursor:pointer;min-height:44px;padding-block:10px;font-size:15px}.r04-page .r04-reference .r04-link{display:block;width:fit-content}
.r04-page .r04-reference dl{margin:14px 0}.r04-page .r04-reference dl>div{padding:12px 0;border-top:1px solid var(--color-border)}
.r04-page .r04-reference dt{font-size:14px;color:var(--color-muted)}.r04-page .r04-reference dd{margin:4px 0 0;font-size:16px}
.r04-page .r04-detail-pair,.r04-page .r04-split{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}.r04-page .r04-detail-pair figure,.r04-page .r04-split figure{margin:0;min-width:0}
.r04-page .r04-detail-pair img,.r04-page .r04-split img{display:block;width:100%;height:auto}.r04-page .r04-detail-pair figure:nth-child(2)>img{max-height:460px;object-fit:contain}
.r04-page .r04-split .r04-heading{margin-bottom:22px}
.r04-page .r04-notes{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:36px}.r04-page .r04-notes article{border-top:1px solid var(--color-border);padding-top:20px}
.r04-page .r04-library>summary{padding:24px 0;cursor:pointer;font-size:18px;border-block:1px solid var(--color-border)}
.r04-page .r04-library .stc-section{max-width:100%;margin:0;padding-inline:0}.r04-page .r04-library .stc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.r04-page .r04-related{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px}.r04-page .r04-related a{padding:10px 0;font-size:15px;min-height:44px;box-sizing:border-box}
.r04-page .r04-tone-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.r04-page .r04-tone-layout>figure{margin:0;min-width:0}
.r04-page [data-r04-tone-preview]{display:block;width:100%;height:430px;object-fit:contain;background:var(--color-surface)}
.r04-page .r04-tone-choices>button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:22px 14px;border:0;border-bottom:1px solid var(--color-border);background:transparent;color:var(--color-heading);font:inherit;text-align:left;cursor:pointer;min-height:64px}
.r04-page .r04-tone-choices>button[aria-pressed=true]{border-left:3px solid var(--brand-accent);background:var(--color-selected);color:var(--brand-accent)}
.r04-page .r04-enquiry-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:start}
.r04-page #r04-brief{padding:32px;background:var(--color-surface);min-width:0;scroll-margin-top:110px}
.r04-page #r04-brief label{display:block;font-size:15px;color:var(--color-heading);margin-bottom:20px}
.r04-page #r04-brief :is(input,select,textarea){display:block;width:100%;min-width:0;box-sizing:border-box;padding:12px;margin-top:8px;min-height:48px;background:white;color:var(--color-heading);border:1px solid var(--color-control-border);font:inherit;font-size:16px}
.r04-page #r04-brief textarea{resize:vertical;line-height:1.65}.r04-page .r04-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.r04-page .r04-optional{margin:16px 0}.r04-page .r04-optional summary{min-height:44px;box-sizing:border-box;padding-block:12px;cursor:pointer;font-size:15px}
.r04-page .r04-selected{padding:16px;border-left:3px solid var(--brand-accent);background:var(--color-page);font-size:15px}
.r04-page #r04-brief>[type=submit]{display:flex;width:100%;margin-top:22px}.r04-page [data-r04-status]:empty{display:none}
.r04-page [data-r04-archive][hidden],.r04-page .r04-library [hidden]{display:none!important}
/* Scope the new layout above the legacy product section rules. */
.r04-page main.r04-main>section.r04-section[id]{padding-block:80px}
.r04-page main.r04-main>section.r04-tint[id]{background:var(--color-page,#f7f5f0)}
.r04-page main.r04-main>section.r04-hero[id]{padding-block:22px 32px;grid-template-columns:1.45fr 1fr}
.r04-page .r04-grid.r04-wide{max-width:none}
.r04-page .r04-schedule{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.r04-page .r04-schedule article{border-top:1px solid var(--color-border);padding-top:22px}
.r04-page .r04-schedule span{font-size:14px;color:var(--brand-accent)}
.r04-page .r04-schedule h3{margin:18px 0 12px}
.r04-page .r04-library .dmat-library,.r04-page .r04-library .flc-section{max-width:100%;width:100%;margin:0;padding-inline:0}
.r04-page .r04-library .dmat-grid,.r04-page .r04-library .flc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1024px){.r04-page .r04-hero{gap:28px}.r04-page .r04-grid{gap:24px}.r04-page .r04-enquiry-grid{gap:32px}.r04-page .r04-application>img{height:240px}}
@media(max-width:767px){.r04-page .r04-wrap{width:calc(100% - 40px)}.r04-page main.r04-main>section.r04-section[id]{padding-block:48px}.r04-page main.r04-main>section.r04-hero[id]{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:12px 20px}.r04-page .r04-heading{margin-bottom:28px}.r04-page .r04-grid,.r04-page .r04-grid.r04-two,.r04-page .r04-detail-pair,.r04-page .r04-split,.r04-page .r04-notes,.r04-page .r04-enquiry-grid,.r04-page .r04-schedule{grid-template-columns:minmax(0,1fr);gap:30px}.r04-page .r04-application>img{height:auto;max-height:420px;object-fit:contain}.r04-page .r04-primary{width:100%}.r04-page .r04-actions{align-items:stretch}.r04-page .r04-actions .r04-link{width:fit-content}.r04-page #r04-brief{padding:22px}.r04-page .r04-fields{grid-template-columns:1fr;gap:0}.r04-page .r04-library .dmat-grid,.r04-page .r04-library .flc-grid{grid-template-columns:minmax(0,1fr)}.r04-page #kuci-floating-contact,.r04-page .ks-floating{display:none}}

.r04-page .r04-piece-list article{border-bottom:1px solid var(--color-border);padding:18px 0}
.r04-page .r04-piece-list h3{margin:0 0 10px}.r04-page .r04-piece-list .r04-link{margin-right:18px}
.r04-page .r04-library .fcl-section{width:100%;max-width:100%;margin:0;padding-inline:0}
.r04-page .r04-library .fcl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.r04-page .r04-library .fcl-tabs{overflow-x:auto;flex-wrap:wrap;max-width:100%}
.r04-page .r04-selected p{margin:0 0 10px}.r04-page .r04-selected ul{padding-left:20px;margin:0}
.r04-page .r04-selected li{margin:10px 0}.r04-page .r04-measure-fields{margin:18px 0;padding:16px;border:1px solid var(--color-border);min-width:0}
.r04-page .r04-measure-fields legend{font-size:14px;padding-inline:6px}
.r04-page .r04-palette .r04-reference-image{height:270px;aspect-ratio:auto}
.r04-page .r04-palette .r04-reference-image img{max-height:270px;max-width:100%;width:auto;object-fit:contain}
.r04-page .r04-palette #r04-ref-soft-16-p001 img{max-width:238px;height:auto}
.r04-page [hidden]{display:none!important}
@media(max-width:767px){.r04-page .r04-library .fcl-grid{grid-template-columns:minmax(0,1fr)}.r04-page .r04-library .fcl-tabs{gap:8px}.r04-page .r04-library .fcl-tabs button{white-space:normal;min-height:44px}}
