/* EnglishLegalese.com v1.59.0 — unconditional visual recovery. Approved logo artwork remains byte-locked. */
:root{--v1590-header-offset:108px}
[hidden]{display:none!important}
html{scroll-padding-top:var(--v1590-header-offset)}
#app section[id],#app [id]{scroll-margin-top:var(--v1590-header-offset)}
.site-header .nav-wrap{min-height:92px}
.site-header .brand{display:flex;align-items:center;min-width:205px;flex:0 0 205px}
.site-header .brand img{display:block!important;width:190px!important;height:auto!important;max-height:78px!important;object-fit:contain!important}
.main-nav{gap:1.1rem}
.hero{padding-top:3.4rem!important;padding-bottom:3.4rem!important}
.section{padding-top:3rem!important;padding-bottom:3rem!important}
.section.compact{padding-top:2.35rem!important;padding-bottom:2.35rem!important}
.section-head{margin-bottom:1.5rem!important}
.section-head h2{font-size:clamp(2.05rem,4vw,3.2rem)!important;line-height:1.03!important}
.hero-card{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:1rem}
.hero-card .hero-logo{margin:0 auto .4rem;max-width:min(100%,380px)}
.hero-actions{gap:.7rem;align-items:center;flex-wrap:wrap}
.hero-actions .btn.light{background:#fff!important;color:#0b1d33!important;border:1px solid #c8d0d8!important;text-shadow:none!important;box-shadow:none!important}
.hero-actions .btn.light:hover,.hero-actions .btn.light:focus-visible{background:#f3f6f8!important;color:#0b1d33!important;border-color:#247d83!important}
.input,select.input{border:1px solid #b9c2cc;border-radius:10px;background:#fff;color:#0b1d33;min-height:44px;padding:.68rem .78rem;font:inherit}
textarea.input{min-height:130px}
#adaptive-learning,.v1550-suite-intro{display:none!important}
.v1590-section-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.8rem;margin-bottom:.6rem}
.v1590-diagnostic-controls{margin-top:-.35rem;margin-bottom:.25rem}
.v1590-progress-controls{margin-top:-.2rem;margin-bottom:.5rem}
.v1590-empty-progress{background:#fff;border:1px solid #dfe4e8;border-radius:18px;padding:1.2rem 1.35rem;max-width:820px;margin-bottom:.9rem}
.v1590-empty-progress h3{margin:.1rem 0 .45rem;font-size:1.35rem}
.v1590-note{font-size:.92rem;line-height:1.5;color:#556375;margin:.2rem 0 .75rem}
#practice-studio .v1550-scenario-grid{gap:1rem}
#practice-studio .v1550-scenario-card{min-height:0;padding:1.15rem}
#practice-studio .v1550-scenario-card .v1550-skill-tags{margin-top:auto}
#learning-plan,#skills-passport{padding-top:2.35rem!important;padding-bottom:2.35rem!important}
#learning-plan .v1550-plan-builder:not([hidden]){display:block!important}
#skills-passport .v1550-stat-row:not([hidden]){display:grid!important}
#skills-passport .v1550-passport-grid:not([hidden]){display:grid!important}
#skills-passport .v1550-review-loop:not([hidden]){display:grid!important}
.site-footer{margin-top:0!important}
@media (max-width:1120px){
  :root{--v1590-header-offset:100px}
  .site-header .brand{min-width:160px;flex-basis:160px}
  .site-header .brand img{width:150px!important;max-height:68px!important}
  .main-nav{gap:.8rem}
}
@media (max-width:820px){
  :root{--v1590-header-offset:88px}
  .site-header .brand{min-width:128px;flex-basis:128px}
  .site-header .brand img{width:122px!important;max-height:62px!important}
  .section{padding-top:2.2rem!important;padding-bottom:2.2rem!important}
  .section.compact{padding-top:1.9rem!important;padding-bottom:1.9rem!important}
  .section-head{margin-bottom:1.1rem!important}
  .section-head h2{font-size:clamp(1.9rem,8vw,2.55rem)!important}
  .v1590-section-controls{align-items:stretch;margin-top:.55rem}
  .v1590-section-controls .btn{width:100%;justify-content:center}
  #practice-studio .v1550-scenario-card{padding:1rem}
}
@media (max-width:620px){
  .site-header .nav-wrap{min-height:76px}
  .site-header .brand{min-width:118px;flex-basis:118px}
  .site-header .brand img{width:112px!important;max-height:58px!important}
  .hero{padding-top:2.15rem!important;padding-bottom:2.15rem!important}
  .hero-actions{display:grid;grid-template-columns:1fr}
  .hero-actions .btn{width:100%;justify-content:center}
  .v1590-section-controls{display:grid;grid-template-columns:1fr}
  .v1590-empty-progress{padding:1rem}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{scroll-behavior:auto!important;transition:none!important}}

/* v1.60.0 — intentional homepage-to-focused-destination layout, and more balanced headings.
   This layer only styles presentation; section visibility belongs to canonical app.js. */
.hero h1{font-size:clamp(2.45rem,4.4vw,3.85rem)!important;line-height:1.04!important;letter-spacing:-.025em}
.section-head h2{font-size:clamp(1.7rem,2.5vw,2.55rem)!important;line-height:1.13!important;letter-spacing:-.012em}
.section h2:not(.section-head h2){font-size:clamp(1.65rem,2.4vw,2.4rem);line-height:1.16}
.section h3,.card h3,.panel h3{font-size:clamp(1.08rem,1.35vw,1.3rem);line-height:1.3}
.section-head>p{max-width:39rem;line-height:1.6}
.hero .lead{font-size:clamp(1.07rem,1.3vw,1.22rem);line-height:1.65}
.el-focus-toolbar{background:#f4f8fa;border-bottom:1px solid #dde7ec}
.el-focus-toolbar[hidden]{display:none!important}
.el-focus-toolbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.8rem;padding-bottom:.8rem}
.el-back-link{color:#0b4861;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.el-back-link:focus-visible{outline:3px solid #247d83;outline-offset:3px}
.el-focus-name{color:#52667a;font-size:.9rem;text-align:right;max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-el-homepage-view="home"] #app>.section{padding-top:2.45rem!important;padding-bottom:2.45rem!important}
body[data-el-homepage-view="home"] #courses .v1580-section-controls{margin-top:1.3rem}
body[data-el-homepage-view="focus"] #app>.section{min-height:50vh}
body[data-el-homepage-view="focus"] #app>.section .section-head{margin-bottom:1.65rem!important}
@media(max-width:620px){
 .hero h1{font-size:clamp(2.08rem,9vw,2.8rem)!important;line-height:1.08!important}
 .section-head h2{font-size:clamp(1.52rem,6vw,1.9rem)!important;line-height:1.19!important}
 .section h3,.card h3,.panel h3{font-size:1.13rem;line-height:1.32}
 .el-focus-name{font-size:.77rem;max-width:49%}
 .el-focus-toolbar-inner{gap:.65rem}
 body[data-el-homepage-view="home"] #app>.section{padding-top:2rem!important;padding-bottom:2rem!important}
}