/* Italian content module. Reuses the site's blue, coral and cream theme. */
html { scroll-padding-top: 24px; }
.bbn-it-brandbar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:20px; padding-bottom:18px; }
.bbn-it .bbn-it-tagline { color:#f8eee8; margin:6px 0 0; font-size:14px; }
.bbn-it-languages { display:flex; gap:12px; align-items:center; font-size:14px; }
.bbn-it-languages span { border:1px solid #ffffff70; border-radius:18px; padding:5px 12px; }
.bbn-it-languages a { color:#fff; text-underline-offset:4px; }
.bbn-it-nav { background:#fff; border-bottom:1px solid var(--bbn-border); }
.bbn-it-nav > div { display:flex; flex-wrap:wrap; gap:6px 24px; padding-top:12px; padding-bottom:12px; }
.bbn-it-nav a { padding:5px 0; font-size:14px; text-decoration:none; }
.bbn-it-nav a[aria-current] { font-weight:700; color:var(--bbn-blue-dark); border-bottom:2px solid var(--bbn-coral); }
.bbn-it-main { max-width:1180px; margin:auto; padding:28px 24px 64px; }
.bbn-it-main article > header { max-width:870px; margin:28px 0; }
.bbn-it-main h1 { font-size:clamp(30px,3.8vw,44px); line-height:1.2; color:var(--bbn-blue-dark); }
.bbn-it-main h2 { font-size:26px; line-height:1.35; margin-top:0; color:var(--bbn-blue-dark); }
.bbn-it-main h3 { line-height:1.35; }
.bbn-it-main .intro { font-size:19px; line-height:1.75; color:var(--bbn-warm-gray); }
.bbn-it-main .eyebrow { font:600 12px/1.5 'Inter',sans-serif; text-transform:uppercase; letter-spacing:.11em; color:var(--bbn-blue); }
.bbn-it-main .breadcrumbs { padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:8px; font-size:13px; color:var(--bbn-warm-gray); }
.bbn-it-main .breadcrumbs li + li::before { content:'›'; padding-right:8px; }
.bbn-it-main .contents { background:#eef1f8; border-left:4px solid var(--bbn-blue); padding:18px 24px; margin:28px 0; border-radius:0 10px 10px 0; }
.bbn-it-main .contents p { margin:0; font-weight:600; }
.bbn-it-main .contents ul { columns:2; padding-left:20px; margin:8px 0 0; }
.bbn-it-main .contents li { break-inside:avoid; margin:5px 0; }
.bbn-it-main section { margin:40px 0; padding-top:12px; }
.bbn-it-main section > p, .bbn-it-main section > ol, .bbn-it-main section > ul { max-width:950px; }
.bbn-it-main section > h3 { font-size:21px; margin-top:26px; }
.bbn-it-main .name-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:24px 0; }
.bbn-it-main .name-card { display:block; background:#fff; border:1px solid var(--bbn-border); border-radius:12px; padding:24px; box-shadow:0 3px 12px #3a519207; color:var(--bbn-text); }
.bbn-it-main .name-card:target { outline:3px solid var(--bbn-gold); outline-offset:3px; }
.bbn-it-main .name-card h3 { font-size:26px; margin:0 0 7px; color:var(--bbn-blue-dark); }
.bbn-it-main .name-card p { font-size:15px; line-height:1.7; margin:12px 0; }
.bbn-it-main .name-meta { color:var(--bbn-warm-gray); font-size:13px!important; }
.bbn-it-main .pronunciation span { font-family:Georgia,'Times New Roman',serif; font-size:18px; }
.bbn-it-main .stat { background:#f0f3fa; border-radius:6px; padding:10px 12px; }
.bbn-it-main .selection-reason { border-left:3px solid var(--bbn-coral-light); padding-left:12px; }
.bbn-it-main .name-sources { font-size:13px; border-top:1px solid var(--bbn-border); padding-top:10px; margin-top:16px; overflow-wrap:anywhere; }
.bbn-it-main .name-sources p { font-size:13px; }
.bbn-it-main .name-sources summary { cursor:pointer; color:var(--bbn-blue-dark); font-weight:600; }
.bbn-it-main .credit { color:var(--bbn-warm-gray); }
.bbn-it-main .catalogue-filter { display:flex; flex-wrap:wrap; gap:12px; padding:20px; background:#fff; border:1px solid var(--bbn-border); border-radius:10px; }
.bbn-it-main .catalogue-filter label { font-size:13px; display:flex; flex-direction:column; gap:4px; }
.bbn-it-main .catalogue-filter input, .bbn-it-main .catalogue-filter select, .bbn-it-main .catalogue-filter button { font:inherit; font-size:16px; border:1px solid #a6afc5; border-radius:5px; background:#fff; padding:8px 10px; max-width:100%; }
.bbn-it-main .catalogue-filter button { align-self:center; cursor:pointer; color:var(--bbn-blue-dark); }
.bbn-it-main .filter-status { font-size:14px; margin:0; align-self:center; }
.bbn-it-main .table-scroll { overflow:auto; margin:24px 0; }
.bbn-it-main table { border-collapse:collapse; background:#fff; width:100%; font-size:15px; }
.bbn-it-main caption { caption-side:top; font-size:14px; text-align:left; padding:10px 0; color:var(--bbn-warm-gray); }
.bbn-it-main td, .bbn-it-main th { text-align:left; padding:12px 16px; border-bottom:1px solid var(--bbn-border); }
.bbn-it-main thead { background:#e9edf7; }
.bbn-it-main .shortlist { columns:2; column-gap:34px; list-style:none; padding-left:0; }
.bbn-it-main .shortlist li { break-inside:avoid; margin-bottom:16px; font-size:15px; }
.bbn-it-main .related { padding:14px 18px; background:var(--bbn-coral-pale); border-radius:8px; }
.bbn-it-main .article-footer { margin-top:46px; border-top:1px solid var(--bbn-border); padding-top:15px; font-size:13px; color:var(--bbn-warm-gray); }
.bbn-it-main [hidden] { display:none!important; }
.bbn-it-main code { overflow-wrap:anywhere; }
.bbn-it-footer { padding:32px 0; }
.bbn-it-footer-title { font-size:21px; font-weight:600; }
.bbn-it-footer nav { display:flex; flex-wrap:wrap; gap:10px 22px; font-size:14px; }
.bbn-it-copyright { font-size:12px; margin:22px 0 0; }
.bbn-it-skip { position:absolute; top:-100px; left:16px; z-index:10; background:#fff; padding:10px; }
.bbn-it-skip:focus { top:10px; }
@media(max-width:720px) {
 .bbn-it-brandbar { align-items:flex-start; gap:10px; }
 .bbn-it .bbn-brand { font-size:24px; gap:3px; }
 .bbn-it .bbn-brand-logo { width:32px; height:32px; }
 .bbn-it-languages { flex-direction:column; gap:5px; font-size:12px; }
 .bbn-it .bbn-it-tagline { font-size:12px; max-width:220px; }
 .bbn-it-main { padding:24px 16px 48px; }
 .bbn-it-main .name-grid { grid-template-columns:1fr; }
 .bbn-it-main .contents ul, .bbn-it-main .shortlist { columns:1; }
 .bbn-it-main .name-card { padding:20px; }
 .bbn-it-main h2 { font-size:23px; }
 .bbn-it-nav > div { gap:4px 18px; }
}

/* Discovery links and native, keyboard-accessible collection navigation. */
.bbn-it-collections { position:relative; padding:5px 0; font-size:14px; }
.bbn-it-collections summary { cursor:pointer; color:var(--bbn-blue-dark); }
.bbn-it-current-group { font-weight:700; }
.bbn-it-collection-links { position:absolute; z-index:20; top:34px; left:0; width:440px; display:grid; grid-template-columns:1fr 1fr; gap:8px 20px; background:#fff; padding:18px; border:1px solid var(--bbn-border); border-radius:10px; box-shadow:0 8px 24px #24345a22; }
.bbn-it-nav .bbn-it-collection-links a { padding:8px 0; }
.bbn-it-discovery-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:24px 0; }
.bbn-it-discovery-grid a { display:block; border:1px solid var(--bbn-border); border-radius:10px; background:#fff; padding:20px; text-decoration:none; }
.bbn-it-discovery-grid a:hover { border-color:var(--bbn-blue); }
.bbn-it-discovery-grid strong { display:block; font-size:18px; }
.bbn-it-discovery-grid span { display:block; font-size:14px; color:var(--bbn-warm-gray); margin-top:6px; }
@media(max-width:720px) { .bbn-it-collection-links { position:static; width:min(440px,calc(100vw - 64px)); margin-top:10px; grid-template-columns:1fr; } .bbn-it-discovery-grid { grid-template-columns:1fr; } }

/* Name profiles and accessible statistical figures. */
.bbn-it-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0 14px;}
.bbn-it-metrics div {background:#fff;border:1px solid var(--bbn-border);border-radius:10px;padding:18px;}
.bbn-it-metrics dt {font-size:13px;font-weight:500;color:var(--bbn-warm-gray);}
.bbn-it-metrics dd {font-size:30px;font-weight:600;color:var(--bbn-blue-dark);margin:8px 0 0;}
.bbn-it-note,.bbn-it-chart figcaption {font-size:13px;color:var(--bbn-warm-gray);line-height:1.7;}
.bbn-it-chart {margin:24px 0;background:#fcfaf7;border:1px solid var(--bbn-border);padding:16px;border-radius:12px;}
.bbn-it-chart img {display:block;width:100%;height:auto;}
.bbn-it-chart figcaption {margin-top:12px;}
.bbn-it-ipa {font-family:Georgia,serif;}
.bbn-it-main td {font-variant-numeric:tabular-nums;}
@media(max-width:720px) {.bbn-it-metrics {grid-template-columns:repeat(2,minmax(0,1fr));}.bbn-it-chart{padding:6px;}.bbn-it-chart figcaption{padding:8px;}}