/* r51 — 3D card skin. Presentation only; no access or delivery logic depends on it.
   Hooks: .gateway-card[data-node-type][data-ordinal], .gateway-item[data-item-type], .content-filters,
   .student-home-card, .plan-choice, .learning-compact-card, .learning-stats>*, .home-live-panel. */
:root{
  --c3-card:linear-gradient(180deg,#1b3858 0%,#132a45 100%);
  --c3-edge:#0a1b2f;
  --c3-lift:inset 0 1px 0 rgba(255,255,255,.14),0 3px 0 var(--c3-edge),0 20px 34px -14px rgba(0,0,0,.8);
  --c3-lift-hover:inset 0 1px 0 rgba(255,255,255,.18),0 3px 0 var(--c3-edge),0 26px 40px -14px rgba(0,0,0,.9);
  --c3-sunk:inset 0 2px 4px rgba(0,0,0,.55),inset 0 -1px 0 rgba(255,255,255,.08);
  --c3-text:#f1f5fb;--c3-muted:#a9b8cc;
  /* path-card icons (used as masks, coloured by --c3-ink) */
  --c3-m-book:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V5a2 2 0 0 1 2-2h12v18H6a2 2 0 0 1-2-2z'/%3E%3Cpath d='M8 7h6'/%3E%3Cpath d='M8 11h4'/%3E%3C/svg%3E");
  --c3-m-layers:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 2 7 12 12 22 7 12 2'/%3E%3Cpolyline points='2 17 12 22 22 17'/%3E%3Cpolyline points='2 12 12 17 22 12'/%3E%3C/svg%3E");
  --c3-m-calendar:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
  --c3-m-path:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='19' r='3'/%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Cpath d='M9 19h6a3 3 0 0 0 0-6H9a3 3 0 0 1 0-6h6'/%3E%3C/svg%3E");
}

/* ---------- shared 3D surface ---------- */
.gateway-card,.gateway-item,#gateway-workspace .student-home-card,.learning-compact-card,.home-live-panel{
  background:var(--c3-card);border:0;box-shadow:var(--c3-lift);border-radius:18px;color:var(--c3-text);
  transition:transform .18s ease,box-shadow .18s ease}
@media(hover:hover){
  button.gateway-card:hover,.gateway-item:hover,.plan-choice:hover .gateway-card{transform:translateY(-3px);box-shadow:var(--c3-lift-hover)}}
