/* America EDU Friendly Editorial Design v9, statically applied to production pages */
:root{
  --ae-navy:#0a2f5c;
  --ae-blue:#0b3b82;
  --ae-ink:#1e2937;
  --ae-muted:#5f6b7a;
  --ae-line:#e5eaf0;
  --ae-cream:#fff8eb;
  --ae-soft-blue:#eef5ff;
  --ae-soft-mint:#edf8f3;
  --ae-card-radius:24px;
  --ae-photo-shadow:0 24px 60px rgba(10,47,92,.16);
}
html{scroll-behavior:smooth}
body{background:#f8fafc;color:var(--ae-ink)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--ae-line);box-shadow:0 1px 12px rgba(10,47,92,.04);backdrop-filter:blur(12px)}
.header-inner{min-height:74px;gap:24px}
.brand{font-weight:900;letter-spacing:-.02em}
.brand img{border-radius:10px}
.nav{gap:18px}
.nav a{font-weight:750;border-radius:999px;padding:8px 4px}
.site-search input{border-radius:999px 0 0 999px;background:#f8fafc}
.site-search button{border-radius:0 999px 999px 0}
.breadcrumb{max-width:1180px;margin:0 auto;padding:16px 24px;color:#6b7280;font-size:.88rem}
.page-hero,.article-hero{overflow:hidden;background:linear-gradient(135deg,var(--ae-cream) 0%,#fff 55%,var(--ae-soft-blue) 100%);padding:62px 0 68px}
.page-hero .container,.article-hero .container{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.78fr);align-items:center;gap:54px;max-width:1180px}
.ae-hero-copy{min-width:0}
.page-hero h1,.article-hero h1{color:var(--ae-navy);font-size:clamp(2.55rem,5vw,4.5rem);line-height:1.03;letter-spacing:-.048em;margin:.15em 0 .28em}
.page-hero p,.article-hero .lede,.article-hero p{font-size:1.12rem;line-height:1.7;color:var(--ae-muted);max-width:700px}
.ae-hero-photo{position:relative;margin:0;height:430px;border-radius:32px;overflow:hidden;box-shadow:var(--ae-photo-shadow);background:#dfe8f4}
.ae-hero-photo img{width:100%;height:100%;display:block;object-fit:cover}
.ae-hero-photo:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.6);border-radius:inherit;pointer-events:none}
.ae-hero-photo figcaption{position:absolute;left:14px;bottom:14px;margin:0;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.92);font-size:.72rem;color:#475569;backdrop-filter:blur(8px)}
.ae-hero-photo figcaption a{color:inherit;font-weight:800;text-decoration:none}
.ae-friendly-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.ae-friendly-actions a{display:inline-flex;align-items:center;min-height:46px;padding:11px 18px;border-radius:999px;background:var(--ae-navy);color:#fff;font-weight:800;text-decoration:none;box-shadow:0 7px 18px rgba(10,47,92,.12)}
.ae-friendly-actions a+a{background:#fff;color:var(--ae-navy);border:1px solid #cad6e4;box-shadow:none}
.section{padding-top:64px;padding-bottom:64px}
.section:nth-of-type(even){background:linear-gradient(180deg,#fff,#fbfcfe)}
.container.content,.content-layout{align-items:start;gap:52px}
.prose{max-width:850px}
.article-body>p{font-size:1.065rem;line-height:1.8;color:#344054}
.prose h2{color:var(--ae-navy);font-size:clamp(1.58rem,2.4vw,2.15rem);line-height:1.2;letter-spacing:-.022em;margin-top:62px;margin-bottom:18px}
.prose h3{color:var(--ae-navy);margin-top:40px}
.prose ul,.prose ol{padding-left:1.35rem}
.prose li{margin:.55em 0}
.card,.notice,.toc,.aid-card,.stat,.metric,.compare-picker,.editorial-callout-warning,.table-wrap,details{border-radius:20px}
.card,.notice,.toc,.aid-card,.stat,.metric,.compare-picker{box-shadow:0 9px 30px rgba(10,47,92,.055)}
.aside .card,.aside .notice{background:#fff;border:1px solid var(--ae-line)}
.ae-editorial-photo{margin:44px 0 52px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(230px,.7fr);gap:16px;padding:12px;background:#fff;border:1px solid var(--ae-line);border-radius:26px;box-shadow:0 16px 40px rgba(10,47,92,.08)}
.ae-editorial-photo img{width:100%;height:315px;object-fit:cover;border-radius:18px;display:block}
.ae-editorial-photo .ae-photo-note{display:flex;flex-direction:column;justify-content:center;padding:24px}
.ae-photo-note strong{font-size:1.3rem;line-height:1.24;color:var(--ae-navy);margin-bottom:9px}
.ae-photo-note p{margin:0 0 12px!important;font-size:.95rem!important;line-height:1.65!important;color:var(--ae-muted)!important}
.ae-photo-note a{font-size:.78rem;font-weight:800;color:var(--ae-blue)}
.ae-visual-break{padding-top:28px;padding-bottom:44px}
.ae-visual-break .ae-editorial-photo{max-width:1000px;margin:0 auto}
.content-figure{border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--ae-line);padding:14px;box-shadow:0 10px 30px rgba(10,47,92,.05)}
.content-figure img{border-radius:14px}
.quick-links{gap:12px}
.quick-links a{border-radius:999px;padding:11px 15px}
.footer{margin-top:0;background:var(--ae-navy)}
.footer a{border-radius:8px}
@media(max-width:1060px){
  .page-hero .container,.article-hero .container{grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);gap:34px}
  .ae-hero-photo{height:360px}
}
@media(max-width:900px){
  .page-hero,.article-hero{padding:44px 0}
  .page-hero .container,.article-hero .container{grid-template-columns:1fr;gap:30px}
  .ae-hero-photo{height:300px}
  .content-layout{grid-template-columns:1fr;gap:28px}
  .ae-editorial-photo{grid-template-columns:1fr}
  .ae-editorial-photo img{height:270px}
  .ae-editorial-photo .ae-photo-note{padding:12px 12px 18px}
}
@media(max-width:620px){
  .breadcrumb{padding:12px 16px}
  .page-hero,.article-hero{padding:36px 0 40px}
  .page-hero .container,.article-hero .container{gap:24px}
  .page-hero h1,.article-hero h1{font-size:clamp(2.15rem,11vw,3.2rem)}
  .page-hero p,.article-hero .lede,.article-hero p{font-size:1rem}
  .ae-hero-photo{height:240px;border-radius:22px}
  .section{padding-top:44px;padding-bottom:44px}
  .ae-editorial-photo{margin:34px 0 42px;border-radius:20px}
  .ae-editorial-photo img{height:225px;border-radius:14px}
  .ae-friendly-actions a{width:100%;justify-content:center}
}

/* local-computer-view-fixes */
html { -webkit-text-size-adjust: 100%; }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; }
img { max-width: 100%; }
.ae-hero-photo img, .ae-editorial-photo img, .ae-third-photo img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media (max-width: 760px) {
  .ae-hero-photo img, .ae-editorial-photo img, .ae-third-photo img { max-height: 420px; }
}