.crispred-tabs__list{display:flex;gap:0;border-bottom:2px solid var(--cr-line,#e2e2e2);margin-bottom:40px;overflow:auto;scrollbar-width:none}.crispred-tabs__button{padding:12px 22px;border:0;border-bottom:2px solid transparent;margin-bottom:-2px;background:none;color:var(--cr-muted,#666662);font-size:13px;font-weight:600;font-family:inherit;white-space:nowrap;cursor:pointer}.crispred-tabs__button:hover{color:var(--cr-ink,#1a1a1a)}.crispred-tabs__button.is-active{color:var(--cr-accent,var(--cr-accent,#c72c2c));border-bottom-color:var(--cr-accent,var(--cr-accent,#c72c2c))}.crispred-tabs__panel[hidden]{display:none}.crispred-tabs.pills .crispred-tabs__list{gap:10px;border:0;margin-bottom:32px;flex-wrap:wrap}.crispred-tabs.pills .crispred-tabs__button{border:1px solid var(--cr-line,#e2e2e2);border-radius:999px;margin:0;padding:9px 20px}.crispred-tabs.pills .crispred-tabs__button.is-active{background:var(--cr-accent,var(--cr-accent,#c72c2c));border-color:var(--cr-accent,var(--cr-accent,#c72c2c));color:#fff}
.crispred-stats{display:grid;grid-template-columns:repeat(4,1fr)}.crispred-stat{text-align:center;padding:16px 20px;position:relative;color:#fff}.crispred-stat+.crispred-stat::before{content:"";position:absolute;inset:20% auto 20% 0;width:1px;background:rgba(255,255,255,.1)}.crispred-stat__number{font-size:clamp(30px,3.5vw,42px);font-weight:800;line-height:1;letter-spacing:-.03em}.crispred-stat__suffix,.crispred-stat__prefix{color:var(--cr-accent,var(--cr-accent,#c72c2c))}.crispred-stat__label{font-size:13px;color:rgba(255,255,255,.55);margin-top:6px;font-weight:500}
.crispred-tag-cloud{line-height:2.2}.crispred-carousel{overflow:hidden;position:relative;padding:8px 0}.crispred-carousel::before,.crispred-carousel::after{content:"";position:absolute;inset-block:0;width:80px;z-index:2;pointer-events:none}.crispred-carousel::before{left:0;background:linear-gradient(90deg,#fff,transparent)}.crispred-carousel::after{right:0;background:linear-gradient(-90deg,#fff,transparent)}.crispred-carousel__track{display:flex;gap:14px;width:max-content;animation:crispred-carousel var(--crispred-carousel-speed,32s) linear infinite}.crispred-carousel:hover .crispred-carousel__track{animation-play-state:paused}.crispred-carousel__item{border:1px solid var(--cr-line,#e2e2e2);border-radius:999px;padding:8px 20px;background:#fff;font-size:13px;font-weight:600;white-space:nowrap}@keyframes crispred-carousel{to{transform:translateX(-50%)}}
.crispred-block-header.is-pinned{position:sticky;top:0}.crispred-block-header.is-translucent{background:color-mix(in srgb,var(--crispred-header-bg) 94%,transparent);backdrop-filter:blur(12px)}.crispred-course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px}.crispred-profile{max-width:760px;margin-inline:auto;background:#fff;border:1px solid var(--cr-line,#e2e2e2);border-radius:14px;padding:clamp(24px,5vw,44px);box-shadow:0 4px 24px rgba(0,0,0,.07)}.crispred-profile__heading{display:flex;align-items:center;gap:18px;margin-bottom:28px}.crispred-profile__heading h2,.crispred-profile__heading p{margin:0}.crispred-profile__avatar{border-radius:50%}.crispred-profile__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.crispred-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:700px){.crispred-stats{grid-template-columns:repeat(2,1fr)}.crispred-stat:nth-child(3)::before{display:none}.crispred-profile__grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.crispred-carousel__track{animation:none}.crispred-carousel{overflow:auto}}


/* v2: independent component styles and readable no-script fallback. */
.crispred-tabs:not(.is-enhanced) > .crispred-tabs__list { display:none; }
.crispred-tabs:not(.is-enhanced) > .crispred-tabs__panel { margin-block:24px; }
.crispred-carousel__track { animation:none; width:auto; flex-wrap:wrap; }
.crispred-carousel::before,.crispred-carousel::after { display:none; }
.crispred-tag { display:inline-block; border:1px solid var(--cr-line,#e2e2e2); border-radius:999px; padding:4px 14px; margin:4px; color:var(--cr-ink,#1a1a1a); background:var(--cr-soft,#f7f7f7); }
.crispred-stats { background:var(--cr-ink,#1a1a1a); padding:24px; border-radius:var(--cr-radius,14px); }
.crispred-auth-card { max-width:520px; margin-inline:auto; padding:32px; background:var(--cr-soft,#f7f7f7); border:1px solid var(--cr-line,#e2e2e2); border-radius:var(--cr-radius,14px); }
.crispred-form-row label { display:block; margin-bottom:6px; }
.crispred-auth-card input:not([type=checkbox]),.crispred-profile input,.crispred-profile textarea { box-sizing:border-box; max-width:100%; width:100%; min-height:48px; padding:.65rem .9rem; border:1px solid var(--cr-line,#e2e2e2); border-radius:var(--cr-radius-sm,8px); font:inherit; }
.crispred-auth-card input[type=submit],.crispred-profile input[type=submit] { width:auto; color:#fff; background:var(--cr-accent,#c72c2c); border:0; border-radius:999px; padding:.75rem 1.6rem; font-weight:600; cursor:pointer; }
.crispred-notice { border:1px solid var(--cr-line,#e2e2e2); border-left:3px solid var(--cr-accent,#c72c2c); border-radius:var(--cr-radius-sm,8px); background:var(--cr-soft,#f7f7f7); padding:12px 16px; margin-bottom:20px; }
.crispred-course-sidebar { border:1px solid var(--cr-line,#e2e2e2); border-radius:var(--cr-radius,14px); padding:24px; margin-bottom:32px; }
.crispred-course-nav { padding-left:20px; }
.crispred-course-nav a { display:block; padding:8px 10px; border-radius:var(--cr-radius-sm,8px); text-decoration:none; }
.crispred-course-nav a:hover,.crispred-course-nav a[aria-current] { background:var(--cr-soft,#f7f7f7); color:var(--cr-accent,#c72c2c); }

.crispred-tabs .crispred-tabs__button { background:transparent; color:var(--cr-muted,#666662); border-radius:0; font-size:13px; font-weight:600; }
.crispred-tabs .crispred-tabs__button.is-active { color:var(--cr-accent,#c72c2c); border-bottom-color:var(--cr-accent,#c72c2c); }
.crispred-tabs.pills .crispred-tabs__button.is-active { color:#fff; background:var(--cr-accent,#c72c2c); border-color:var(--cr-accent,#c72c2c); }
.crispred-tabs .crispred-tabs__button:hover { background:transparent; color:var(--cr-ink,#1a1a1a); }
.crispred-tabs.pills .crispred-tabs__button { border-radius:999px; }
.crispred-tabs.pills .crispred-tabs__button:hover { border-color:var(--cr-ink,#1a1a1a); }

/* v3: a stat placed outside a stats group stays readable on light backgrounds. */
.crispred-stat { color:inherit; }
.crispred-stat__label { color:var(--cr-muted,#666662); }
.crispred-stats .crispred-stat { color:#fff; }
.crispred-stats .crispred-stat__label { color:rgba(255,255,255,.6); }