button.gateway-card:active{transform:translateY(1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 var(--c3-edge),0 8px 16px -8px rgba(0,0,0,.8)}
.gateway-card:focus-visible,.gateway-item :focus-visible,.content-filters button:focus-visible{outline:2px solid #f4c66f;outline-offset:3px}

/* ---------- content item cards: cover + raised icon tile + type badge + verb button ---------- */
.gateway-item[data-item-type]{position:relative;overflow:hidden;padding:0 18px 18px;gap:10px;
  --c3-1:#a9b8cc;--c3-2:#5d718a;--c3-k:#33465c;--c3-ink:#0d1a2b;--c3-cover:#1d3048;
  --c3-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d1a2b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 2 7 12 12 22 7 12 2'/%3E%3Cpolyline points='2 17 12 22 22 17'/%3E%3Cpolyline points='2 12 12 17 22 12'/%3E%3C/svg%3E")}
.gateway-item[data-item-type="video"]{--c3-1:#a6d5ff;--c3-2:#4f9ee6;--c3-k:#2b679e;--c3-ink:#08223f;--c3-cover:#173c63;
  --c3-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon points='8 5 19 12 8 19 8 5' fill='%2308223f'/%3E%3C/svg%3E")}
.gateway-item[data-item-type="pdf"],.gateway-item[data-item-type="file"]{--c3-1:#f6cf78;--c3-2:#c98f2a;--c3-k:#7d5612;--c3-ink:#3d2a05;--c3-cover:#362c17;
  --c3-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233d2a05' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='8' y1='13' x2='16' y2='13'/%3E%3Cline x1='8' y1='17' x2='13' y2='17'/%3E%3C/svg%3E")}
.gateway-item[data-item-type="image"]{--c3-1:#8fe6d8;--c3-2:#2f9886;--c3-k:#1c5e53;--c3-ink:#0f3b34;--c3-cover:#163e3c;
  --c3-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f3b34' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.1-3.1a2 2 0 0 0-2.8 0L6 21'/%3E%3C/svg%3E")}
.gateway-item[data-item-type="quiz"]{--c3-1:#d6c9ff;--c3-2:#8a6fe8;--c3-k:#4e3aa3;--c3-ink:#1f1650;--c3-cover:#2a244c;
  --c3-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f1650' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='2' width='8' height='4' rx='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='m9 14 2 2 4-4'/%3E%3C/svg%3E")}
/* cover band */
.gateway-item[data-item-type]::before{content:"";display:block;align-self:stretch;margin:0 -18px 4px;height:96px;flex:none;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(0,0,0,.2)),var(--c3-cover);box-shadow:inset 0 -14px 24px rgba(0,0,0,.35)}
/* raised icon tile on the cover */
.gateway-item[data-item-type]::after{content:"";position:absolute;top:22px;left:50%;width:52px;height:52px;margin-left:-26px;border-radius:15px;pointer-events:none;
  background:var(--c3-icon) center/24px no-repeat,linear-gradient(180deg,var(--c3-1),var(--c3-2));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 0 var(--c3-k),0 10px 16px rgba(0,0,0,.5)}
/* type badge (the existing <small>) */
.gateway-item[data-item-type] > small:first-child{display:inline-block;font-size:.78rem;font-weight:800;color:var(--c3-1);padding:2px 10px;border-radius:999px;
  background:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 2px 4px rgba(0,0,0,.35)}
.gateway-item[data-item-type] > h3{line-height:1.5}
/* verb buttons in the type colour */
.gateway-item button,.gateway-item .live-action{border:0;border-radius:12px;min-height:44px;font-weight:800;cursor:pointer;
  color:var(--c3-ink,#2b1d02);background:linear-gradient(180deg,var(--c3-1,#f6cf78),var(--c3-2,#e2a83c));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 0 var(--c3-k,#9c6d18),0 9px 14px rgba(0,0,0,.45);transition:transform .1s ease,box-shadow .1s ease}
.gateway-item button:active,.gateway-item .live-action:active{transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 1px 0 var(--c3-k,#9c6d18),0 3px 6px rgba(0,0,0,.4)}
.gateway-item button:disabled{opacity:.6;cursor:default}
.gateway-item .gateway-muted{color:var(--c3-muted)}
.gateway-item[data-item-type] > .learning-progress-state{width:100%}

/* ---------- type filter chips ---------- */
.content-filters{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 4px;padding-bottom:4px}
.content-filters button{border:0;min-height:36px;padding:5px 16px;border-radius:999px;font:inherit;font-size:.9rem;font-weight:800;cursor:pointer;color:#2b1d02;
  background:linear-gradient(180deg,#f6cf78,#e2a83c);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 3px 0 #9c6d18,0 7px 12px rgba(0,0,0,.45)}
.content-filters button[aria-pressed="false"]{color:#dbe5f3;font-weight:600;background:#0d1f35;box-shadow:var(--c3-sunk)}

/* ---------- path cards (term / stage / grade / subject / other levels) ---------- */
.gateway-card[data-node-type]{position:relative;padding-inline-start:84px;min-height:84px;justify-content:center;
  --c3-1:#a9b8cc;--c3-2:#5d718a;--c3-k:#33465c;--c3-ink:#0d1a2b;--c3-mask:var(--c3-m-path)}
.gateway-card[data-node-type]::before{content:"";position:absolute;inset-inline-start:16px;top:50%;width:52px;height:52px;margin-top:-26px;border-radius:15px;
  background:linear-gradient(180deg,var(--c3-1),var(--c3-2));box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 0 var(--c3-k),0 10px 14px rgba(0,0,0,.45)}
.gateway-card[data-node-type]::after{content:"";position:absolute;inset-inline-start:16px;top:50%;width:52px;height:52px;margin-top:-26px;
  background:var(--c3-ink);-webkit-mask:var(--c3-mask) center/24px no-repeat;mask:var(--c3-mask) center/24px no-repeat}
.gateway-card[data-node-type="term"]{--c3-1:#d6c9ff;--c3-2:#8a6fe8;--c3-k:#4e3aa3;--c3-ink:#1f1650;--c3-mask:var(--c3-m-calendar)}
.gateway-card[data-node-type="stage"]{--c3-1:#8fe6d8;--c3-2:#2f9886;--c3-k:#1c5e53;--c3-ink:#0f3b34;--c3-mask:var(--c3-m-layers)}
.gateway-card[data-node-type="grade"]{--c3-1:#a6d5ff;--c3-2:#4f9ee6;--c3-k:#2b679e;--c3-ink:#08223f;--c3-mask:var(--c3-m-layers)}
.gateway-card[data-node-type="subject"]{--c3-1:#f6cf78;--c3-2:#c98f2a;--c3-k:#7d5612;--c3-ink:#3d2a05;--c3-mask:var(--c3-m-book)}
.gateway-card[data-node-type="unit"]{--c3-1:#8fe6d8;--c3-2:#2f9886;--c3-k:#1c5e53;--c3-ink:#0f3b34;--c3-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E")}
.gateway-card[data-node-type="lesson"],.gateway-card[data-node-type="video"]{--c3-1:#a6d5ff;--c3-2:#4f9ee6;--c3-k:#2b679e;--c3-ink:#08223f;--c3-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='8 5 19 12 8 19 8 5'/%3E%3C/svg%3E")}
.gateway-card[data-node-type="exam_review"]{--c3-1:#d6c9ff;--c3-2:#8a6fe8;--c3-k:#4e3aa3;--c3-ink:#1f1650;--c3-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z'/%3E%3C/svg%3E")}
/* teacher: round gold coin with the teacher initial */
.gateway-card[data-node-type="teacher"]::before{border-radius:999px;background:radial-gradient(circle at 34% 28%,#fff1c9 0%,#f0c25c 45%,#a8761c 100%);box-shadow:0 8px 14px rgba(0,0,0,.5),inset 0 -4px 8px rgba(0,0,0,.2)}
.gateway-card[data-node-type="teacher"][data-initial]::before{content:attr(data-initial);display:grid;place-items:center;font-size:1.35rem;font-weight:800;color:#3d2a05}
.gateway-card[data-node-type="teacher"][data-initial]::after{display:none}
.gateway-card[data-node-type="teacher"]{--c3-ink:#3d2a05;--c3-mask:var(--c3-m-path)}
/* grade with a known number: an embossed numeral replaces the icon tile */
.gateway-card[data-node-type="grade"][data-ordinal]::before{content:attr(data-ordinal);background:none;box-shadow:none;width:60px;height:60px;margin-top:-30px;
  display:grid;place-items:center;font-size:2.6rem;font-weight:800;line-height:1;color:#f6cf78;text-shadow:0 3px 0 #8a5f12,0 8px 12px rgba(0,0,0,.55)}
.gateway-card[data-node-type="grade"][data-ordinal]::after{display:none}
.path-ancestor-level .gateway-card[aria-pressed=true]{outline:2px solid #e8b04b;outline-offset:-2px;box-shadow:var(--c3-lift),0 0 0 4px rgba(232,176,75,.14)}

/* ---------- home section cards ---------- */
#gateway-workspace .student-home-card .student-home-icon{background:linear-gradient(180deg,#f6cf78,#c98f2a);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 3px 0 #7d5612,0 8px 12px rgba(0,0,0,.45)}
#gateway-workspace .student-home-card .student-home-icon:before{background:#3d2a05;filter:none}
#gateway-workspace .student-home-card[data-section="subscriptions"]{background:linear-gradient(180deg,#3a3018,#282112);
  box-shadow:inset 0 1px 0 rgba(246,207,120,.35),0 3px 0 #17120a,0 20px 34px -14px rgba(0,0,0,.85)}

/* ---------- plans ---------- */
.plan-choice .gateway-card{transition:transform .18s ease,box-shadow .18s ease}
.plan-choice:has(input:checked) .gateway-card{outline:2px solid #e8b04b;outline-offset:-2px;transform:translateY(-4px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 3px 0 var(--c3-edge),0 26px 42px -14px rgba(0,0,0,.9),0 0 0 5px rgba(232,176,75,.12)}
.plan-selection,.plan-continue-bar{border:0;box-shadow:inset 0 1px 0 rgba(246,207,120,.3),0 3px 0 var(--c3-edge),0 18px 30px -12px rgba(0,0,0,.85)}

/* ---------- progress ---------- */
.learning-stats>*{border-radius:16px;background:var(--c3-card);box-shadow:var(--c3-lift)}
.learning-compact-meter progress,.learning-progress-state progress{-webkit-appearance:none;appearance:none;height:6px;border:0;border-radius:999px;background:#0a1a2e;box-shadow:inset 0 1px 2px rgba(0,0,0,.6)}
.learning-compact-meter progress::-webkit-progress-bar,.learning-progress-state progress::-webkit-progress-bar{background:#0a1a2e;border-radius:999px}
.learning-compact-meter progress::-webkit-progress-value,.learning-progress-state progress::-webkit-progress-value{background:linear-gradient(180deg,#a6d5ff,#4f9ee6);border-radius:999px}
.learning-compact-meter progress::-moz-progress-bar,.learning-progress-state progress::-moz-progress-bar{background:linear-gradient(180deg,#a6d5ff,#4f9ee6);border-radius:999px}

/* ---------- live ---------- */
.home-live-icon{box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 3px 0 #93361f,0 8px 12px rgba(0,0,0,.45)}

/* ---------- phones: compact rows, lighter shadows ---------- */
@media(max-width:520px){
  :root{--c3-lift:inset 0 1px 0 rgba(255,255,255,.14),0 2px 0 var(--c3-edge),0 10px 18px -10px rgba(0,0,0,.75)}
  .gateway-item[data-item-type]{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:12px;row-gap:6px;padding:12px;align-items:center}
  .gateway-item[data-item-type]::before{content:none}
  .gateway-item[data-item-type]::after{position:static;margin:0;width:48px;height:48px;grid-column:1;grid-row:1/span 2;align-self:center}
  .gateway-item[data-item-type] > small:first-child{grid-column:2;grid-row:1;justify-self:start}
  .gateway-item[data-item-type] > h3{grid-column:2;grid-row:2;font-size:1rem}
  .gateway-item[data-item-type] > :not(small:first-child):not(h3){grid-column:1/-1}
}

/* ---------- light theme ---------- */
html[data-theme="light"]{
  --c3-card:linear-gradient(180deg,#ffffff 0%,#eef4fa 100%);--c3-edge:#c6d4e3;
  --c3-lift:inset 0 1px 0 #fff,0 3px 0 var(--c3-edge),0 16px 28px -14px rgba(28,52,82,.35);
  --c3-lift-hover:inset 0 1px 0 #fff,0 3px 0 var(--c3-edge),0 22px 34px -14px rgba(28,52,82,.45);
  --c3-sunk:inset 0 2px 4px rgba(28,52,82,.18),inset 0 -1px 0 #fff;--c3-text:#152d48;--c3-muted:#4a6480}
html[data-theme="light"] .gateway-card,html[data-theme="light"] .gateway-item{color:var(--c3-text)}
html[data-theme="light"] .gateway-item[data-item-type]::before{background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(28,52,82,.06)),color-mix(in srgb,var(--c3-1) 35%,#ffffff);box-shadow:inset 0 -10px 18px rgba(28,52,82,.08)}
html[data-theme="light"] .gateway-item[data-item-type] > small:first-child{color:var(--c3-k);background:#fff}
html[data-theme="light"] .content-filters button[aria-pressed="false"]{color:#2b4560;background:#e3ebf3}
html[data-theme="light"] .gateway-card[data-node-type="grade"][data-ordinal]::before{color:#b57f17;text-shadow:0 2px 0 #f3dfb2,0 6px 10px rgba(28,52,82,.25)}
html[data-theme="light"] #gateway-workspace .student-home-card[data-section="subscriptions"]{background:linear-gradient(180deg,#fff7e3,#f3e5c2);box-shadow:inset 0 1px 0 #fff,0 3px 0 #dcc58f,0 16px 28px -14px rgba(28,52,82,.35)}

@media(prefers-reduced-motion:reduce){
  .gateway-card,.gateway-item,.plan-choice .gateway-card,.gateway-item button,.content-filters button{transition:none}
  button.gateway-card:hover,.gateway-item:hover,.plan-choice:hover .gateway-card,.plan-choice:has(input:checked) .gateway-card{transform:none}}

/* ---------- bright baby-blue light rim on every card (rev d) ---------- */
.gateway-card,.gateway-item,#gateway-workspace .student-home-card,.learning-compact-card,.home-live-panel{
  outline:2px solid #bfe6ff;outline-offset:-2px;
  box-shadow:var(--c3-lift),0 0 0 1px rgba(191,230,255,.7),0 0 10px rgba(137,207,255,.85),0 0 24px rgba(110,190,255,.55),0 0 48px rgba(90,175,255,.28)}
@media(hover:hover){
  button.gateway-card:hover,.gateway-item:hover,#gateway-workspace .student-home-card:hover{outline-color:#e3f4ff;
    box-shadow:var(--c3-lift-hover),0 0 0 1px rgba(210,238,255,.8),0 0 16px rgba(150,215,255,.9),0 0 40px rgba(110,190,255,.4)}}
html[data-theme="light"] .gateway-card,html[data-theme="light"] .gateway-item,html[data-theme="light"] #gateway-workspace .student-home-card{
  outline-color:#7cc4f5;box-shadow:0 3px 0 #b9d7ee,0 0 12px rgba(110,190,255,.45),0 16px 28px -14px rgba(28,52,82,.35)}
@media (prefers-reduced-motion:reduce){.gateway-card,.gateway-item{transition:none}}
/* selected cards: very light green glow instead of the blue rim (rev d) */
.path-ancestor-level .gateway-card[aria-pressed=true],.plan-choice:has(input:checked) .gateway-card{
  outline:2px solid #d4ffe2;outline-offset:-2px;
  box-shadow:var(--c3-lift),0 0 0 1px rgba(212,255,226,.8),0 0 12px rgba(170,255,200,.9),0 0 28px rgba(140,245,180,.6),0 0 54px rgba(120,235,165,.3)}
@media(hover:hover){.path-ancestor-level .gateway-card[aria-pressed=true]:hover,.plan-choice:has(input:checked) .gateway-card:hover{outline-color:#ecfff2}}
html[data-theme="light"] .path-ancestor-level .gateway-card[aria-pressed=true],html[data-theme="light"] .plan-choice:has(input:checked) .gateway-card{
  outline-color:#5fcf8a;box-shadow:0 3px 0 #b5e6c6,0 0 14px rgba(95,207,138,.55),0 16px 28px -14px rgba(28,52,82,.35)}
/* the same light-green "selected" glow across the whole site (rev d) */
.nav button.active,.side button.selected,.content-filters button[aria-pressed="true"],.quiz-option:has(input:checked),
.account-menu [aria-checked="true"],[role="tab"][aria-selected="true"],.ad-dot[aria-pressed="true"]{
  outline:2px solid #d4ffe2;outline-offset:2px;
  box-shadow:0 0 0 1px rgba(212,255,226,.6),0 0 10px rgba(170,255,200,.85),0 0 22px rgba(140,245,180,.5)}
.quiz-option:has(input:checked){outline-offset:-2px}
html[data-theme="light"] .nav button.active,html[data-theme="light"] .side button.selected,html[data-theme="light"] .content-filters button[aria-pressed="true"],
html[data-theme="light"] .quiz-option:has(input:checked),html[data-theme="light"] [role="tab"][aria-selected="true"]{
  outline-color:#5fcf8a;box-shadow:0 0 12px rgba(95,207,138,.55)}
/* social accounts: same 3D card + an eye-catching pulsing fluorescent-white glow (rev d) */
.social-account{position:relative;border:0;border-radius:14px;color:#f6d389;background:var(--c3-card);
  outline:2px solid #ffffff;outline-offset:-2px;
  box-shadow:var(--c3-lift),0 0 0 1px rgba(255,255,255,.85),0 0 10px rgba(255,255,255,.95),0 0 24px rgba(240,250,255,.7),0 0 46px rgba(225,245,255,.4);
  animation:c3-social-glow 2.4s ease-in-out infinite;transition:transform .18s ease}
.social-account .social-account-icon{filter:drop-shadow(0 0 5px rgba(255,255,255,.9))}
@media(hover:hover){.social-account:hover{transform:translateY(-2px);background:var(--c3-card)}}
@keyframes c3-social-glow{
  0%,100%{box-shadow:var(--c3-lift),0 0 0 1px rgba(255,255,255,.85),0 0 10px rgba(255,255,255,.95),0 0 24px rgba(240,250,255,.7),0 0 46px rgba(225,245,255,.4)}
  50%{box-shadow:var(--c3-lift),0 0 0 2px rgba(255,255,255,1),0 0 16px rgba(255,255,255,1),0 0 36px rgba(240,250,255,.85),0 0 70px rgba(225,245,255,.55)}}
html[data-theme="light"] .social-account{background:#fff8e9;color:#684500;outline-color:#ffffff;box-shadow:0 3px 0 #d9e2ec,0 0 0 1px #c9d6e3,0 0 16px rgba(120,160,200,.45)}
@media (prefers-reduced-motion:reduce){.social-account{animation:none}}