.ref-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--p-muted);padding:14px 0;line-height:1.6}.ref-breadcrumb [aria-current]{min-width:0;overflow-wrap:anywhere}.ref-categories{display:flex;flex-wrap:wrap;gap:6px 12px;padding:12px 8px;font-size:14px}.ref-categories a{padding:5px 9px;line-height:1.6}.ref-categories a[aria-current]{color:var(--p-accent);border-bottom:2px solid currentColor}.ref-carousel{position:relative;overflow:hidden;min-width:0;background:#f2f3f5}.ref-slide{display:block;position:relative;aspect-ratio:1.6}.ref-slide img{display:block;width:100%;height:100%;object-fit:cover}.ref-slide h2{position:absolute;left:0;right:0;bottom:0;margin:0;padding:24px 18px 16px;color:#fff;font-size:23px;line-height:1.5;background:linear-gradient(transparent,#000d);overflow-wrap:anywhere}.ref-carousel-controls{position:absolute;inset:42% 0 auto;display:flex;justify-content:space-between;pointer-events:none}.ref-carousel-controls button{border:0;width:36px;height:42px;background:#0007;color:white;font-size:30px;cursor:pointer;pointer-events:auto}.p-site [hidden]{display:none!important}.p-site [data-ref-filter] button{cursor:pointer}.p-site .ref-breadcrumb+ h1{margin-top:0}.p-site .p-main-column{min-width:0}.p-site .xs-signal-panel__links a{max-width:100%;overflow-wrap:anywhere;white-space:normal;text-align:center}.p-site .ref-slide:hover{color:#fff}.p-site .p-footer{clear:both}.p-site .ng-search-field input{color:inherit}.p-site .ng-search-results{color:inherit}
@media(max-width:600px){.ref-categories{gap:3px 7px;font-size:13px}.ref-categories a{padding:7px 6px}.ref-slide h2{font-size:18px;padding:28px 14px 14px}.ref-breadcrumb{font-size:11px;padding:12px 0}.p-site .xs-signal-panel__links a{min-height:44px}}

/* v5/v6 keep a single content column with compact image/text rows. */
.p-v5{--ref-surface:#181a1d;--ref-border:#2d3035;--ref-text:#f0f1f2;--ref-muted:#aaaeb5;--ref-image:#24282e;--ref-hover:#202328}
.p-v6{--ref-surface:#fff;--ref-border:#e7eaef;--ref-text:#252b33;--ref-muted:#747d89;--ref-image:#f1f4f7;--ref-hover:#f8fafc}
.p-site .ref-media-section{background:var(--ref-surface);border:1px solid var(--ref-border);border-radius:6px;padding:20px 24px;margin:24px 0;color:var(--ref-text);min-width:0;box-shadow:none}
.ref-media-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--ref-border);padding:0 0 16px;margin:0}
.p-site .ref-media-heading h2{font-size:20px;line-height:1.4;margin:0;font-weight:600;letter-spacing:.02em;color:var(--ref-text);padding:0;border:0}
.ref-media-heading>a{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ref-muted);white-space:nowrap;min-height:30px}
.ref-media-heading>a span{font-size:20px;line-height:1}
.p-site .ref-media-list{display:block;list-style:none;margin:0;padding:0}
.p-site .ref-media-list>li{display:block;margin:0;padding:0;min-width:0;counter-increment:none;border-bottom:1px solid var(--ref-border)}
.p-site .ref-media-list>li:last-child{border-bottom:0}
.p-site .ref-media-list>li:before{content:none}
.p-site .ref-media-list>li>a.ref-media-row{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:22px;min-width:0;padding:18px 0;white-space:normal;overflow:visible;border-radius:3px;color:var(--ref-text);transition:background-color .15s ease}
.p-site .ref-media-row:hover{background:var(--ref-hover)}
.ref-media-thumb{display:block;position:relative;min-width:0;aspect-ratio:45/28;background:var(--ref-image);overflow:hidden;border-radius:4px}
.ref-media-thumb img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.ref-media-thumb img[src$=".svg"]{object-fit:contain;padding:24px;opacity:.7}
.ref-media-copy{display:flex;flex-direction:column;gap:9px;min-width:0}
.p-site .ref-media-section .ref-media-title{font-size:18px;font-weight:600;line-height:1.55;margin:0;overflow-wrap:anywhere;color:var(--ref-text)}
.ref-media-row:hover .ref-media-title{color:var(--p-accent)}
.p-site .ref-media-summary{font-size:14px;line-height:1.7;color:var(--ref-muted);margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.ref-media-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px 16px;color:var(--ref-muted);font-size:12px;line-height:1.5}
.ref-media-meta>span:first-child{color:var(--p-accent)}
.ref-media-meta time{font-variant-numeric:tabular-nums}
.ref-media-meta .ref-media-action{margin-left:auto;color:var(--p-accent);display:flex;gap:8px;align-items:center}
.ref-media-play{position:absolute;right:9px;bottom:9px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#121820b3;border:1px solid #fff8}
.ref-media-play svg{width:19px;height:19px;fill:currentColor}
.p-site .ref-media-catalog{padding-top:4px;padding-bottom:4px}
.p-site .ref-media-list>li.ref-media-empty{padding:38px 12px;text-align:center;color:var(--ref-muted)}
@media(max-width:700px){.p-site .ref-media-section{padding:16px;margin:20px 0}.p-site .ref-media-list>li>a.ref-media-row{grid-template-columns:140px minmax(0,1fr);gap:16px}.p-site .ref-media-section .ref-media-title{font-size:16px}.p-site .ref-media-heading h2{font-size:18px}.p-site .ref-media-summary{font-size:13px}}
@media(max-width:480px){.p-site .ref-media-section{padding:14px}.ref-media-heading{padding-bottom:12px;gap:10px}.p-site .ref-media-heading h2{font-size:17px}.ref-media-heading>a{font-size:11px;gap:6px}.p-site .ref-media-list>li>a.ref-media-row{grid-template-columns:104px minmax(0,1fr);gap:13px;align-items:start;padding:16px 0}.ref-media-thumb{aspect-ratio:13/10}.ref-media-thumb img[src$=".svg"]{padding:20px}.ref-media-copy{gap:8px}.p-site .ref-media-section .ref-media-title{font-size:14px;line-height:1.6;font-weight:600}.p-site .ref-media-summary{display:none}.ref-media-meta{font-size:10px;gap:5px 10px}.ref-media-meta .ref-media-action{margin-left:0}.ref-media-play{width:24px;height:24px;right:6px;bottom:6px}.ref-media-play svg{width:16px;height:16px}.p-site .ref-media-catalog{padding-top:0;padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.p-site .ref-media-list>li>a.ref-media-row{transition:none}}

.p-site .v5-following>.ref-media-section,.p-site .v6-following>.ref-media-section{margin:0}.p-v6 .p-main-column>.ref-media-catalog{margin-top:0}
