#cpBriefModal{
  position:fixed;
  inset:0;
  z-index:400;
  display:none;
  align-items:flex-start;
  justify-content:center;
  padding:clamp(20px,5vh,64px) 20px;
  background:rgba(8,4,12,.72);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  overflow-y:auto;
}
#cpBriefModal.open{display:flex}
html.cp-brief-open{overflow:hidden}

.brief-card{
  position:relative;
  width:min(760px,100%);
  background:var(--panel);
  border:1px solid var(--brd-2);
  border-top:3px solid var(--berry);
  border-radius:var(--r-xl,14px);
  box-shadow:0 40px 120px -30px rgba(0,0,0,.8);
  padding:clamp(22px,3vw,34px);
  animation:briefIn .26s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes briefIn{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}

.brief-close{
  position:absolute;top:14px;right:14px;
  width:34px;height:34px;border-radius:50%;
  background:rgba(255,255,255,.06);
  border:1px solid var(--brd-2);
  color:var(--ink);font-size:14px;cursor:pointer;
  transition:background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease);
}
.brief-close:hover{background:var(--berry);border-color:var(--berry);color:#fff;transform:translateY(-1px)}
.brief-close:focus-visible{outline:2px solid #ff6aa6;outline-offset:2px}

.brief-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px;padding-right:40px}
.brief-ic{font-size:30px;line-height:1}
.brief-kick{
  font:800 10.5px/1 'Poppins',system-ui,Arial,sans-serif;
  letter-spacing:.2em;text-transform:uppercase;color:var(--berry-dk);margin-bottom:7px;
}
.brief-card h3{font-size:21px;margin:0}

.brief-intro{font-size:14.5px;line-height:1.62;margin-bottom:18px}
.brief-card .mini-k{margin-top:18px}
.brief-card p{font-size:13.5px;line-height:1.6;margin:0}
.brief-list{margin:0}
.brief-list li{font-size:13.5px;line-height:1.55;margin-bottom:6px}


.brief-pkgs{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.brief-pkg{
  flex:1 1 200px;
  background:var(--panel-2);
  border:1px solid var(--brd);
  border-radius:10px;
  padding:13px 15px;
}
.brief-pkg-n{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.brief-pkg-p{font-size:19px;font-weight:800;color:var(--berry-dk);margin:3px 0 5px}
.brief-pkg-d{font-size:12.5px;color:var(--muted);line-height:1.45}

.brief-warn{
  margin-top:10px !important;
  font-size:12px !important;
  color:var(--amber);
  background:var(--amber-bg);
  border:1px solid rgba(255,184,77,.3);
  border-radius:8px;
  padding:9px 12px;
}


.brief-hear{
  margin-top:20px;
  padding:14px 16px;
  border-left:3px solid var(--berry);
  background:var(--wash);
  border-radius:0 10px 10px 0;
}
.brief-hear .mini-k{margin-top:0}
.brief-hear p{font-style:italic;font-size:14.5px;color:var(--ink)}


.brief-card-tile{cursor:pointer}
.brief-card-tile:focus-visible{outline:2px solid #ff6aa6;outline-offset:3px}


html.cp-light #cpBriefModal{background:rgba(30,20,35,.45)}
html.cp-light .brief-close{background:#fff;color:var(--ink)}

@media (prefers-reduced-motion:reduce){
  .brief-card{animation:none}
  .brief-close:hover{transform:none}
}