.detail-breadcrumb { padding-top:145px; color:var(--text-secondary); font-size:14px; }
.detail-breadcrumb a:hover { color:var(--brand-primary); text-decoration:underline; }
.detail-hero { padding:42px 0 78px; }
.detail-hero h1 { margin:15px 0 22px; max-width:900px; font-size:clamp(40px,5.5vw,66px); line-height:1.08; letter-spacing:-.035em; }
.detail-hero .lead { max-width:75ch; }
.detail-hero .button { display:inline-flex; margin-top:28px; }
.detail-section { padding:80px 0; border-top:1px solid var(--border-base); }
.detail-section:nth-child(even) { background:var(--section-background); }
.detail-section .section-head { max-width:780px; }
.detail-section .section-head p { margin-top:16px; }
.detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:32px; }
.detail-grid article { padding:27px; border:1px solid var(--border-base); border-radius:var(--radius-lg); background:var(--surface-base); box-shadow:var(--shadow-subtle); }
.detail-grid h3 { margin:0 0 12px; font-size:21px; }
.detail-grid p { margin:0; color:var(--text-secondary); }
.detail-note { margin-top:25px; padding:18px 22px; border-left:4px solid var(--brand-cyan); border-radius:var(--radius-md); background:var(--surface-base); color:var(--text-secondary); }
.detail-faq { max-width:850px; margin-top:25px; }
.detail-faq details { border-bottom:1px solid var(--border-base); padding:18px 0; }
.detail-faq summary { cursor:pointer; font-weight:700; }
.detail-faq p { margin:10px 0 0; color:var(--text-secondary); }
.detail-links { display:flex; flex-wrap:wrap; gap:8px 24px; margin-top:24px; }
.detail-links a { color:var(--brand-primary); font-weight:700; }
.detail-links a:hover { text-decoration:underline; }
@media(max-width:900px){.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.detail-breadcrumb{padding-top:115px}.detail-section{padding:55px 0}.detail-grid{grid-template-columns:1fr}.detail-hero{padding-bottom:55px}}


/* Final visual consistency: detail pages use the same single-column section heads and card language as CB-IT. */
.detail-section .section-head{display:block!important;max-width:820px!important;margin:0 0 38px!important;}
.detail-section .section-head p{max-width:72ch!important;margin:16px 0 0!important;}
.cb-context-link{display:inline-flex!important;margin-top:24px!important;}