/* v3.8: brand-faithful, individually designed mobile card layouts.
   Desktop CSS remains unchanged. One live record, one semantic HTML card. */
@container dct-card-viewport (max-width:610px){
 .dct-card{display:grid!important;position:relative;grid-template-columns:minmax(0,1fr);grid-template-areas:'headline' 'details' 'date' 'meta' 'action';gap:0!important;width:100%;min-width:0;margin:0 0 13px!important;border-radius:14px!important;box-shadow:0 5px 12px rgba(21,25,29,.1)!important;overflow:hidden}
 .dct-card__summary{display:contents!important;padding:0!important;margin:0!important;background:transparent!important;min-width:0}
 .dct-card__headline{grid-area:headline;position:relative;z-index:2;min-width:0;display:flex;flex-direction:column;gap:6px;padding:14px 15px 6px!important;background:transparent}
 .dct-card__body{grid-area:details;z-index:2;min-width:0;display:flex;flex-direction:column;gap:4px;padding:4px 15px 11px!important;background:transparent}
 .dct-card__brand{grid-area:brand;display:none!important;z-index:1;align-items:center;justify-content:center;min-width:0;position:relative;padding:0!important;margin:0!important}
 .dct-card__brand img{position:relative;z-index:2;max-width:85%;width:63px;height:63px;object-fit:contain;display:block}
 .dct-card__date-panel{grid-area:date;display:flex;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;text-align:left!important;gap:4px 9px!important;flex-wrap:wrap;padding:10px 14px!important;min-width:0;margin:0!important;border-radius:0!important;border:0!important;position:relative;z-index:2;background:#FFF0E8;color:#202326}
 .dct-card__date,.dct-card__weekday,.dct-card__time{font-size:.77rem!important;line-height:1.4!important;color:inherit!important;font-weight:800!important;margin:0!important;padding:0!important;border:0!important;text-align:inherit!important}
 .dct-card__date{font-size:.86rem!important;letter-spacing:-.015em!important}
 .dct-card__weekday{text-transform:capitalize!important;letter-spacing:0!important}
 .dct-card__time{display:inline-flex!important;align-items:center!important;gap:5px!important}
 .dct-card__time:before{content:''!important;display:inline-block!important;width:12px!important;height:12px!important;flex:none;border:2px solid #F4510B!important;border-radius:50%;background:linear-gradient(90deg,transparent 45%,#F4510B 45%,#F4510B 55%,transparent 55%) 50% 19%/5px 6px no-repeat!important}
 .dct-card__title,.site-main .content .dct-card .dct-card__title{font-size:clamp(.99rem,3.9vw,1.18rem)!important;line-height:1.27!important;letter-spacing:-.024em!important;font-weight:860!important;color:#202326!important}
 .dct-card__title a,.site-main .content .dct-card .dct-card__title a{color:inherit!important}
 .dct-card__description,.site-main .content .dct-card .dct-card__description{font-size:clamp(.76rem,3.3vw,.89rem)!important;line-height:1.43!important;color:#202326!important;font-weight:440!important}
 .dct-card__location,.dct-card__agency{font-size:.74rem!important;line-height:1.4!important}
 .dct-card__badges{gap:5px;max-width:100%;margin:0}
 .dct-card__status{padding:4px 9px;min-height:20px;font-size:.62rem;line-height:1.1;border-radius:8px;min-width:0!important;letter-spacing:.025em}
 .dct-card__historic{font-size:.62rem}
 .dct-card__meta{grid-area:meta;display:flex;gap:6px 13px;flex-wrap:wrap;align-items:center;min-width:0;margin:0!important;padding:9px 14px!important;background:#F7F7F7;border:0;z-index:2}
 .dct-card__place{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:3px 5px;min-width:0}
 .dct-card__place-label{font-size:.59rem;letter-spacing:.01em}
 .dct-card__place a{font-size:.75rem!important;line-height:1.35}
 .dct-card__place a:before{width:7px;height:7px;margin-right:5px}
 .dct-card__action{grid-area:action;display:flex;justify-content:flex-start;align-items:center;padding:7px 14px 11px!important;margin:0!important;background:#F7F7F7;min-width:0;z-index:2}
 .dct-card__action a{display:inline-flex;min-height:34px!important;border-radius:8px!important;padding:7px 11px!important;font-size:.73rem!important;line-height:1.2!important;white-space:nowrap}
 /* 01: logo and headline in charcoal masthead, facts on crisp white. */
 .dct-card--s01{grid-template-columns:84px minmax(0,1fr)!important;grid-template-areas:'brand headline' 'details details' 'date date' 'meta meta' 'action action'!important;border:1px solid #F4510B;border-top:3px solid #F4510B}
 .dct-card--s01 .dct-card__brand{display:flex!important;background:#202326!important;border:0!important;border-right:2px solid #F4510B;padding:9px!important}
 .dct-card--s01 .dct-card__headline{background:#202326;padding:12px 11px!important;justify-content:center}
 .dct-card--s01 .dct-card__title,.dct-card--s01 .dct-card__title a{color:#fff!important}
 .dct-card--s01 .dct-card__body{padding:12px 15px 9px!important}
 .dct-card--s01 .dct-card__date-panel{background:#fff!important;color:#202326!important;border-top:1px solid #E8E9EA!important}
 .dct-card--s01 .dct-card__meta,.dct-card--s01 .dct-card__action{background:#FFF0E8!important}
 .dct-card--s01 .dct-card__action a{background:#F4510B}
 /* 02: true persistent orange date rail beside editorial details. */
 .dct-card--s02{grid-template-columns:minmax(105px,32%) minmax(0,1fr)!important;grid-template-areas:'date headline' 'date details' 'date meta' 'date action'!important;border:1px solid #F4510B}
 .dct-card--s02:after{display:none}
 .dct-card--s02 .dct-card__date-panel{background:linear-gradient(155deg,#F4510B,#D94108)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:9px!important;color:#fff!important;padding:12px 8px!important}
 .dct-card--s02 .dct-card__date,.dct-card--s02 .dct-card__weekday,.dct-card--s02 .dct-card__time{color:#fff!important;font-size:.83rem!important}
 .dct-card--s02 .dct-card__date{font-size:1.04rem!important;line-height:1.25!important}
 .dct-card--s02 .dct-card__time:before{border-color:#fff!important}
 .dct-card--s02 .dct-card__headline{padding:14px 12px 5px!important}
 .dct-card--s02 .dct-card__body{padding:4px 12px 11px!important}
 .dct-card--s02 .dct-card__meta,.dct-card--s02 .dct-card__action{padding-left:12px!important;background:#FFF0E8!important}
 .dct-card--s02 .dct-card__action a{background:#F4510B}
 /* 03: slanted dark road identity totem and high-contrast details. */
 .dct-card--s03{grid-template-columns:minmax(100px,30%) minmax(0,1fr)!important;grid-template-areas:'brand headline' 'brand details' 'brand date' 'brand meta' 'brand action'!important;border:1px solid #41464B}
 .dct-card--s03:before{display:none}
 .dct-card--s03 .dct-card__brand{display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:23px 6px!important;background:linear-gradient(157deg,#202326 0%,#15191D 68%,#F4510B 70%,#202326 74%)!important;border-right:7px solid #F4510B!important}
 .dct-card--s03 .dct-card__headline{padding:13px 12px 4px!important}
 .dct-card--s03 .dct-card__body{padding:4px 12px 10px!important}
 .dct-card--s03 .dct-card__date-panel{background:#fff!important;color:#202326!important;padding:8px 11px!important;border-top:1px solid #E8E9EA!important}
 .dct-card--s03 .dct-card__meta,.dct-card--s03 .dct-card__action{background:#FFF0E8!important;padding-left:11px!important}
 .dct-card--s03 .dct-card__action a{background:#202326!important}
 /* 04: location-first press card, outlined orange, precise data panel. */
 .dct-card--s04{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:'headline' 'details' 'date' 'meta' 'action'!important;border:2px solid #F4510B}
 .dct-card--s04 .dct-card__headline{padding:16px 16px 4px 40px!important}
 .dct-card--s04 .dct-card__headline:before{content:'';position:absolute;left:14px;top:45px;width:13px;height:13px;background:#F4510B;border-radius:100% 100% 100% 0;transform:rotate(-45deg)}
 .dct-card--s04 .dct-card__body{padding:5px 15px 12px!important}
 .dct-card--s04 .dct-card__date-panel{background:#FFF0E8!important;color:#202326!important;border-block:1px solid #f5d9c6!important}
 .dct-card--s04 .dct-card__status{border-radius:50px}
 .dct-card--s04 .dct-card__meta,.dct-card--s04 .dct-card__action{background:#fff!important}
 /* 05: strong vertical charcoal date rail with orange cap. */
 .dct-card--s05{grid-template-columns:minmax(107px,32%) minmax(0,1fr)!important;grid-template-areas:'date headline' 'date details' 'date meta' 'date action'!important;border:2px solid #F4510B}
 .dct-card--s05 .dct-card__date-panel{display:flex!important;flex-direction:column!important;gap:8px!important;justify-content:center!important;text-align:center!important;align-items:center!important;margin:6px!important;padding:12px 7px!important;border-radius:11px!important;background:linear-gradient(180deg,#F4510B 0%,#F4510B 19%,#202326 19%,#15191D 100%)!important;color:#fff!important}
 .dct-card--s05 .dct-card__weekday,.dct-card--s05 .dct-card__date,.dct-card--s05 .dct-card__time{color:#fff!important;font-size:.84rem!important}
 .dct-card--s05 .dct-card__date{font-size:.99rem!important}
 .dct-card--s05 .dct-card__time{padding-top:8px!important;border-top:1px solid rgba(255,255,255,.35)!important}
 .dct-card--s05 .dct-card__time:before{border-color:#fff!important}
 .dct-card--s05 .dct-card__headline{padding:14px 12px 5px!important}
 .dct-card--s05 .dct-card__body{padding:5px 12px 10px!important}
 .dct-card--s05 .dct-card__meta,.dct-card--s05 .dct-card__action{padding-left:12px!important;background:#FFF0E8!important}
 .dct-card--s05 .dct-card__action a{background:#F4510B!important}
 /* 06: strong charcoal masthead followed by white digest and date rail. */
 .dct-card--s06{grid-template-areas:'headline' 'details' 'date' 'meta' 'action'!important;grid-template-columns:minmax(0,1fr)!important;border:1px solid #202326;border-top:4px solid #F4510B}
 .dct-card--s06 .dct-card__headline{background:#202326!important;padding:13px 15px!important}
 .dct-card--s06 .dct-card__headline .dct-card__title,.dct-card--s06 .dct-card__headline .dct-card__title a{color:#fff!important}
 .dct-card--s06 .dct-card__body{padding:12px 15px!important;background:#fff!important}
 .dct-card--s06 .dct-card__body :is(p,strong){color:#202326!important}
 .dct-card--s06 .dct-card__date-panel{background:#FFF0E8!important;border-top:1px solid #E8E9EA!important}
 .dct-card--s06 .dct-card__meta,.dct-card--s06 .dct-card__action{background:#fff!important}
 /* 07: large pin motif + charcoal location/source footer. */
 .dct-card--s07{grid-template-columns:63px minmax(0,1fr)!important;grid-template-areas:'brand headline' 'details details' 'date date' 'meta meta' 'action action'!important;border:2px solid #F4510B}
 .dct-card--s07 .dct-card__brand{display:block!important;background:#FFF0E8!important;position:relative}
 .dct-card--s07 .dct-card__brand:before{content:'';width:26px;height:26px;background:#F4510B;border-radius:60% 60% 60% 0;transform:rotate(-45deg);position:absolute;left:18px;top:22px}
 .dct-card--s07 .dct-card__brand:after{content:'';width:9px;height:9px;position:absolute;background:#fff;border-radius:50%;left:27px;top:29px}
 .dct-card--s07 .dct-card__headline{padding:13px 12px 9px!important}
 .dct-card--s07 .dct-card__body{padding:4px 14px 11px!important}
 .dct-card--s07 .dct-card__date-panel{background:#FFF0E8!important;color:#202326!important}
 .dct-card--s07 .dct-card__meta,.dct-card--s07 .dct-card__action{background:#202326!important}
 .dct-card--s07 .dct-card__place-label{color:#E8E9EA!important}
 .dct-card--s07 .dct-card__place a{color:#fff!important}
 .dct-card--s07 .dct-card__action a{background:#F4510B!important}
 /* 08: large logo mast with angled orange reveal, dense right-column facts. */
 .dct-card--s08{grid-template-columns:99px minmax(0,1fr)!important;grid-template-areas:'brand headline' 'brand details' 'brand date' 'brand meta' 'brand action'!important;border:2px solid #F4510B}
 .dct-card--s08 .dct-card__brand{display:flex!important;align-items:flex-start!important;padding:28px 5px!important;background:linear-gradient(115deg,#202326 65%,#F4510B 65%,#D94108 71%,#fff 71%)!important;border:0!important}
 .dct-card--s08 .dct-card__headline{padding:12px 10px 5px!important}
 .dct-card--s08 .dct-card__body{padding:4px 10px 9px!important}
 .dct-card--s08 .dct-card__date-panel{background:#fff!important;color:#202326!important;padding:7px 10px!important;border-top:1px solid #E8E9EA!important}
 .dct-card--s08 .dct-card__meta,.dct-card--s08 .dct-card__action{background:#FFF0E8!important;padding-left:10px!important}
 .dct-card--s08 .dct-card__action a{background:#F4510B!important}
 /* 09: orange road-timeline rail + calm compact editorial layout. */
 .dct-card--s09{grid-template-areas:'headline' 'details' 'date' 'meta' 'action'!important;grid-template-columns:minmax(0,1fr)!important;border:2px solid #F4510B;padding-top:12px!important}
 .dct-card--s09:before{content:'';position:absolute;top:0;left:0;right:0;height:10px;background:repeating-linear-gradient(90deg,#F4510B 0 22px,#fff 22px 29px,#F4510B 29px 40px)}
 .dct-card--s09 .dct-card__headline{padding:14px 15px 4px 39px!important}
 .dct-card--s09 .dct-card__headline:before{content:'';position:absolute;left:13px;top:43px;width:12px;height:12px;border-radius:50%;background:#F4510B;box-shadow:0 0 0 4px #FFF0E8}
 .dct-card--s09 .dct-card__body{padding:5px 15px 11px!important}
 .dct-card--s09 .dct-card__date-panel{background:#FFF0E8!important;color:#202326!important;border-top:1px solid #E8E9EA!important}
 .dct-card--s09 .dct-card__meta,.dct-card--s09 .dct-card__action{background:#F7F7F7!important}
 /* 10: CSS-only road motif, avoiding police imagery or heavy images. */
 .dct-card--s10{grid-template-columns:91px minmax(0,1fr)!important;grid-template-areas:'brand headline' 'brand details' 'brand date' 'brand meta' 'brand action'!important;border:1px solid #F4510B}
 .dct-card--s10 .dct-card__brand{display:block!important;background:#202326!important;position:relative;min-height:0!important}
 .dct-card--s10 .dct-card__brand:before{content:'';position:absolute;left:20px;top:35%;width:80px;height:140px;transform:rotate(-27deg);background:#15191D;border-left:10px solid #F4510B;border-right:3px solid #F4510B}
 .dct-card--s10 .dct-card__brand:after{content:'';position:absolute;left:44px;top:38%;height:90px;width:6px;transform:rotate(-27deg);background:repeating-linear-gradient(to bottom,#fff 0 13px,transparent 13px 25px)}
 .dct-card--s10 .dct-card__headline{padding:13px 11px 5px!important}
 .dct-card--s10 .dct-card__body{padding:5px 11px 9px!important}
 .dct-card--s10 .dct-card__date-panel{background:#F4510B!important;color:#fff!important;padding:8px 11px!important}
 .dct-card--s10 .dct-card__date,.dct-card--s10 .dct-card__weekday,.dct-card--s10 .dct-card__time{color:#fff!important}
 .dct-card--s10 .dct-card__time:before{border-color:#fff!important}
 .dct-card--s10 .dct-card__meta,.dct-card--s10 .dct-card__action{background:#F7F7F7!important;padding-left:11px!important}
 .dct-card--s10 .dct-card__action a{background:#202326!important}
}
@container dct-card-viewport (max-width:350px){
 .dct-card__title,.site-main .content .dct-card .dct-card__title{font-size:.96rem!important}
 .dct-card__description,.site-main .content .dct-card .dct-card__description{font-size:.75rem!important}
 .dct-card--s02,.dct-card--s05{grid-template-columns:100px minmax(0,1fr)!important}
 .dct-card--s03,.dct-card--s08,.dct-card--s10{grid-template-columns:86px minmax(0,1fr)!important}
 .dct-card__meta{gap:6px!important}
 .dct-card__headline{padding-inline:10px!important}
 .dct-card__body{padding-inline:10px!important}
}
/* Prevent desktop ornamental pseudo-elements from being painted inside mobile details. */
@container dct-card-viewport (max-width:610px){
 .dct-card--s04 .dct-card__summary::before,.dct-card--s07 .dct-card__summary::before,.dct-card--s09 .dct-card__summary::before{display:none!important;content:none!important}
 .site-main .content .dct-card--s01 .dct-card__headline .dct-card__title,
 .site-main .content .dct-card--s01 .dct-card__headline .dct-card__title a,
 .site-main .content .dct-card--s06 .dct-card__headline .dct-card__title,
 .site-main .content .dct-card--s06 .dct-card__headline .dct-card__title a{color:#FFFFFF!important}
}
/* Desktop compatibility: dark masthead stays readable after separating headline/body. */
.site-main .content .dct-card--s06 .dct-card__summary .dct-card__title,
.site-main .content .dct-card--s06 .dct-card__summary .dct-card__title a{color:#FFFFFF!important}
.site-main .content .dct-card--s06 .dct-card__summary .dct-card__description,
.site-main .content .dct-card--s06 .dct-card__summary .dct-card__location,
.site-main .content .dct-card--s06 .dct-card__summary .dct-card__agency{color:#E8E9EA!important}
@container dct-card-viewport (max-width:610px){
 .site-main .content .dct-card--s06 .dct-card__body .dct-card__description,
 .site-main .content .dct-card--s06 .dct-card__body .dct-card__location,
 .site-main .content .dct-card--s06 .dct-card__body .dct-card__agency{color:#202326!important}
}