/* Prominent referral entry points, outside the active test experience. */
.ep-refer-ribbon{display:flex;align-items:center;gap:11px;padding:9px 24px;background:linear-gradient(110deg,#293e9c,#6335a0 68%,#79409a);color:#fff;border-bottom:1px solid #ffffff20;min-width:0}
.ep-refer-ribbon>div{flex:1;min-width:0}.ep-refer-ribbon strong{display:block;font-size:13px;line-height:1.4;color:#fff}.ep-refer-ribbon strong span{display:inline-block;color:#123e36;background:#bff8dc;padding:1px 6px;margin-left:4px;border-radius:5px;font-size:12px}.ep-refer-ribbon small{display:block;color:#e4e8ff;font-size:11px;line-height:1.5;margin-top:1px}
.ep-refer-gift{height:30px;width:30px;flex-shrink:0;display:grid;place-items:center;border-radius:9px;background:#ffffff18;color:#ffe1a1;font-size:21px}
.ep-refer-ribbon button{background:#fff;color:#3d3488;border:1px solid #ffffff80;border-radius:8px;padding:7px 11px;min-height:34px;font-size:11px;font-weight:700;line-height:1.4;flex-shrink:0;white-space:normal}
body.ep-colour:not(.exam-mode) .ep-refer-header{background:linear-gradient(120deg,#bff8dc,#a8f0ea);border:1px solid #8edbc6;border-radius:9px;color:#164f46;font-size:11px;padding:7px 10px;min-height:32px;font-weight:750;white-space:nowrap}
body.ep-colour:not(.exam-mode) .nav .ep-refer-nav{color:var(--ep-violet,#6744c5);background:var(--ep-violet-soft,#f3edff);border:1px solid var(--line,#dce3f2);margin-top:8px}
.ep-refer-nav>span{margin-left:auto;font-size:10px;font-weight:750;padding:2px 5px;border-radius:5px;background:var(--ep-teal-soft,#e9f8f3);color:var(--ep-teal,#087e71)}
.ep-refer-card{display:flex;align-items:center;gap:16px;background:linear-gradient(115deg,var(--ep-violet-soft,#f3edff),var(--ep-blue-soft,#edf2ff) 60%,var(--ep-teal-soft,#e9f8f3));border:1px solid var(--line,#dce3f2);border-left:4px solid var(--ep-violet,#7040cd);border-radius:13px;padding:17px 18px;margin:16px 0;box-shadow:var(--ep-glow);color:var(--ink,#1d2c49)}
.ep-refer-card>div:nth-child(2){flex:1;min-width:0}.ep-refer-card-symbol{width:47px;height:47px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(125deg,#5b49c9,#944baf);color:#ffe4a1;border-radius:13px;font-size:31px;box-shadow:0 4px 12px #6441bd20}
.ep-refer-label{display:block;font-size:9px;letter-spacing:1px;font-weight:750;color:var(--ep-violet,#7040cd)}
body.ep-colour:not(.exam-mode) .ep-refer-card h2{font-size:17px!important;color:var(--ep-violet,#7040cd);margin:5px 0;line-height:1.4}
.ep-refer-card p{font-size:12px;margin:5px 0;line-height:1.5}.ep-refer-card small{font-size:10px;line-height:1.5;color:var(--muted,#5c6c86);display:block}.ep-refer-card>button{flex-shrink:0;font-size:12px;white-space:normal}
body.exam-mode :is(.ep-refer-ribbon,.ep-refer-card,.ep-refer-nav,.ep-refer-header){display:none!important}
.ep-refer-ribbon button:focus-visible,.ep-refer-card button:focus-visible,.ep-refer-header:focus-visible{outline:3px solid #fbbf24;outline-offset:3px}
@media(max-width:760px){.sidebar .nav .ep-refer-nav{display:none!important}.ep-refer-ribbon{padding:9px 14px;gap:8px}.ep-refer-ribbon small{font-size:10px;max-width:230px}.ep-refer-ribbon strong{font-size:12px}.ep-refer-ribbon button{font-size:10px;max-width:108px;padding:7px 9px}.ep-refer-gift{display:none}.ep-refer-card{gap:10px;padding:14px;flex-wrap:wrap}.ep-refer-card-symbol{width:36px;height:36px;font-size:24px;border-radius:10px}.ep-refer-card>div:nth-child(2){flex-basis:calc(100% - 50px)}.ep-refer-card>button{width:100%;min-height:35px}body.ep-colour:not(.exam-mode) .ep-refer-card h2{font-size:15px!important}.ep-refer-header{font-size:10px!important;padding:7px!important}}

/* Exams lead the home page; promotions use the slim header ribbon only. */
body.ep-colour:not(.exam-mode) .premium-welcome{padding:15px 18px!important;gap:12px;margin-bottom:12px;border-radius:12px;grid-template-columns:1fr}
body.ep-colour:not(.exam-mode) .premium-welcome .premium-hero-art{display:none}
body.ep-colour:not(.exam-mode) .premium-welcome h1{font-size:20px!important;margin:5px 0;line-height:1.25;letter-spacing:-.4px}
body.ep-colour:not(.exam-mode) .premium-welcome p{display:none}
body.ep-colour:not(.exam-mode) .premium-welcome .premium-hero-actions{margin-top:9px;gap:6px}
body.ep-colour:not(.exam-mode) .premium-welcome .premium-hero-actions button{font-size:11px;min-height:30px;padding:5px 9px}
.ep-refer-ribbon{padding-top:6px;padding-bottom:6px}
.ep-refer-ribbon small{display:none}
.ep-refer-ribbon button{min-height:28px;padding:5px 9px}
body.ep-colour:not(.exam-mode) .content>.learning-free-demos{margin-top:22px}
@media(max-width:760px){body.ep-colour:not(.exam-mode) .content{padding-top:12px}body.ep-colour:not(.exam-mode) .premium-welcome{padding:12px 14px!important}body.ep-colour:not(.exam-mode) .premium-welcome h1{font-size:18px!important}body.ep-colour:not(.exam-mode) .premium-welcome .eyebrow{font-size:8px;letter-spacing:1px}body.ep-colour:not(.exam-mode) .directory-search{margin:9px 0}body.ep-colour:not(.exam-mode) .directory-filters{gap:5px;margin:9px 0 12px}body.ep-colour:not(.exam-mode) .directory-filters button{padding:5px 8px;min-height:29px;font-size:10px}body.ep-colour:not(.exam-mode) .directory-group{margin-top:14px}}