/* Page: /defence-success-record/ — "Trophy wall": framed plaque tiles with gold cups on a tiled wall */
.p-defence-success-record{--cup:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2h12v2h4v4a5 5 0 0 1-5 5h-.4A6 6 0 0 1 13 15.9V19h4v3H7v-3h4v-3.1A6 6 0 0 1 7.4 13H7a5 5 0 0 1-5-5V4h4zm0 4H4v2a3 3 0 0 0 2 2.8zm12 0v4.8A3 3 0 0 0 20 8V6z'/%3E%3C/svg%3E")}
.p-defence-success-record .prose{max-width:none}
.p-defence-success-record .pc{padding:22px;background:var(--stone) linear-gradient(rgb(255 255 255 / .55) 1px,transparent 1px) 0 0/100% 64px,var(--stone);background-image:linear-gradient(rgb(255 255 255 / .6) 2px,transparent 2px),linear-gradient(90deg,rgb(255 255 255 / .6) 2px,transparent 2px);background-size:96px 64px}
.p-defence-success-record .lede{margin-bottom:26px;padding:24px 28px 20px;background:#fff;border:6px solid var(--olive-900);outline:2px solid var(--brass);outline-offset:-12px;text-align:center}
.p-defence-success-record .lede p{max-width:70ch;margin-inline:auto}
.p-defence-success-record .lede p:last-child{margin-bottom:0}
.p-defence-success-record .blk{position:relative;margin:0 0 26px;padding:58px 30px 24px;background:#fff;border:6px solid var(--olive-900);box-shadow:0 14px 24px -14px rgb(18 27 20 / .5)}
.p-defence-success-record .blk--even{border-color:var(--brass-700)}
.p-defence-success-record .blk::before{content:"";position:absolute;left:50%;top:-6px;width:56px;height:50px;transform:translateX(-50%);background:var(--olive-900);clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%)}
.p-defence-success-record .blk--even::before{background:var(--brass-700)}
.p-defence-success-record .blk::after{content:"";position:absolute;left:50%;top:4px;width:26px;height:26px;transform:translateX(-50%);background:var(--gold);-webkit-mask:var(--cup) center/contain no-repeat;mask:var(--cup) center/contain no-repeat}
.p-defence-success-record .blk h2{margin:0 auto 16px;max-width:30ch;text-align:center;font-size:clamp(23px,2.4vw,30px);color:var(--olive-900)}
.p-defence-success-record .blk h2::after{content:"";display:block;width:120px;height:3px;margin:10px auto 0;background:linear-gradient(90deg,transparent,var(--brass),transparent)}
.p-defence-success-record .blk__b{max-width:72ch;margin-inline:auto}
.p-defence-success-record .blk__b>:last-child{margin-bottom:0}
.p-defence-success-record .blk h3{display:table;margin:1.4em auto .6em;padding:6px 18px;background:var(--brass-tint);border:1px solid var(--brass);font-size:20px;color:var(--brass-700);text-align:center}
.p-defence-success-record .blk h3:first-child{margin-top:0}
.p-defence-success-record .blk ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:0;list-style:none}
.p-defence-success-record .blk li{position:relative;margin:0;padding:40px 14px 14px;background:var(--stone-2);border:1px solid var(--line);border-bottom:3px solid var(--brass);text-align:center;font-size:16px;line-height:1.5}
.p-defence-success-record .blk li::before{content:"";position:absolute;left:50%;top:12px;width:20px;height:20px;transform:translateX(-50%);background:var(--brass-700);-webkit-mask:var(--cup) center/contain no-repeat;mask:var(--cup) center/contain no-repeat}
.p-defence-success-record .blk li strong{display:block;color:var(--olive-900)}
@media (max-width:640px){
  .p-defence-success-record .pc{padding:10px}
  .p-defence-success-record .lede{padding:20px 18px 16px;border-width:4px;outline-offset:-9px}
  .p-defence-success-record .blk{padding:52px 16px 18px;border-width:4px}
  .p-defence-success-record .blk ul{grid-template-columns:1fr}
}
