/* ClearIAS Junior · v2.7: Student Login + App Access only.
   Scoped to new page roots. No change to theme header, v2.6 navigation or existing pages. */
.cj.cjx-page.cjaccess-page{--cja-red:#d7192d;--cja-dark:#1b1c20}
.cj.cjx-page.cjaccess-page .cjx-hero{padding:clamp(62px,7.3vw,99px) 0;background:radial-gradient(ellipse at 85% 25%,#54262c 0%,transparent 41%),linear-gradient(113deg,#17181c 0%,#242125 80%,#2f2328 100%)}
.cj.cjaccess-page .cjaccess-hero-micro{font-size:12px;color:#e8c9cf;margin-top:18px;line-height:1.7}
.cj.cjaccess-page .cjaccess-hero-micro a{font-weight:800;color:#fff;text-decoration:underline;text-underline-offset:4px}
.cj.cjaccess-page .cjaccess-hero-micro a:hover{color:#ffafb8}
.cj.cjaccess-page .cjaccess-hero-card{border-radius:19px;overflow:hidden;background:#fff;color:#25262b;box-shadow:0 25px 63px #0007;transform:rotate(1deg);border:1px solid #fff7;min-width:0}
.cj.cjaccess-page .cjaccess-card-head{padding:14px 21px;display:flex;gap:11px;align-items:center;background:#f4f4f6;border-bottom:1px solid #e9e9ec;font-size:10px;letter-spacing:.10em;color:#45454d;font-weight:850}
.cj.cjaccess-page .cjaccess-dot-group{display:inline-flex;gap:5px;flex:none}
.cj.cjaccess-page .cjaccess-dot-group i{display:block;background:#cdd0d5;width:8px;height:8px;border-radius:50%}
.cj.cjaccess-page .cjaccess-dot-group i:first-child{background:#df3a4d}
.cj.cjaccess-page .cjaccess-online-badge{margin-left:auto;color:#17714c;background:#e9f8f1;border-radius:20px;padding:5px 10px;letter-spacing:.07em;font-size:9px}
.cj.cjaccess-page .cjaccess-card-body{text-align:center;padding:38px 35px 33px}
.cj.cjaccess-page .cjaccess-class-icon{display:grid;place-items:center;margin:0 auto 18px;width:64px;height:64px;background:#232429;color:#fff;border-radius:17px;font-size:25px;font-weight:900;letter-spacing:-.04em}
.cj.cjaccess-page .cjaccess-class-icon span{color:#fb5666}
.cj.cjaccess-page .cjaccess-card-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:900;color:#bf2033;margin-bottom:9px}
.cj.cjaccess-page .cjaccess-card-body h2{font-size:clamp(22px,2.8vw,30px);line-height:1.18;letter-spacing:-.03em;color:#24252a;margin:0 0 12px}
.cj.cjaccess-page .cjaccess-card-body p:not(.cjaccess-card-eyebrow){font-size:14px;color:#60636a;line-height:1.7;max-width:340px;margin:0 auto 23px}
.cj.cjaccess-page .cjaccess-card-link{display:flex;justify-content:center;align-items:center;gap:12px;background:#d7192d;border-radius:8px;padding:14px 18px;color:#fff;font-size:14px;font-weight:850}
.cj.cjaccess-page .cjaccess-card-link:hover{background:#af1226;color:#fff}
.cj.cjaccess-page .cjaccess-card-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:15px;border-top:1px solid #ebecef;background:#fcfcfd}
.cj.cjaccess-page .cjaccess-card-foot span{font-size:9px;letter-spacing:.055em;color:#62656c;font-weight:850}
.cj.cjaccess-page .cjaccess-card-foot span:not(:last-child)::after{content:' •';color:#d7192d;margin-left:9px}
.cj.cjaccess-page .cjaccess-quickbar{background:#d7192d;color:#fff;padding:18px 0}
.cj.cjaccess-page .cjaccess-quickbar-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cj.cjaccess-page .cjaccess-quickbar-inner span{text-align:center;line-height:1.4;font-size:13px;font-weight:770}
.cj.cjaccess-page .cjaccess-quickbar-inner span:not(:last-child){border-right:1px solid #ffffff55}
.cj.cjaccess-page .cjaccess-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.cj.cjaccess-page .cjaccess-device-card{border:1px solid #e0e2e7;border-radius:15px;padding:30px 25px;display:flex;flex-direction:column;gap:0;min-width:0;box-shadow:0 12px 29px #13131309}
.cj.cjaccess-page .cjaccess-device-icon{display:grid;place-items:center;background:#fff0f1;color:#c5192e;border-radius:14px;width:62px;height:62px;font-size:36px;line-height:1;margin-bottom:19px}
.cj.cjaccess-page .cjaccess-device-label{font-size:10px;letter-spacing:.095em;font-weight:900;color:#bb172a}
.cj.cjaccess-page .cjaccess-device-card h3{margin:10px 0 11px;font-size:21px;color:#1c1d20}
.cj.cjaccess-page .cjaccess-device-card p{font-size:14px;line-height:1.7;color:#595f69;margin:0 0 25px;flex:1}
.cj.cjaccess-page .cjaccess-device-card .cj-btn{width:100%;margin-top:auto}
.cj.cjaccess-page .cjaccess-below-grid{text-align:center;color:#686b73;font-size:13px;margin-top:22px}
.cj.cjaccess-page .cjaccess-below-grid a{font-weight:850;color:#bd172b;text-decoration:underline;text-underline-offset:3px}
.cj.cjaccess-page .cjaccess-split,.cj.cjaccess-page .cjaccess-help-grid,.cj.cjaccess-page .cjaccess-platform-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6.4vw,88px);align-items:center}
.cj.cjaccess-page .cjaccess-platform-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.cj.cjaccess-page .cjaccess-split>*,.cj.cjaccess-page .cjaccess-help-grid>*,.cj.cjaccess-page .cjaccess-platform-grid>*{min-width:0}
.cj.cjaccess-page .cjaccess-split .cj-section-lead{margin:20px 0 0;color:#60646d}
.cj.cjaccess-page .cjaccess-steps,.cj.cjaccess-page .cjaccess-instructions{display:grid;gap:0;border-top:1px solid #dfe1e4}
.cj.cjaccess-page .cjaccess-steps>div,.cj.cjaccess-page .cjaccess-instructions>div{display:flex;gap:17px;padding:20px 0;border-bottom:1px solid #dfe1e4;align-items:flex-start;min-width:0}
.cj.cjaccess-page .cjaccess-steps>div>span,.cj.cjaccess-page .cjaccess-instructions>div>span{flex:0 0 41px;display:grid;place-items:center;background:#fff0f1;color:#c7152a;border-radius:10px;width:41px;height:41px;font-size:12px;font-weight:900}
.cj.cjaccess-page .cjaccess-steps>div>div,.cj.cjaccess-page .cjaccess-instructions>div>div{flex:1;min-width:0}
.cj.cjaccess-page .cjaccess-steps h3,.cj.cjaccess-page .cjaccess-instructions h3{font-size:18px;margin:1px 0 6px}
.cj.cjaccess-page .cjaccess-steps p,.cj.cjaccess-page .cjaccess-instructions p{font-size:14px;color:#60646e;line-height:1.65}
.cj.cjaccess-page .cjaccess-help-grid>div:first-child>p:not(.cj-kicker){font-size:16px;color:#5c626a;line-height:1.7;margin:20px 0}
.cj.cjaccess-page .cjaccess-faqs{border-top:1px solid #dfe1e5}
.cj.cjaccess-page .cjaccess-faqs details{border-bottom:1px solid #dfe1e5;padding:15px 0}
.cj.cjaccess-page .cjaccess-faqs summary{cursor:pointer;list-style:none;font-size:16px;font-weight:800;line-height:1.45;padding:4px 32px 4px 0;position:relative;color:#24252a}
.cj.cjaccess-page .cjaccess-faqs summary::-webkit-details-marker{display:none}
.cj.cjaccess-page .cjaccess-faqs summary::after{content:'+';position:absolute;right:7px;top:1px;color:#c8172b;font-size:23px}
.cj.cjaccess-page .cjaccess-faqs details[open] summary::after{content:'−'}
.cj.cjaccess-page .cjaccess-faqs details p{font-size:14px;color:#5d636c;line-height:1.75;padding:8px 26px 4px 0}
.cj.cjaccess-page .cjaccess-faqs details p a{font-weight:800;color:#c5192d;text-decoration:underline}
.cj.cjaccess-page .cjaccess-smallnote{font-size:12px!important;color:#747780!important;margin-top:16px!important}
.cj.cjaccess-page .cjaccess-platform-grid .cj-section-lead{margin:20px 0 26px}
.cj.cjaccess-page .cjaccess-app-hero-art{position:relative;min-height:380px;display:flex;align-items:center;justify-content:center;padding:23px 8px}
.cj.cjaccess-page .cjaccess-laptop-art{background:#f8f8f9;color:#25262a;border:9px solid #33353c;border-bottom-width:16px;border-radius:15px;width:85%;max-width:405px;height:250px;padding:15px 16px 17px;box-shadow:0 28px 65px #0007;transform:translateX(-20px) rotate(-2deg);position:relative;display:flex;flex-direction:column}
.cj.cjaccess-page .cjaccess-art-head{font-size:11px;font-weight:900;color:#a8162a;letter-spacing:.035em;border-bottom:1px solid #dedee3;padding-bottom:12px;display:flex;justify-content:space-between;gap:8px}
.cj.cjaccess-page .cjaccess-art-head small{font-size:8px;color:#62656c;letter-spacing:.065em;font-weight:750}
.cj.cjaccess-page .cjaccess-art-play{display:grid;place-items:center;margin:auto;background:#d7192d;border-radius:50%;color:#fff;font-size:24px;width:69px;height:69px;box-shadow:0 0 0 11px #d7192d15}
.cj.cjaccess-page .cjaccess-art-caption{color:#686b72;font-size:12px;font-weight:800;text-align:center}
.cj.cjaccess-page .cjaccess-phone-art{z-index:2;position:absolute;right:0;bottom:12px;width:155px;height:278px;background:#fff;border:7px solid #2a2b2e;color:#26272b;border-radius:23px;box-shadow:0 17px 47px #0009;padding:17px 11px;display:flex;align-items:center;flex-direction:column;gap:14px;transform:rotate(4deg)}
.cj.cjaccess-page .cjaccess-phone-notch{position:absolute;top:4px;left:32%;width:36%;height:9px;background:#2a2b2e;border-radius:0 0 9px 9px}
.cj.cjaccess-page .cjaccess-phone-art>span{margin-top:14px;font-weight:900;color:#b9182c;font-size:9px;letter-spacing:.055em}
.cj.cjaccess-page .cjaccess-phone-circle{background:#25262a;color:#fff;border-radius:13px;display:grid;place-items:center;width:61px;height:61px;font-size:23px;font-weight:850}
.cj.cjaccess-page .cjaccess-phone-art strong{font-size:13px;text-align:center;line-height:1.1}
.cj.cjaccess-page .cjaccess-phone-art small{font-size:10px;color:#666973;text-align:center;line-height:1.35}
.cj.cjaccess-page .cjaccess-phone-line{height:5px;width:90%;border-radius:9px;background:#ededf1}
.cj.cjaccess-page .cjaccess-phone-line.short{width:63%}
.cj.cjaccess-page .cjaccess-art-pill{position:absolute;z-index:3;top:10px;right:0;background:#a91126;border:1px solid #ff929f;color:#fff;border-radius:22px;padding:10px 13px;font-size:10px;letter-spacing:.03em;font-weight:850;transform:rotate(4deg)}
.cj.cjaccess-page .cjaccess-codebox{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 20px;border:1px solid #efc9d0;background:#fff;border-radius:13px;max-width:480px;margin:17px 0 5px}
.cj.cjaccess-page .cjaccess-codebox>div{display:grid;gap:2px}
.cj.cjaccess-page .cjaccess-codebox>div>span{font-size:10px;color:#747780;font-weight:800;letter-spacing:.12em}
.cj.cjaccess-page .cjaccess-codebox strong{font-size:30px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.045em;color:#24252a;user-select:all}
.cj.cjaccess-page .cjaccess-copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;background:#d7192d;color:#fff!important;font-size:13px;font-weight:830;border:0;cursor:pointer;min-height:46px;padding:10px 15px;white-space:nowrap}
.cj.cjaccess-page .cjaccess-copy-btn:hover{background:#ae1127}
.cj.cjaccess-page .cjaccess-copy-btn:focus-visible{outline:3px solid #f0a622;outline-offset:3px}
.cj.cjaccess-page .cjaccess-copy-feedback{font-size:12px;color:#666a73;min-height:23px;margin-bottom:15px}
.cj.cjaccess-page .cjaccess-desktop-banner{border:1px solid #e0e1e5;border-radius:17px;padding:33px 38px;background:linear-gradient(105deg,#fff,#fff6f7);display:grid;grid-template-columns:1fr auto;gap:27px;align-items:center}
.cj.cjaccess-page .cjaccess-desktop-banner p:not(.cj-kicker){font-size:15px;color:#5e626a;margin-top:15px;max-width:690px}
.cj.cjaccess-page .cjaccess-desktop-banner .cj-btn{white-space:nowrap}
.cj.cjaccess-page .cj-final-cta .cj-btn-white,.cj.cjaccess-page .cj-final-cta .cj-btn-white:visited,.cj.cjaccess-page .cj-final-cta .cj-btn-white span{color:#9b0d20!important;background:#fff!important}
.cj.cjaccess-page .cj-final-cta .cj-btn-outline-light,.cj.cjaccess-page .cj-final-cta .cj-btn-outline-light span{color:#fff!important}
@media(max-width:990px){.cj.cjaccess-page .cjaccess-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cj.cjaccess-page .cjaccess-platform-grid,.cj.cjaccess-page .cjaccess-split,.cj.cjaccess-page .cjaccess-help-grid{grid-template-columns:1fr;gap:31px}.cj.cjaccess-page .cjaccess-app-hero-art{width:min(100%,530px);margin-inline:auto}}
@media(max-width:800px){.cj.cjaccess-page .cjaccess-hero-card{width:min(100%,540px);margin-inline:auto;transform:none}.cj.cjaccess-page .cjaccess-quickbar-inner{grid-template-columns:1fr;gap:7px}.cj.cjaccess-page .cjaccess-quickbar-inner span:not(:last-child){border-right:0}.cj.cjaccess-page .cjaccess-quickbar{padding:15px 0}}
@media(max-width:600px){.cj.cjaccess-page .cjaccess-device-grid{grid-template-columns:1fr}.cj.cjaccess-page .cjaccess-device-card{padding:25px 22px}.cj.cjaccess-page .cjaccess-device-card .cj-btn{width:100%}.cj.cjaccess-page .cjaccess-card-body{padding:29px 24px}.cj.cjaccess-page .cjaccess-card-head{padding:12px}.cj.cjaccess-page .cjaccess-card-foot{padding:13px}.cj.cjaccess-page .cjaccess-card-foot span{font-size:8px}.cj.cjaccess-page .cjaccess-app-hero-art{min-height:318px;padding-inline:0}.cj.cjaccess-page .cjaccess-laptop-art{height:218px;width:88%;transform:translateX(-14px) rotate(-1deg)}.cj.cjaccess-page .cjaccess-phone-art{right:-3px;width:133px;height:245px;padding:10px}.cj.cjaccess-page .cjaccess-art-pill{top:1px;font-size:9px;padding:8px}.cj.cjaccess-page .cjaccess-codebox{gap:8px;padding:15px 12px}.cj.cjaccess-page .cjaccess-codebox strong{font-size:26px}.cj.cjaccess-page .cjaccess-copy-btn{padding:10px 12px}.cj.cjaccess-page .cjaccess-desktop-banner{grid-template-columns:1fr;padding:25px 23px}.cj.cjaccess-page .cjaccess-desktop-banner .cj-btn{white-space:normal}.cj.cjaccess-page .cjaccess-hero-micro{font-size:11px}}
@media(max-width:360px){.cj.cjaccess-page .cjaccess-codebox{flex-wrap:wrap}.cj.cjaccess-page .cjaccess-copy-btn{width:100%}}