.page-container{padding-bottom:var(--space-8)}.eyebrow{color:var(--color-gold);font-family:var(--font-latin);font-size:var(--text-sm);letter-spacing:.18em;margin-bottom:var(--space-2)}.page-heading{padding-block:var(--space-8) var(--space-10)}.page-heading h1{font-size:var(--text-title);margin-bottom:var(--space-3)}.page-heading>p:last-child{max-width:var(--article-width)}.page-breadcrumbs{padding-top:var(--space-6);font-size:var(--text-sm)}.page-breadcrumbs ol,.hero-benefits,.roadmap-steps,.reading-order ol,.chapter-articles,.syllabus-items,.book-sequence{margin:0;padding:0;list-style:none}.page-breadcrumbs ol,.page-breadcrumbs li,.page-breadcrumbs a{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.button{justify-content:center;align-items:center;gap:var(--space-6);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);border-radius:var(--radius-pill);border:1px solid var(--color-gold);white-space:nowrap;min-height:44px;display:inline-flex}.button-gold{background:linear-gradient(110deg, var(--color-gold), var(--color-gold-bright));color:var(--color-on-dark)}.button-gold:hover{color:var(--color-on-dark);filter:brightness(1.1)}.button-outline{color:var(--color-ink)}.text-link{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-ink);font-size:var(--text-sm);padding-bottom:var(--space-1);white-space:nowrap;display:inline-flex}.hero-section{isolation:isolate;position:relative}.hero-section:before{content:"";inset-inline:0;height:var(--hero-landscape-height);z-index:-1;opacity:.5;mix-blend-mode:multiply;background:url(/images/learning-landscape.png) bottom/100% no-repeat;position:absolute;bottom:0}.hero{grid-template-columns:minmax(0, 1fr) var(--phone-width) var(--hero-app-width);align-items:center;gap:var(--space-8);min-height:var(--hero-height);padding-block:var(--space-6) calc(var(--hero-landscape-height) + var(--space-6));display:grid}.hero h1{font-size:var(--text-hero);letter-spacing:.015em;margin-bottom:var(--space-5);line-height:1.5}.hero-copy>p{font-size:var(--text-md);line-height:var(--leading-body)}.hero-rule{width:var(--space-12);border-top:2px solid var(--color-gold);margin-block:var(--space-8)}.hero-benefits{gap:var(--space-4);flex-wrap:wrap;display:flex}.hero-benefits li{align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-ink);display:flex}.hero-benefits li+li{padding-left:var(--space-4);border-left:1px solid var(--color-rule-soft)}.coming-label{color:var(--color-on-dark);background:var(--color-gold);padding:var(--space-2) var(--space-5);border-radius:var(--radius-sm);font-size:var(--text-sm);letter-spacing:.1em;display:inline-block}.hero-app h2{font-size:var(--text-2xl);margin-block:var(--space-4)}.hero-app h2 span{white-space:nowrap;display:block}.hero-app p{font-size:var(--text-sm)}.hero-app .button{width:100%;margin-top:var(--space-5)}.hero-app>small{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-2);display:block}.phone-preview{background:var(--color-surface);border:7px solid var(--color-phone);outline:2px solid var(--color-rule);border-radius:var(--phone-radius);height:var(--phone-height);padding:var(--space-6) var(--space-2) var(--space-3);color:var(--color-ink);box-shadow:var(--shadow-phone);font-size:var(--text-xs);line-height:1.5;position:relative}.phone-notch{width:52%;height:var(--space-4);background:var(--color-phone);border-radius:0 0 var(--radius-lg) var(--radius-lg);position:absolute;top:0;left:24%}.phone-brand{align-items:center;gap:var(--space-1);font-family:var(--font-brand);font-size:var(--text-md);margin-bottom:var(--space-3);display:flex}.phone-brand>svg:last-child{margin-left:auto}.phone-card{border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-card);padding:var(--space-3);margin-bottom:var(--space-3)}.phone-card small,.phone-card b{display:block}.phone-card progress{width:70%;height:4px;display:inline-block}.phone-card progress+small{margin-left:var(--space-2);color:var(--color-gold);display:inline}.three-circles{height:var(--diagram-height);margin-top:var(--space-2);position:relative}.three-circles>span{width:var(--circle-size);height:var(--circle-size);border:1px solid var(--color-blue);background:color-mix(in srgb, var(--color-blue-wash) 30%, transparent);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.three-circles>span:first-child{left:calc(50% - var(--circle-size) / 2)}.three-circles>span:nth-child(2){bottom:0;left:0}.three-circles>span:nth-child(3){bottom:0;right:0}.three-circles small{font-size:var(--text-phone-small)}.phone-tabs{border-top:1px solid var(--color-rule-soft);padding-top:var(--space-2);font-size:var(--text-phone-small);justify-content:space-around;display:flex}.phone-tabs span{justify-items:center;display:grid}.home-section{padding-block:var(--space-8)}.subjects-section,.app-section{background:color-mix(in srgb, var(--color-surface) 70%, transparent)}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-8);margin-bottom:var(--space-5);display:flex}.section-heading h2,.app-section h2{font-size:var(--text-section)}.heading-caption{font-family:var(--font-body);font-size:var(--text-sm);margin-left:var(--space-4);font-weight:400}.section-heading>div>p:last-child:not(.eyebrow){margin-top:var(--space-2);font-size:var(--text-md)}.subject-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.subject-grid.compact{gap:var(--space-2);grid-template-columns:repeat(8,minmax(0,1fr))}.subject-card{text-align:center;padding:var(--space-6) var(--space-3) var(--space-4);border:1px solid var(--color-rule-soft);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card);color:var(--color-ink);transition:border-color var(--transition-fast), transform var(--transition-fast);flex-direction:column;align-items:center;display:flex}.subject-card:hover{border-color:var(--color-gold);transform:translateY(-3px)}.subject-card h3{font-size:var(--text-lg);margin-block:var(--space-3) var(--space-4)}.subject-card p{font-size:var(--text-sm);color:var(--color-muted);max-width:15em}.compact h3{font-size:var(--text-sm);min-height:3.1em;margin-bottom:var(--space-2)}.compact .subject-card p{font-size:var(--text-xs);min-height:3.9em}.compact .subject-card{padding:var(--space-5) var(--space-2) var(--space-3)}.compact .subject-stats{margin-block:var(--space-2);line-height:1.5}.subject-stats{font-size:var(--text-xs);color:var(--color-muted);margin-block:var(--space-3);display:grid}.circle-arrow{border:1px solid var(--color-gold);width:26px;height:26px;color:var(--color-gold);border-radius:50%;place-content:center;margin-top:auto;display:inline-grid}.frequency-note{color:var(--color-muted);font-size:var(--text-xs);margin-top:var(--space-3)}.roadmap-intro{font-size:var(--text-sm)}.roadmap-steps{margin-block:var(--space-10) var(--space-6);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.roadmap-steps li{border-left:1px solid var(--color-rule-soft);border-top:1px solid var(--color-ink);padding:var(--space-5) var(--space-4) 0 var(--space-6);position:relative}.roadmap-steps li:not(:last-child):after{content:"›";right:var(--space-2);background:var(--color-paper);color:var(--color-ink);position:absolute;top:-1.15em}.step-number{left:calc(-1 * var(--space-4));top:calc(-1 * var(--space-4));width:var(--space-8);height:var(--space-8);background:var(--color-gold);color:var(--color-on-dark);font-family:var(--font-latin);font-size:var(--text-sm);border-radius:50%;place-content:center;display:grid;position:absolute}.roadmap-steps h3{font-size:var(--text-lg);margin-block:var(--space-3) var(--space-2)}.roadmap-steps p{font-size:var(--text-xs)}.reading-order{border-top:1px solid var(--color-rule-soft);padding-top:var(--space-4);font-size:var(--text-xs)}.reading-order>span{color:var(--color-gold)}.reading-order ol{gap:var(--space-2) var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.reading-order li:not(:last-child):after{content:"→";margin-left:var(--space-3);color:var(--color-gold)}.article-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.article-card{background:var(--color-surface);border:1px solid var(--color-rule-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden}.article-card-link{padding:var(--space-5);flex-direction:column;height:100%;display:flex;position:relative}.card-image{width:100%;height:var(--card-image-height);object-fit:cover;margin-bottom:var(--space-4);border-radius:var(--radius-sm)}.article-card time{font-family:var(--font-latin);font-size:var(--text-xs);color:var(--color-muted)}.subject-label,.frequency-badge{color:var(--color-gold);background:var(--color-gold-wash);font-size:var(--text-xs);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);margin-top:var(--space-2);align-self:start;display:inline-block}.article-card h3{font-size:var(--text-lg);margin-block:var(--space-4) var(--space-2)}.article-card p{font-size:var(--text-sm);color:var(--color-muted);padding-right:var(--space-8)}.article-card .circle-arrow{margin-top:var(--space-3);align-self:end}.empty-state{padding:var(--space-8);background:var(--color-blue-wash);border-radius:var(--radius-md)}.app-inner{align-items:center;gap:var(--space-8);display:flex}.app-inner>div{flex:1}.app-inner p:not(.eyebrow){font-size:var(--text-sm);margin-top:var(--space-3)}.store-badges{gap:var(--space-3);margin-top:var(--space-5);display:flex}.store-badges>span{border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-blue-wash);color:var(--color-muted);padding:var(--space-2) var(--space-5);font-size:var(--text-lg);opacity:.65;line-height:1.5}.store-badges small{font-size:var(--text-xs);display:block}.app-inner .app-disclaimer{color:var(--color-muted);font-size:var(--text-xs)!important}.book-sequence{counter-reset:book;gap:var(--space-4);margin-top:var(--space-8);display:grid}.book-sequence li{gap:var(--space-5);border-bottom:1px solid var(--color-rule-soft);padding-bottom:var(--space-4);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.book-sequence .step-number{position:static}.book-sequence h3{font-size:var(--text-xl)}.book-sequence p{font-size:var(--text-sm);color:var(--color-muted)}.content-section{margin-top:var(--space-12)}.content-section>h2{font-size:var(--text-2xl);margin-bottom:var(--space-5)}.exam-overview{max-width:var(--article-width);margin-inline:auto}.exam-overview h3{margin-block:var(--space-6) var(--space-2)}.exam-overview p{margin-bottom:var(--space-4)}.exam-overview a{text-decoration:underline}.notice{border-left:3px solid var(--color-gold);padding:var(--space-4) var(--space-5);background:var(--color-gold-wash)}.tag-list{gap:var(--space-3);flex-wrap:wrap;display:flex}.tag-list a{gap:var(--space-3);padding:var(--space-2) var(--space-4);border:1px solid var(--color-rule-soft);background:var(--color-surface);border-radius:var(--radius-pill);font-size:var(--text-sm);display:inline-flex}.tag-list span{color:var(--color-muted)}.pagination{justify-content:center;align-items:center;gap:var(--space-6);margin-top:var(--space-10);font-size:var(--text-sm);display:flex}.pagination a{text-decoration:underline}@media (width<=59.99rem){.hero{grid-template-columns:minmax(0, 1fr) var(--phone-width)}.hero-app{display:none}.subject-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.compact h3,.compact .subject-card p{min-height:0}.roadmap-intro{display:none}}@media (width<=47.99rem){.hero{gap:var(--space-8);padding-block:var(--space-10) calc(var(--hero-landscape-height) + var(--space-6));grid-template-columns:1fr}.hero-section:before{background-size:auto 100%}.hero h1{font-size:var(--text-hero-mobile)}.hero-copy>p{font-size:var(--text-sm)}.desktop-only{display:none}.hero-benefits{gap:var(--space-4);flex-wrap:wrap}.hero-benefits li+li{border:0;padding-left:0}.hero-benefits svg{width:27px}.hero-rule{margin-block:var(--space-6)}.phone-preview{width:var(--phone-width);justify-self:center}.hero-app{text-align:center;display:block}.hero-app .button{width:auto}.section-heading{align-items:start;gap:var(--space-3);flex-wrap:wrap}.section-heading h2{font-size:var(--text-2xl)}.heading-caption{margin:var(--space-2) 0 0;display:block}.subject-grid,.subject-grid.compact{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.subject-card{padding:var(--space-5) var(--space-3)}.subject-card h3{font-size:var(--text-md)}.subject-card p{font-size:var(--text-xs)}.roadmap-steps{gap:var(--space-6);padding-left:var(--space-4);grid-template-columns:1fr}.roadmap-steps li{padding-bottom:var(--space-3);gap:var(--space-2) var(--space-4);grid-template-columns:auto 1fr;display:grid}.roadmap-steps li>svg{margin-top:var(--space-2);grid-row:span 2}.roadmap-steps h3{margin:0}.roadmap-steps p{grid-column:2}.roadmap-steps li:after{display:none}.article-grid{grid-template-columns:1fr}.app-inner{align-items:start;gap:var(--space-5);flex-direction:column}.book-sequence li{gap:var(--space-3)}.book-sequence h3{font-size:var(--text-lg)}.page-heading{padding-block:var(--space-6) var(--space-8)}}
