/* ClearIAS Junior v2.6 — four new Classic Editor pages only.
   Complements, does not replace, current Genesis + existing Additional CSS. */
.cj.cjx-page { overflow-x: clip; }
.cj.cjx-page .cj-container { max-width:1160px!important; }
.cj.cjx-page .cj-hero { background:linear-gradient(117deg,#17181b 3%,#242025 65%,#3a2226 100%); }
.cj.cjx-page .cjx-hero { padding:clamp(54px,6vw,84px) 0;min-height:0; }
.cj.cjx-page .cjx-hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(28px,5vw,65px);align-items:center}
.cj.cjx-page .cjx-hero-grid>*{min-width:0}
.cj.cjx-page .cjx-hero h1{font-size:clamp(42px,5.3vw,67px);line-height:1.08;margin:15px 0 20px;letter-spacing:-.052em}
.cj.cjx-page .cjx-hero h1 span{color:#ff4254}
.cj.cjx-page .cjx-hero .cj-hero-subhead{font-size:clamp(18px,2vw,21px);max-width:590px}
.cj.cjx-page .cjx-hero .cj-hero-text{font-size:16px;max-width:590px}
.cj.cjx-page .cjx-hero-panel{border:1px solid #ffffff2d;max-width:450px;min-height:330px;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:34px;border-radius:19px;background:radial-gradient(circle at 70% 25%,#f3415730,transparent 50%),#28252a;box-shadow:0 22px 50px #0006;color:#fff;transform:rotate(1deg)}
.cj.cjx-page .cjx-panel-logo{font:normal 34px Georgia,serif;line-height:1.25;color:#fff}
.cj.cjx-page .cjx-panel-logo b{font:700 20px Arial,sans-serif;color:#fff;background:linear-gradient(90deg,#d7192d,#fb6e1b);padding:7px 9px;border-radius:5px}
.cj.cjx-page .cjx-hero-panel strong{font-size:clamp(20px,2.5vw,27px);line-height:1.3;font-weight:850}
.cj.cjx-page .cjx-hero-panel p{font-size:14px;color:#e5dde0}
.cj.cjx-page .cjx-panel-items{display:flex;gap:7px;flex-wrap:wrap}
.cj.cjx-page .cjx-panel-items span{border:1px solid #ffffff45;padding:7px 9px;border-radius:9px;font-size:10px;font-weight:850;color:#ffe0e3;letter-spacing:.07em}
.cj.cjx-page .cjx-hero-photo{position:relative;margin:0;border-radius:19px;overflow:hidden;aspect-ratio:1.1;box-shadow:0 24px 65px #0008}
.cj.cjx-page .cjx-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.cj.cjx-page .cjx-hero-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000b);color:#fff;font-weight:750;padding:30px 19px 17px;font-size:13px}
.cj.cjx-page .cjx-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cj.cjx-page .cjx-card-grid.cjx-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.cj.cjx-page .cjx-card{border:1px solid #e1e3e6;background:#fff;border-radius:15px;padding:29px 26px;min-width:0;box-shadow:0 10px 30px #11111109;display:flex;flex-direction:column;align-items:flex-start}
.cj.cjx-page .cjx-card h3{margin:16px 0 10px!important;font-size:clamp(18px,2vw,22px);line-height:1.27;color:#1d1e22}
.cj.cjx-page .cjx-card p{font-size:15px;line-height:1.7;color:#5c616a}
.cj.cjx-page .cjx-card .cj-btn{margin-top:auto}
.cj.cjx-page .cjx-card .cjx-phone{font-size:clamp(21px,2.8vw,27px);font-weight:850;color:#d7192d;margin:17px 0}
.cj.cjx-page .cjx-card .cjx-phone a{color:#c8142a}
.cj.cjx-page .cjx-number{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:35px;padding:0 10px;background:#fff0f1;border-radius:9px;color:#bc0e24;font-size:11px;letter-spacing:.035em;font-weight:850}
.cj.cjx-page .cjx-split{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(25px,5vw,70px);align-items:start}
.cj.cjx-page .cjx-split>*{min-width:0}
.cj.cjx-page .cjx-split h2{margin:0 0 20px}
.cj.cjx-page .cjx-split h3{margin:0 0 16px}
.cj.cjx-page .cjx-split p{color:#555b65;font-size:16px;margin:0 0 15px}
.cj.cjx-page .cjx-split .cj-section-lead{font-size:18px}
.cj.cjx-page .cjx-accent{padding:30px;background:#fff3f4;border:1px solid #f5dfe2;border-radius:15px}
.cj.cjx-page .cjx-accent h3{color:#191a1d}
.cj.cjx-page .cjx-accent .cj-link-arrow{margin-top:8px}
.cj.cjx-page .cjx-profile{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(30px,6vw,80px);align-items:center}
.cj.cjx-page .cjx-profile>*{min-width:0}
.cj.cjx-page .cjx-profile figure{border-radius:16px;margin:0;overflow:hidden;background:#24262b}
.cj.cjx-page .cjx-profile img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 24%;display:block}
.cj.cjx-page .cjx-profile figcaption{color:#e4e4e4;background:#24262b;padding:12px 14px;font-size:11px}
.cj.cjx-page .cjx-profile p:not(.cj-kicker){margin:0 0 17px;color:#555b65}
.cj.cjx-page .cjx-faq-collection{max-width:880px;margin:auto;border-top:1px solid #dfe1e5}
.cj.cjx-page .cjx-faq-collection details{padding:15px 0;margin:0;border-bottom:1px solid #dfe1e5}
.cj.cjx-page .cjx-faq-collection summary{font-size:clamp(15px,1.7vw,18px);line-height:1.45}
.cj.cjx-page .cjx-faq-collection details p{line-height:1.76;font-size:15px;max-width:800px}
.cj.cjx-page .cjx-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.cj.cjx-page .cjx-post-card{min-width:0;overflow:hidden;border-radius:16px;border:1px solid #e0e2e6;background:#fff;display:flex;flex-direction:column;box-shadow:0 12px 29px #1111110b}
.cj.cjx-page .cjx-post-image img{aspect-ratio:16/9;width:100%;height:auto;object-fit:cover;display:block}
.cj.cjx-page .cjx-post-body{padding:24px;display:flex;flex-direction:column;flex:1}
.cj.cjx-page .cjx-post-meta{font-size:11px!important;letter-spacing:.03em;color:#b8182b!important;font-weight:850}
.cj.cjx-page .cjx-post-body h3{font-size:21px;line-height:1.28;margin:9px 0 12px}
.cj.cjx-page .cjx-post-body p{font-size:14px;color:#5c616a}
.cj.cjx-page .cjx-post-body a.cj-link-arrow{margin-top:auto;align-self:flex-start;padding-top:14px}
.cj.cjx-page .cjx-empty{padding:40px;max-width:760px;margin:auto;text-align:center;border-radius:15px;border:1px solid #e2e3e6;background:#fff}
.cj.cjx-page .cjx-empty h3{margin:0 0 13px}
.cj.cjx-page .cjx-empty p{margin:0 0 20px;color:#555b65}
.cj.cjx-page .cjx-list{padding-left:23px;margin:10px 0 15px}
.cj.cjx-page .cjx-list li{padding:6px 0;font-size:15px;line-height:1.55;color:#45474f}
.cj.cjx-page .cjx-note{font-size:12px!important;color:#67707b!important}
.cj.cjx-page .cj-final-cta a.cj-btn.cj-btn-white,
.cj.cjx-page .cj-final-cta a.cj-btn.cj-btn-white:visited,
.cj.cjx-page .cj-final-cta a.cj-btn.cj-btn-white span{color:#9b0d20!important;background:#fff!important}
.cj.cjx-page .cj-final-cta a.cj-btn.cj-btn-outline-light{color:#fff!important}
@media(max-width:900px){
 .cj.cjx-page .cjx-hero-grid,.cj.cjx-page .cjx-profile,.cj.cjx-page .cjx-split{grid-template-columns:1fr;gap:34px}
 .cj.cjx-page .cjx-hero-grid{gap:27px}
 .cj.cjx-page .cjx-hero-panel{max-width:none;min-height:210px}
 .cj.cjx-page .cjx-hero-photo{width:min(100%,520px);aspect-ratio:4/3}
 .cj.cjx-page .cjx-card-grid,.cj.cjx-page .cjx-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cj.cjx-page .cjx-profile figure{width:min(100%,360px)}
}
@media(max-width:580px){
 .cj.cjx-page .cjx-hero{padding:48px 0}
 .cj.cjx-page .cjx-hero h1{font-size:clamp(40px,10.5vw,54px)}
 .cj.cjx-page .cjx-hero .cj-hero-text{font-size:15px}
 .cj.cjx-page .cjx-hero .cj-btn-row .cj-btn{flex:1 1 100%;width:100%}
 .cj.cjx-page .cjx-card-grid,.cj.cjx-page .cjx-card-grid.cjx-two,.cj.cjx-page .cjx-post-grid{grid-template-columns:1fr}
 .cj.cjx-page .cjx-card{padding:24px 22px}
 .cj.cjx-page .cjx-accent{padding:24px 20px}
 .cj.cjx-page .cjx-panel-logo{font-size:27px}
 .cj.cjx-page .cjx-panel-logo b{font-size:14px}
 .cj.cjx-page .cjx-hero-panel{padding:26px;gap:16px}
 .cj.cjx-page .cjx-profile img{aspect-ratio:4/3}
 .cj.cjx-page .cjx-faq-collection details p{font-size:14px}
 .cj.cjx-page .cjx-empty{padding:27px 22px}
 .cj.cjx-page .cj-final-buttons{grid-template-columns:1fr}
 .cj.cjx-page .cj-final-buttons .cj-btn{width:100%}
}
