.experience-widget{
  margin:32px 0;
  color:var(--text,#e5f4ff);
}
.experience-widget .widget-shell{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(56,189,248,.24);
  border-radius:22px;
  background:
    radial-gradient(circle at 12% 0%, rgba(34,211,238,.16), transparent 34%),
    linear-gradient(135deg, rgba(15,23,42,.94), rgba(2,6,23,.9));
  box-shadow:0 22px 70px rgba(0,0,0,.24);
}
.experience-widget .widget-shell::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, rgba(34,211,238,.08), transparent 42%, rgba(124,58,237,.12));
  pointer-events:none;
}
.experience-widget .widget-inner{
  position:relative;
  padding:28px;
}
.widget-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
  padding:7px 13px;
  border-radius:999px;
  background:rgba(34,211,238,.12);
  color:#67e8f9;
  font-size:.82rem;
  font-weight:800;
}
.experience-widget h2,
.experience-widget h3{
  color:#fff;
  font-weight:800;
  letter-spacing:0;
}
.experience-widget p{
  color:var(--muted,#b8c6d8);
  line-height:1.75;
}
.metric-list{
  display:grid;
  gap:17px;
}
.metric-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:center;
}
.metric-row span:first-child{
  font-weight:700;
}
.metric-stars{
  color:#22d3ee;
  letter-spacing:1px;
}
.metric-track{
  grid-column:1 / -1;
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(148,163,184,.18);
}
.metric-track i{
  display:block;
  width:var(--score,85%);
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#22d3ee,#8b5cf6);
}
.score-total{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:100%;
  padding:24px;
  border-radius:18px;
  background:rgba(2,6,23,.42);
  border:1px solid rgba(148,163,184,.18);
}
.score-total strong{
  font-size:3rem;
  line-height:1;
  color:#67e8f9;
}
.score-total small{
  margin-top:10px;
  color:var(--muted,#b8c6d8);
}
.pulse-list{
  display:grid;
  gap:14px;
}
.pulse-item{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:16px;
  align-items:start;
  padding:18px;
  border-radius:18px;
  border-left:3px solid #22d3ee;
  background:rgba(15,23,42,.72);
}
.pulse-icon{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(135deg,#06b6d4,#7c3aed);
}
.bdt-accordion .accordion-item{
  overflow:hidden;
  margin-bottom:12px;
  border:1px solid rgba(56,189,248,.22);
  border-radius:16px;
  background:rgba(15,23,42,.78);
}
.bdt-accordion .accordion-button{
  gap:12px;
  color:#fff;
  font-weight:800;
  background:transparent;
  box-shadow:none;
}
.bdt-accordion .accordion-button:not(.collapsed){
  color:#67e8f9;
  background:rgba(34,211,238,.08);
}
.bdt-accordion .accordion-button::after{
  filter:invert(1) grayscale(1);
}
.bdt-accordion .accordion-body{
  color:var(--muted,#b8c6d8);
  line-height:1.75;
}
.rule-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.rule-tile{
  position:relative;
  min-height:132px;
  padding:22px 22px 22px 24px;
  overflow:hidden;
  border:1px solid rgba(56,189,248,.22);
  border-radius:18px;
  background:rgba(15,23,42,.72);
}
.rule-tile::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(#22d3ee,#8b5cf6);
}
.rule-tile .tile-no{
  position:absolute;
  right:18px;
  bottom:8px;
  color:rgba(148,163,184,.12);
  font-size:4.2rem;
  font-weight:900;
  line-height:1;
}
.rule-tile h3{
  position:relative;
  display:flex;
  gap:10px;
  align-items:center;
  margin-bottom:10px;
  font-size:1.05rem;
}
.rule-tile p{
  position:relative;
  margin:0;
}
.tempo-board{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.tempo-step{
  padding:18px;
  min-height:146px;
  border-radius:18px;
  border:1px solid rgba(56,189,248,.2);
  background:rgba(2,6,23,.36);
}
.tempo-step b{
  display:block;
  margin-bottom:16px;
  color:#67e8f9;
  font-size:1.35rem;
}
.tempo-step span{
  display:block;
  color:#fff;
  font-weight:800;
  margin-bottom:8px;
}
.signal-bars{
  display:grid;
  gap:14px;
}
.signal-bar{
  display:grid;
  grid-template-columns:minmax(120px,170px) 1fr auto;
  align-items:center;
  gap:14px;
}
.signal-rail{
  height:10px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(148,163,184,.18);
}
.signal-rail i{
  display:block;
  width:var(--level,80%);
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#06b6d4,#7c3aed);
}
.mini-feed{
  display:grid;
  gap:14px;
}
.feed-item{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:14px 0;
  border-bottom:1px solid rgba(148,163,184,.16);
}
.feed-item:last-child{ border-bottom:0; }
.feed-item b{ color:#fff; }
.feed-item small{ color:#67e8f9; white-space:nowrap; }
.experience-widget.gold-accent .widget-shell{
  border-color:rgba(251,191,36,.28);
  background:
    radial-gradient(circle at 14% 0%, rgba(251,191,36,.14), transparent 32%),
    radial-gradient(circle at 88% 12%, rgba(34,211,238,.12), transparent 28%),
    linear-gradient(135deg, rgba(15,23,42,.96), rgba(2,6,23,.92));
}
.experience-widget.gold-accent .widget-shell::before{
  background:linear-gradient(120deg, rgba(251,191,36,.11), transparent 44%, rgba(34,211,238,.1));
}
.experience-widget.gold-accent .widget-kicker{
  background:rgba(251,191,36,.12);
  border:1px solid rgba(251,191,36,.24);
  color:#facc15;
}
.experience-widget.gold-accent .metric-stars,
.experience-widget.gold-accent .score-total strong,
.experience-widget.gold-accent .tempo-step b,
.experience-widget.gold-accent .feed-item small{
  color:#facc15;
}
.experience-widget.gold-accent .metric-track i,
.experience-widget.gold-accent .signal-rail i,
.experience-widget.gold-accent .rule-tile::before{
  background:linear-gradient(90deg,#facc15,#22d3ee);
}
.experience-widget.gold-accent .pulse-icon{
  color:#06111f;
  background:linear-gradient(135deg,#facc15,#22d3ee);
}
.experience-widget.gold-accent .bdt-accordion .accordion-button:not(.collapsed){
  color:#facc15;
  background:rgba(251,191,36,.08);
}
.experience-widget.gold-accent .bdt-accordion .accordion-item,
.experience-widget.gold-accent .rule-tile,
.experience-widget.gold-accent .tempo-step{
  border-color:rgba(251,191,36,.22);
}
.widget-lead{
  max-width:860px;
}
.widget-subtitle{
  margin-bottom:18px;
  color:#fff;
  font-weight:800;
}
.signal-bar strong{
  color:#fff;
}
.signal-bar em{
  color:#facc15;
  font-style:normal;
  font-weight:800;
}
.creative-module{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(56,189,248,.22);
  border-radius:22px;
  background:
    radial-gradient(circle at 14% 0%, rgba(34,211,238,.14), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(139,92,246,.12), transparent 30%),
    rgba(15,23,42,.88);
  box-shadow:0 20px 48px rgba(2,6,23,.38);
}
.creative-module::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, rgba(255,255,255,.04), transparent 44%, rgba(34,211,238,.08));
  pointer-events:none;
}
.creative-module > *{ position:relative; }
.creative-kicker{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  margin-bottom:1rem;
  padding:.45rem .85rem;
  border:1px solid rgba(6,182,212,.32);
  border-radius:999px;
  background:rgba(6,182,212,.12);
  color:#98f4ff;
  font-weight:800;
  font-size:.9rem;
}
.orbit-map{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
}
.orbit-node{
  min-height:168px;
  padding:1.25rem;
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;
  background:rgba(2,6,23,.36);
}
.orbit-node strong{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  margin-bottom:.9rem;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(135deg,#06b6d4,#8b5cf6);
}
.split-board{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}
.split-panel{
  padding:1.3rem;
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;
  background:rgba(2,6,23,.34);
}
.split-panel.is-positive{ border-left:4px solid #22d3ee; }
.split-panel.is-careful{ border-left:4px solid #facc15; }
.split-line{
  display:flex;
  gap:.75rem;
  padding:.85rem 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.split-line:last-child{ border-bottom:0; }
.pipeline{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.8rem;
}
.pipe-step{
  position:relative;
  padding:1.1rem;
  min-height:162px;
  border-radius:18px;
  border:1px solid rgba(56,189,248,.22);
  background:rgba(2,6,23,.38);
}
.pipe-step b{
  display:block;
  margin-bottom:.7rem;
  color:#67e8f9;
}
.mood-gauge{
  display:grid;
  gap:.9rem;
}
.gauge-row{
  display:grid;
  grid-template-columns:140px 1fr auto;
  align-items:center;
  gap:1rem;
}
.gauge-track{
  height:12px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(148,163,184,.16);
}
.gauge-track i{
  display:block;
  width:var(--level,50%);
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#22d3ee,#8b5cf6);
}
.passport{
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  background:linear-gradient(135deg, rgba(2,6,23,.72), rgba(15,23,42,.82));
}
.passport-strip{
  border-radius:18px;
  background:linear-gradient(135deg,#06b6d4,#8b5cf6);
  min-height:100%;
}
.stamp-list{
  display:grid;
  gap:.75rem;
}
.stamp-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.85rem 1rem;
  border:1px dashed rgba(103,232,249,.35);
  border-radius:14px;
  background:rgba(6,182,212,.06);
}
.console-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:1rem;
}
.console-screen{
  padding:1.25rem;
  border:1px solid rgba(103,232,249,.25);
  border-radius:18px;
  background:#020617;
  font-family:Consolas, monospace;
}
.console-dot{
  display:inline-block;
  width:10px;
  height:10px;
  margin-right:.5rem;
  border-radius:50%;
  background:#22d3ee;
  box-shadow:0 0 16px rgba(34,211,238,.8);
}
.switchboard{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.switch-link{
  display:block;
  padding:1.25rem;
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;
  background:rgba(2,6,23,.36);
  color:#fff;
  text-decoration:none;
}
.switch-link:hover{
  color:#fff;
  border-color:rgba(103,232,249,.42);
  transform:translateY(-2px);
}
.bdt-extra-image-grid{
  margin-block:clamp(1.5rem,4vw,3rem);
}
section.bdt-extra-image-grid{
  padding-top:clamp(1rem,3vw,2rem);
  padding-bottom:clamp(1rem,3vw,2rem);
}
.bdt-extra-image-grid .content-card{
  background:linear-gradient(135deg, rgba(15,23,42,.78), rgba(2,6,23,.72));
  border:1px solid rgba(103,232,249,.18);
  box-shadow:0 16px 34px rgba(2,6,23,.28);
}
.bdt-extra-image-grid img{
  display:block;
  width:100%;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 12px 28px rgba(2,6,23,.3);
}
@media (max-width:991.98px){
  .tempo-board,.rule-grid{ grid-template-columns:1fr 1fr; }
  .orbit-map,.pipeline{ grid-template-columns:1fr 1fr; }
  .console-grid{ grid-template-columns:1fr; }
}
@media (max-width:575.98px){
  .experience-widget .widget-inner{ padding:20px; }
  .tempo-board,.rule-grid{ grid-template-columns:1fr; }
  .signal-bar{ grid-template-columns:1fr; }
  .score-total{ min-height:auto; }
  .orbit-map,.pipeline,.split-board,.switchboard{ grid-template-columns:1fr; }
  .gauge-row{ grid-template-columns:1fr; }
}