/* Component scope prevents generic theme classes from changing the product grid. */
body.dcu-body { margin:0; padding:0; background:#fffefa; }
.dcu-site { --dcu-ink:#143b35; --dcu-muted:#51635b; --dcu-line:#d9e1d5; --dcu-paper:#fffefa; color:var(--dcu-ink); font:16px/1.65 Arial,Helvetica,sans-serif; width:100%; max-width:100%; isolation:isolate; container:dcu-page / inline-size; }
.dcu-site *, .dcu-site *::before, .dcu-site *::after { box-sizing:border-box; }
.dcu-site h1,.dcu-site h2,.dcu-site h3,.dcu-site p { margin:0; padding:0; color:inherit; font-family:inherit; word-break:normal; overflow-wrap:normal; }
.dcu-site h1 { font-size:clamp(2.4rem,4.7vw,4.4rem); line-height:1.06; letter-spacing:-.055em; font-weight:600; }
.dcu-site h2 { font-size:clamp(1.8rem,3vw,2.8rem); line-height:1.14; letter-spacing:-.04em; font-weight:500; }
.dcu-site h3 { font-size:1.28rem; line-height:1.3; letter-spacing:-.02em; font-weight:600; }
.dcu-site p { margin-top:1rem; }
.dcu-site a { color:inherit; text-decoration:none; }
.dcu-site a:hover { text-decoration:underline; text-underline-offset:5px; }
.dcu-site :focus-visible { outline:3px solid #a66028; outline-offset:4px; }
.dcu-site .dcu-container { width:100%; max-width:1240px; margin-inline:auto; padding-inline:clamp(20px,4vw,48px); min-width:0; container-type:inline-size; }
.dcu-site img,.dcu-site video,.dcu-site svg,.dcu-site iframe { max-width:100%; }
.dcu-site img { height:auto; object-fit:contain; }
.dcu-site .dcu-header { background:var(--dcu-paper); border-bottom:1px solid var(--dcu-line); }
.dcu-site .dcu-header-inner { display:flex; gap:24px; align-items:center; justify-content:space-between; padding-block:22px; flex-wrap:wrap; }
.dcu-site .dcu-brand { display:flex; align-items:center; gap:10px; font-size:1.25rem; font-weight:700; line-height:1.2; min-width:0; max-width:100%; }
.dcu-site .dcu-brand>span:last-child { overflow-wrap:anywhere; }
.dcu-site .dcu-mark { width:34px; height:34px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; flex-shrink:0; }
.dcu-site .dcu-nav { display:flex; align-items:center; gap:22px; flex-wrap:wrap; font-size:.83rem; }
.dcu-site .dcu-nav [aria-current] { text-decoration:underline; text-underline-offset:6px; }
.dcu-site .dcu-button { display:inline-flex; align-items:center; justify-content:center; gap:24px; padding:15px 23px; background:var(--dcu-ink); color:white; border:1px solid var(--dcu-ink); border-radius:5px; font:600 .9rem/1.4 Arial,sans-serif; cursor:pointer; max-width:100%; white-space:normal; text-align:center; }
.dcu-site .dcu-small { padding:12px 16px; }
.dcu-site .dcu-hero { background:#eaf0df; padding-block:78px; }
.dcu-site .dcu-hero-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:64px; align-items:center; }
.dcu-site .dcu-eyebrow { font-size:.7rem; font-weight:700; letter-spacing:.14em; margin:0 0 22px; }
.dcu-site .dcu-lead { font-size:1.04rem; max-width:58ch; color:var(--dcu-muted); margin-top:25px; }
.dcu-site .dcu-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; margin-top:32px; }
.dcu-site .dcu-text-link { font-size:.85rem; font-weight:600; }
.dcu-site .dcu-brief { padding:34px; background:#d9e4c9; border:1px solid #c3d2b6; border-radius:120px 120px 8px 8px; min-width:0; }
.dcu-site .dcu-brief-number { display:block; text-align:right; font-size:.75rem; margin-bottom:55px; }
.dcu-site .dcu-brief h2 { font-size:clamp(2rem,4vw,3.4rem); }
.dcu-site .dcu-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.dcu-site .dcu-tags span { border:1px solid #a8b79b; padding:4px 10px; border-radius:20px; font-size:.7rem; }
.dcu-site .dcu-strip { background:#153c35; color:#eef4e8; }
.dcu-site .dcu-strip>.dcu-container { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px 28px; padding-block:18px; font-size:.75rem; }
.dcu-site .dcu-section { padding-block:72px; }
.dcu-site .dcu-section-heading { display:flex; justify-content:space-between; align-items:end; gap:28px; margin-bottom:36px; }
.dcu-site .dcu-section-heading>p { font-size:.8rem; color:var(--dcu-muted); }
/* Columns follow available container space, including a narrow theme wrapper. */
.dcu-site .dcu-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.dcu-site .dcu-grid>*,.dcu-site .dcu-hero-grid>*,.dcu-site .dcu-contact-grid>*,.dcu-site .dcu-two>*,.dcu-site .dcu-footer-grid>* { min-width:0; }
.dcu-site .dcu-card { display:flex; flex-direction:column; align-items:flex-start; min-width:0; max-width:100%; padding:28px; border:1px solid var(--dcu-line); border-radius:6px; background:#fffefa; }
.dcu-site .dcu-card-number { font-size:.7rem; margin-bottom:32px; color:#657662; }
.dcu-site .dcu-card>p { color:var(--dcu-muted); font-size:.9rem; margin-bottom:24px; }
.dcu-site .dcu-card>.dcu-text-link { margin-top:auto; }
.dcu-site .dcu-card img { width:100%; aspect-ratio:4/3; margin-bottom:18px; }
.dcu-site .dcu-product-figure { margin:0; min-width:0; width:100%; padding:24px; background:#fffefa; border-radius:8px; }
.dcu-site .dcu-product-figure img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:contain; }
.dcu-site .dcu-muted { background:#f0f2e9; }
.dcu-site .dcu-two,.dcu-site .dcu-contact-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:64px; }
.dcu-site .dcu-faq details { border-bottom:1px solid #ccd5c6; padding:20px 0; }
.dcu-site .dcu-faq summary { cursor:pointer; font-weight:600; }
.dcu-site .dcu-faq p { color:var(--dcu-muted); font-size:.9rem; }
.dcu-site .dcu-cta { display:flex; align-items:center; justify-content:space-between; gap:28px; flex-wrap:wrap; }
.dcu-site .dcu-footer { background:#143b35; color:#e7efdf; padding-top:52px; }
.dcu-site .dcu-footer-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:36px; }
.dcu-site .dcu-footer h2 { font-size:.85rem; letter-spacing:0; font-weight:700; margin-bottom:18px; }
.dcu-site .dcu-footer p,.dcu-site .dcu-footer a:not(.dcu-brand) { font-size:.8rem; }
.dcu-site .dcu-footer a:not(.dcu-brand) { display:block; margin:8px 0; }
.dcu-site .dcu-footer-bottom { border-top:1px solid #3e5c50; margin-top:42px; padding-block:22px; font-size:.7rem; }
.dcu-site .dcu-email { overflow-wrap:anywhere; }
.dcu-site .dcu-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.dcu-site .dcu-form label { display:block; font-size:.8rem; margin-bottom:18px; min-width:0; }
.dcu-site .dcu-form input:not([type=checkbox]),.dcu-site .dcu-form select,.dcu-site .dcu-form textarea { display:block; width:100%; max-width:100%; min-width:0; padding:12px; border:1px solid #b8c8b6; border-radius:4px; background:white; color:#143b35; font:inherit; margin-top:7px; }
.dcu-site .dcu-form textarea { resize:vertical; }
.dcu-site .dcu-form .dcu-consent { display:flex; gap:10px; align-items:flex-start; }
.dcu-site .dcu-consent input { flex:0 0 auto; margin-top:5px; }
.dcu-site .dcu-consent a { text-decoration:underline; }
.dcu-site .dcu-honeypot { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; }
.dcu-site .dcu-notice { padding:16px; background:#eaf0df; border-left:3px solid #315c46; margin:0 0 25px; }
.dcu-site .dcu-pagination { margin-top:30px; display:flex; flex-wrap:wrap; gap:12px; }
.dcu-site .dcu-editor { overflow-x:auto; }
.dcu-site .dcu-editor .alignwide,.dcu-site .dcu-editor .alignfull { width:100%; max-width:100%; margin-inline:0; }
.dcu-site .dcu-editor pre { white-space:pre-wrap; overflow-wrap:anywhere; }
.dcu-site .dcu-skip { position:fixed; top:8px; left:8px; transform:translateX(-200%); z-index:99999; background:white; padding:12px; }
.dcu-site .dcu-skip:focus { transform:none; }
@container (max-width:850px) { .dcu-site .dcu-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@container (max-width:560px) { .dcu-site .dcu-grid,.dcu-site .dcu-form-grid { grid-template-columns:minmax(0,1fr); } .dcu-site .dcu-section-heading { display:block; } }
@container dcu-page (max-width:760px) { .dcu-site .dcu-hero-grid,.dcu-site .dcu-contact-grid,.dcu-site .dcu-two,.dcu-site .dcu-footer-grid { grid-template-columns:minmax(0,1fr); } .dcu-site h1 { font-size:clamp(2.4rem,7cqi,3.5rem); } .dcu-site .dcu-nav { order:3; flex-basis:100%; } .dcu-site .dcu-section-heading { display:block; } }
@media(max-width:1000px) { .dcu-site .dcu-hero-grid { gap:32px; } .dcu-site .dcu-nav { order:3; flex-basis:100%; } .dcu-site .dcu-contact-grid,.dcu-site .dcu-two { gap:32px; } }
@media(max-width:760px) { .dcu-site .dcu-hero-grid,.dcu-site .dcu-two,.dcu-site .dcu-contact-grid { grid-template-columns:minmax(0,1fr); } .dcu-site .dcu-hero { padding-block:42px; } .dcu-site .dcu-section { padding-block:44px; } .dcu-site .dcu-footer-grid { grid-template-columns:minmax(0,1fr); } .dcu-site .dcu-brief { border-radius:40px 40px 6px 6px; } .dcu-site .dcu-brief-number { margin-bottom:24px; } .dcu-site .dcu-section-heading { display:block; } }
@media(max-width:560px) { .dcu-site .dcu-grid,.dcu-site .dcu-form-grid { grid-template-columns:minmax(0,1fr); } .dcu-site .dcu-header-inner { gap:18px; } .dcu-site .dcu-nav { gap:14px 20px; } .dcu-site .dcu-card { padding:24px; } }
@media(prefers-reduced-motion:reduce) { .dcu-site * { scroll-behavior:auto; } }

.dcu-site .dcu-reading { grid-template-columns:minmax(0,1fr); max-width:820px; margin-inline:auto; }
.dcu-site .dcu-reading .dcu-card { padding:clamp(24px,4cqi,42px); }
.dcu-site .dcu-grid img { display:block; height:auto; object-fit:contain; }
.dcu-site .dcu-consent span { min-width:0; }
@supports not (container-type:inline-size) { .dcu-site .dcu-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); } }

/* 4.0.0: constrain intrinsic theme sizing without hiding page overflow. */
.dcu-site .dcu-card, .dcu-site .dcu-form { min-width:0; }
.dcu-site .dcu-card img { display:block; width:100%; height:auto; object-fit:contain; }
.dcu-site .dcu-consent span { min-width:0; }

/* 4.1.0: page-specific structures derived from the original landing-page hierarchy. */
.dcu-site .dcu-page-intro { background:#eaf0df; padding-block:54px 64px; }
.dcu-site .dcu-page-intro h1 { max-width:20ch; }
.dcu-site .dcu-intro-compact { background:#f4f5ef; padding-block:32px 42px; }
.dcu-site .dcu-intro-compact h1 { font-size:clamp(2rem,4vw,3.5rem); max-width:25ch; }
.dcu-site .dcu-breadcrumb { font-size:.78rem; margin-bottom:28px; display:flex; flex-wrap:wrap; gap:8px; }
.dcu-site .dcu-breadcrumb a { font-size:inherit; }
.dcu-site .dcu-home-feature { padding:40px; background:#d6e4c4; border-radius:100px 100px 8px 8px; }
.dcu-site .dcu-home-feature h2 { font-size:clamp(2rem,3.8vw,3.5rem); }
.dcu-site .dcu-home-feature img { width:100%; aspect-ratio:4/3; object-fit:contain; display:block; }
.dcu-site .dcu-route-links { display:flex; flex-wrap:wrap; gap:18px 28px; margin-top:28px; }
.dcu-site .dcu-home-feature .dcu-route-links { display:grid; gap:16px; }
.dcu-site .dcu-three { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.dcu-site .dcu-three>article { min-width:0; padding-block:12px; }
.dcu-site .dcu-three p { color:var(--dcu-muted); margin-bottom:22px; }
.dcu-site .dcu-big-index { display:block; font-size:3rem; line-height:1; color:#68816b; margin-bottom:24px; font-weight:400; }
.dcu-site .dcu-note-list { min-width:0; }
.dcu-site .dcu-note-list>article { display:grid; grid-template-columns:32px minmax(0,1fr); gap:20px; padding:24px 0; border-bottom:1px solid var(--dcu-line); }
.dcu-site .dcu-note-list>article:first-child { padding-top:0; }
.dcu-site .dcu-note-list p { margin-bottom:16px; }
.dcu-site .dcu-step-no { color:#708566; font-size:.85rem; line-height:1.8; }
.dcu-site .dcu-project-band { background:#dce7d0; }
.dcu-site .dcu-process-preview { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; list-style:none; padding:0; margin:30px 0; counter-reset:dcu-stage; }
.dcu-site .dcu-process-preview li { padding:24px 0; border-top:2px solid #69856e; counter-increment:dcu-stage; min-width:0; }
.dcu-site .dcu-process-preview li::before { content:'0' counter(dcu-stage); display:block; margin-bottom:20px; color:#69856e; }
.dcu-site .dcu-product-hero { padding:60px 0; background:#f0f2e9; }
.dcu-site .dcu-product-hero h1 { font-size:clamp(2.2rem,4.2vw,4rem); }
.dcu-site .dcu-product-summary { background:white; padding:32px; border:1px solid var(--dcu-line); align-self:start; }
.dcu-site .dcu-product-summary img { width:100%; height:auto; aspect-ratio:4/3; display:block; object-fit:contain; margin-bottom:24px; }
.dcu-site .dcu-product-summary dl { margin:0; }
.dcu-site .dcu-product-summary dt { font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; color:#68795f; }
.dcu-site .dcu-product-summary dd { margin:6px 0 20px; padding-bottom:18px; border-bottom:1px solid var(--dcu-line); }
.dcu-site .dcu-product-summary dd:last-child { margin-bottom:0; }
.dcu-site .dcu-range-option { border-top:2px solid #738968; }
.dcu-site .dcu-solution-matrix>article { display:grid; grid-template-columns:64px minmax(0,1.3fr) minmax(0,1fr); gap:36px; padding:40px 0; border-bottom:1px solid var(--dcu-line); align-items:start; }
.dcu-site .dcu-solution-matrix h2 { font-size:1.8rem; }
.dcu-site .dcu-solution-matrix .dcu-route-links { margin:0; display:grid; }
.dcu-site .dcu-service-routes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.dcu-site .dcu-service-routes>article { background:#eaf0df; padding:40px; min-width:0; }
.dcu-site .dcu-service-routes>article+article { background:#183e35; color:#f6f8ee; }
.dcu-site .dcu-service-routes h2 { font-size:4rem; }
.dcu-site .dcu-service-routes ul { padding-left:20px; margin:24px 0 0; }
.dcu-site .dcu-service-routes li { margin-top:14px; }
.dcu-site .dcu-service-list>article { display:grid; grid-template-columns:40px minmax(0,.8fr) minmax(0,1.4fr); gap:28px; padding:26px 0; border-bottom:1px solid var(--dcu-line); }
.dcu-site .dcu-service-list p { margin:0; }
.dcu-site .dcu-checklist { list-style:none; padding:0; margin:0; }
.dcu-site .dcu-checklist li { padding:18px 0; border-bottom:1px solid var(--dcu-line); }
.dcu-site .dcu-process-layout { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.5fr); gap:64px; }
.dcu-site .dcu-process-layout>* { min-width:0; }
.dcu-site .dcu-timeline { list-style:none; margin:0; padding:0; }
.dcu-site .dcu-timeline li { display:grid; grid-template-columns:42px minmax(0,1fr); gap:24px; padding:0 0 40px; margin-bottom:32px; border-bottom:1px solid var(--dcu-line); }
.dcu-site .dcu-timeline h2 { font-size:1.65rem; }
.dcu-site .dcu-timeline strong { display:block; margin-top:18px; font-size:.82rem; color:#58734d; }
.dcu-site .dcu-featured-guide { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr); gap:48px; padding:44px; background:#eaf0df; }
.dcu-site .dcu-featured-guide p { margin-bottom:28px; }
.dcu-site .dcu-editorial-label { font-size:clamp(2.3rem,5vw,4rem); line-height:1.05; letter-spacing:-.04em; border-left:1px solid #a7b99d; padding-left:36px; }
.dcu-site .dcu-guide-list>article { display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:28px; align-items:start; padding:30px 0; border-bottom:1px solid var(--dcu-line); }
.dcu-site .dcu-guide-list h2 { font-size:1.6rem; }
.dcu-site .dcu-article-header { padding:48px 0; border-bottom:1px solid var(--dcu-line); }
.dcu-site .dcu-article-header h1 { max-width:23ch; font-size:clamp(2.2rem,4.5vw,4rem); }
.dcu-site .dcu-article-layout { display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1.6fr); gap:64px; padding-block:56px; }
.dcu-site .dcu-article-toc nav { display:grid; gap:20px; font-size:.86rem; }
.dcu-site .dcu-prose { min-width:0; max-width:72ch; }
.dcu-site .dcu-prose section { margin-bottom:42px; scroll-margin-top:24px; }
.dcu-site .dcu-prose h2 { font-size:1.7rem; line-height:1.3; }
.dcu-site .dcu-prose p { font-size:1.06rem; line-height:1.85; }
.dcu-site .dcu-reading-note { background:#f0f2e9; padding:28px; }
.dcu-site .dcu-reading-note a { display:inline-block; margin-top:20px; }
.dcu-site .dcu-policy { padding-block:48px; }
.dcu-site .dcu-policy .dcu-prose { margin-inline:auto; }
.dcu-site .dcu-image-placeholder { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:10px; width:100%; min-width:0; max-width:100%; aspect-ratio:4/3; padding:clamp(18px,3cqi,30px); border:1px dashed #9bad94; background:linear-gradient(135deg,#f2f4e9 0%,#e5eadb 100%); color:#315447; }
.dcu-site .dcu-image-placeholder>span { display:inline-flex; align-items:center; min-height:26px; padding:5px 9px; border:1px solid #aebca4; background:rgba(255,254,250,.62); font-size:.61rem; font-weight:700; letter-spacing:.12em; line-height:1.2; }
.dcu-site .dcu-image-placeholder>strong { max-width:24ch; font-size:clamp(1rem,1.5cqi,1.35rem); font-weight:500; line-height:1.25; overflow-wrap:normal; }
.dcu-site .dcu-image-placeholder>small { max-width:34ch; color:#607166; font-size:.7rem; line-height:1.45; }
.dcu-site .dcu-home-feature>.dcu-image-placeholder-hero { margin-bottom:28px; aspect-ratio:16/8; background:linear-gradient(145deg,#e3ead6 0%,#cbdac1 100%); }
.dcu-site .dcu-card>.dcu-image-placeholder { margin:0 0 18px; }
.dcu-site .dcu-product-summary>.dcu-image-placeholder { margin-bottom:24px; }
.dcu-site .dcu-side-note>.dcu-image-placeholder { margin:0 0 26px; }
@container (max-width:850px) {
 .dcu-site .dcu-three { grid-template-columns:minmax(0,1fr); gap:28px; }
 .dcu-site .dcu-process-preview { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .dcu-site .dcu-solution-matrix>article { grid-template-columns:40px minmax(0,1fr); gap:20px; }
 .dcu-site .dcu-solution-matrix .dcu-route-links { grid-column:2; }
}
@container dcu-page (max-width:800px) {
 .dcu-site .dcu-service-routes,.dcu-site .dcu-process-layout,.dcu-site .dcu-featured-guide,.dcu-site .dcu-article-layout { grid-template-columns:minmax(0,1fr); gap:32px; }
 .dcu-site .dcu-editorial-label { display:none; }
 .dcu-site .dcu-service-list>article { grid-template-columns:28px minmax(0,1fr); gap:18px; }
 .dcu-site .dcu-service-list p { grid-column:2; }
 .dcu-site .dcu-guide-list>article { grid-template-columns:28px minmax(0,1fr); gap:18px; }
 .dcu-site .dcu-guide-list>article>a { grid-column:2; }
 .dcu-site .dcu-article-toc { border-bottom:1px solid var(--dcu-line); padding-bottom:24px; }
}
@container (max-width:560px) { .dcu-site .dcu-process-preview { grid-template-columns:minmax(0,1fr); } }
@media(max-width:760px) {
 .dcu-site .dcu-page-intro,.dcu-site .dcu-product-hero { padding-block:36px; }
 .dcu-site .dcu-home-feature,.dcu-site .dcu-service-routes>article,.dcu-site .dcu-featured-guide { padding:28px; }
 .dcu-site .dcu-home-feature { border-radius:44px 44px 6px 6px; }
 .dcu-site .dcu-product-summary { padding:24px; }
 .dcu-site .dcu-timeline li { grid-template-columns:28px minmax(0,1fr); gap:16px; }
}


/* Catalogue additions retain the existing section widths and spacing. */
.dcu-site .dcu-collection-grid,.dcu-site .dcu-item-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.dcu-site .dcu-catalogue-image { display:flex; align-items:center; justify-content:center; height:280px; background:#fff; margin-bottom:20px; border-radius:10px; overflow:hidden; }
.dcu-site .dcu-catalogue-image img { width:100%; height:100%; object-fit:contain; padding:12px; transition:transform .2s; }
.dcu-site .dcu-catalogue-image:hover img { transform:scale(1.025); }
.dcu-site .dcu-item-card { display:flex; flex-direction:column; min-width:0; }
.dcu-site .dcu-item-card .dcu-text-link { margin-top:auto; padding-top:18px; }
.dcu-site .dcu-item-card .dcu-eyebrow { font-size:11px; letter-spacing:.08em; }
.dcu-site .dcu-item-hero { margin-top:28px; align-items:start; }
.dcu-site .dcu-item-hero h1 { font-size:clamp(2rem,3.6vw,3.6rem); }
.dcu-site .dcu-item-photo { background:white; border:1px solid var(--dcu-line); border-radius:18px; padding:24px; text-align:center; }
.dcu-site .dcu-item-photo img { display:block; width:100%; height:460px; object-fit:contain; margin-bottom:16px; }
.dcu-site .dcu-item-spec { display:grid; grid-template-columns:minmax(100px,1fr) minmax(0,2fr); gap:12px 20px; margin:28px 0; padding-block:22px; border-block:1px solid var(--dcu-line); }
.dcu-site .dcu-item-spec dt { font-weight:600; }
.dcu-site .dcu-item-spec dd { margin:0; }
.dcu-site .dcu-product-note { font-size:.88rem; color:var(--dcu-muted); }
.dcu-site .dcu-catalogue-filter { display:flex; align-items:end; gap:16px; flex-wrap:wrap; margin-bottom:18px; }
.dcu-site .dcu-catalogue-filter label { display:grid; gap:6px; flex:1 1 220px; font-weight:600; }
.dcu-site .dcu-catalogue-filter input,.dcu-site .dcu-catalogue-filter select { width:100%; min-width:0; padding:12px; border:1px solid var(--dcu-line); border-radius:5px; background:white; color:var(--dcu-ink); font:inherit; }
.dcu-site .dcu-catalogue-filter button { cursor:pointer; font:inherit; }
.dcu-site .dcu-catalogue-count { margin-bottom:24px; }
@media(max-width:900px) { .dcu-site .dcu-collection-grid,.dcu-site .dcu-item-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .dcu-site .dcu-item-photo img { height:360px; } }
@media(max-width:560px) { .dcu-site .dcu-collection-grid,.dcu-site .dcu-item-grid { grid-template-columns:minmax(0,1fr); } .dcu-site .dcu-catalogue-image { height:280px; } .dcu-site .dcu-item-photo { padding:18px; } .dcu-site .dcu-item-photo img { height:320px; } .dcu-site .dcu-item-spec { grid-template-columns:1fr; gap:4px; } .dcu-site .dcu-item-spec dd { margin-bottom:12px; } }

.dcu-site .dcu-collection-nav { display:flex; gap:12px 24px; flex-wrap:wrap; padding-block:16px; font-size:.86rem; border-bottom:1px solid var(--dcu-line); }
.dcu-site .dcu-collection-nav a[aria-current] { font-weight:700; text-decoration:underline; text-underline-offset:5px; }

/* Native disclosure supports keyboard and touch without a script dependency. */
.dcu-site .dcu-product-menu { position:relative; }
.dcu-site .dcu-product-menu>summary { display:flex; align-items:center; gap:8px; cursor:pointer; list-style:none; }
.dcu-site .dcu-product-menu>summary::-webkit-details-marker { display:none; }
.dcu-site .dcu-product-menu>summary span { transition:transform .15s; }
.dcu-site .dcu-product-menu[open]>summary span { transform:rotate(180deg); }
.dcu-site .dcu-menu-active>summary { font-weight:700; text-decoration:underline; text-underline-offset:6px; }
.dcu-site .dcu-product-menu-panel { position:absolute; top:calc(100% + 12px); left:0; width:280px; max-width:calc(100vw - 40px); z-index:20; padding:8px; background:var(--dcu-paper); border:1px solid var(--dcu-line); border-radius:6px; box-shadow:0 12px 30px #143b351a; }
.dcu-site .dcu-product-menu-panel>a { display:flex; justify-content:space-between; gap:14px; padding:12px; border-radius:4px; line-height:1.4; }
.dcu-site .dcu-product-menu-panel>a:hover,.dcu-site .dcu-product-menu-panel>a[aria-current] { background:#eaf0df; }
.dcu-site .dcu-product-menu-panel small { color:var(--dcu-muted); }
@media(max-width:560px) { .dcu-site .dcu-product-menu[open] { flex-basis:100%; order:-1; } .dcu-site .dcu-product-menu-panel { position:static; width:100%; max-width:100%; margin-top:12px; box-shadow:none; } }
@container dcu-page (max-width:560px) { .dcu-site .dcu-product-menu[open] { flex-basis:100%; order:-1; } .dcu-site .dcu-product-menu-panel { position:static; width:100%; max-width:100%; margin-top:12px; box-shadow:none; } }