:root{--sky-paper: #f5f3ed;--sky-raised: #fffcf6;--ink: #181a19;--ink-soft: #5c5e59;--horizon: #d8e3e4;--cinnabar: #b44933;--jade: #3e6a5d;--rule: #d6d0c4;--display: "Source Serif 4", "Iowan Old Style", "Palatino Linotype", "Songti SC", Georgia, serif;--sans: "IBM Plex Sans", "Avenir Next", "Segoe UI", system-ui, sans-serif;--mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace}.learn-page{overflow:hidden}.learn-page em{color:var(--cinnabar);font-style:normal}.learn-hero,.learn-article-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.3fr);align-items:end;gap:clamp(2rem,7vw,7rem);padding:clamp(2.2rem,6vw,6rem) clamp(1.25rem,5vw,5rem);background:radial-gradient(circle at 82% 18%,rgba(216,227,228,.68),transparent 28%),linear-gradient(180deg,rgba(216,227,228,.72),transparent 80%),var(--sky-paper)}.learn-hero:after,.learn-article-hero:after{content:"";position:absolute;left:clamp(1.25rem,5vw,5rem);right:clamp(1.25rem,5vw,5rem);bottom:1.8rem;height:1px;background:linear-gradient(90deg,transparent,var(--ink),transparent);opacity:.36}.learn-hero h1,.learn-article-hero h1{max-width:1000px;margin:1rem 0 1.4rem;font-family:var(--display);font-size:clamp(3.2rem,8vw,8rem);font-weight:400;letter-spacing:-.06em;line-height:.98}.learn-hero-mark,.learn-article-mark{display:grid;justify-items:end;gap:1rem;padding:1.4rem 0 2rem 1.5rem;border-left:1px solid var(--rule)}.learn-hero-mark span,.learn-article-mark span{font-family:"Noto Serif CJK SC","Source Han Serif SC","Songti SC",var(--display);font-size:clamp(1.8rem,3vw,3.2rem);letter-spacing:.14em;line-height:1.3;writing-mode:vertical-rl}.learn-hero-mark p,.learn-article-mark p,.learn-article-mark small{margin:0;color:var(--ink-soft);text-align:right}.learn-hero-mark p,.learn-article-mark p{font-family:var(--display);font-size:1rem}.learn-article-mark small{max-width:18rem;font-family:var(--mono);font-size:.6rem;line-height:1.5}.article-meta-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.7rem 2rem;max-width:1440px;margin:0 auto;padding:.9rem clamp(1.25rem,5vw,5rem);border-top:1px solid var(--rule);color:var(--ink-soft);font-family:var(--mono);font-size:.61rem;letter-spacing:.05em}.learn-path,.learn-guides,.learn-threads,.learn-resources{max-width:1300px;margin:0 auto;padding:clamp(3rem,7vw,6.5rem) clamp(1.25rem,5vw,5rem);border-top:1px solid var(--rule)}.learn-section-heading{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,1fr);gap:1rem clamp(2rem,7vw,7rem);align-items:start}.learn-section-heading .eyebrow{margin:0}.learn-section-heading h2{margin:0;font-family:var(--display);font-size:clamp(2.5rem,5vw,5.2rem);font-weight:400;letter-spacing:-.055em;line-height:.98}.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:3rem;border:1px solid var(--rule);background:var(--rule)}.learn-guides{border-top:1px solid var(--ink)}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:3rem;border:1px solid var(--rule);background:var(--rule)}.guide-card{display:flex;flex-direction:column;min-height:250px;padding:1.2rem;background:var(--sky-raised);color:var(--ink);text-decoration:none}.guide-card:hover{background:linear-gradient(180deg,rgba(216,227,228,.38),var(--sky-raised))}.guide-card>span{color:var(--cinnabar);font-family:var(--mono);font-size:.62rem}.guide-card strong{margin:1rem 0 .65rem;font-family:var(--display);font-size:clamp(1.65rem,2.7vw,2.5rem);font-weight:400;letter-spacing:-.035em;line-height:1.03}.guide-card p{margin:0;color:var(--ink-soft);font-size:.78rem}.path-card{display:flex;flex-direction:column;min-height:350px;padding:clamp(1.2rem,2.5vw,2rem);background:var(--sky-raised);color:var(--ink);text-decoration:none}.path-card:hover{background:linear-gradient(180deg,rgba(216,227,228,.38),var(--sky-raised))}.path-number,.path-action{color:var(--cinnabar);font-family:var(--mono);font-size:.63rem;letter-spacing:.09em;text-transform:uppercase}.path-card strong{margin:1.2rem 0 .8rem;font-family:var(--display);font-size:clamp(2rem,3.3vw,3.2rem);font-weight:400;letter-spacing:-.04em;line-height:1}.path-card p{max-width:29rem;margin:0;color:var(--ink-soft);font-size:.85rem}.path-action{margin-top:auto;padding-top:2rem}.learn-threads,.learn-resources{border-top:1px solid var(--ink)}.reference-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:2.5rem;border:1px solid var(--rule);background:var(--rule)}.reference-links a{min-height:220px;padding:1.1rem;background:var(--sky-raised);color:var(--ink);text-decoration:none}.reference-links strong{display:block;margin:.7rem 0 .6rem;font-family:var(--display);font-size:1.7rem;font-weight:400}.reference-links p{margin:0;color:var(--ink-soft);font-size:.75rem}.featured-thread{display:grid;grid-template-columns:minmax(120px,.25fr) minmax(0,1fr) minmax(240px,.55fr) auto;gap:1.5rem;align-items:center;margin-top:2.5rem;padding:1.5rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);color:var(--ink);text-decoration:none}.featured-thread strong{font-family:var(--display);font-size:clamp(1.8rem,3.4vw,3.4rem);font-weight:400;letter-spacing:-.04em;line-height:1}.featured-thread p{margin:0;color:var(--ink-soft);font-size:.82rem}.featured-thread .path-action{margin:0;padding:0}.learn-boundary{display:grid;grid-template-columns:minmax(180px,.3fr) minmax(0,1fr);gap:1.5rem;max-width:1300px;margin:0 auto clamp(3rem,7vw,6rem);padding:1.4rem clamp(1.25rem,5vw,5rem) 1.4rem calc(clamp(1.25rem,5vw,5rem) + 1rem);border-left:2px solid var(--cinnabar);background:linear-gradient(90deg,rgba(180,73,51,.06),transparent)}.learn-boundary .eyebrow,.learn-boundary p{margin:0}.learn-boundary p:last-child{max-width:50rem;color:var(--ink-soft);font-size:.84rem}.learn-article-layout{display:grid;grid-template-columns:minmax(170px,.26fr) minmax(0,.74fr) minmax(210px,.3fr);gap:clamp(2rem,5vw,5rem);max-width:1440px;margin:0 auto;padding:clamp(2rem,5vw,5rem);border-top:1px solid var(--rule)}.reading-index a{display:block;margin:.85rem 0;color:var(--ink-soft);font-size:.8rem;text-decoration:none}.reading-index a:hover{color:var(--cinnabar)}.learn-article{min-width:0}.learn-article>section{scroll-margin-top:2rem}.answer-first{padding:1.2rem 0 1.2rem 1.4rem;border-left:2px solid var(--cinnabar);background:linear-gradient(90deg,rgba(216,227,228,.44),transparent)}.answer-first .label{margin-top:0;color:var(--cinnabar)}.definition-table{display:grid;grid-template-columns:.55fr 1fr 1fr;margin:2rem 0;border:1px solid var(--rule);background:var(--rule);gap:1px}.definition-table>div{display:contents}.definition-table span{min-width:0;padding:.8rem;background:var(--sky-raised);color:var(--ink-soft);font-size:.77rem;line-height:1.45}.definition-table .definition-head span{color:var(--ink);font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}.learn-steps{display:grid;gap:0;margin:2rem 0;padding:0;border-top:1px solid var(--rule);list-style:none}.learn-steps li{display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:1rem;padding:1rem 0;border-bottom:1px solid var(--rule)}.learn-steps li>span{color:var(--cinnabar);font-family:var(--mono);font-size:.62rem}.learn-steps.canonical-steps{counter-reset:canonical-step}.learn-steps.canonical-steps>li{counter-increment:canonical-step}.learn-steps.canonical-steps>li:before{content:counter(canonical-step,decimal-leading-zero);color:var(--cinnabar);font-family:var(--mono);font-size:.62rem}.learn-steps strong{color:var(--ink);font-family:var(--display);font-size:1.35rem;font-weight:400}.learn-steps p{margin:.25rem 0 0;color:var(--ink-soft);font-size:.86rem}.fact-layer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:2rem 0;border:1px solid var(--rule);background:var(--rule)}.fact-layer-grid article{min-height:230px;padding:1.2rem;background:var(--sky-raised)}.fact-layer-grid article:nth-child(1){border-top:3px solid var(--ink)}.fact-layer-grid article:nth-child(2){border-top:3px solid var(--jade)}.fact-layer-grid article:nth-child(3){border-top:3px solid var(--cinnabar)}.fact-layer-grid article:nth-child(4){border-top:3px solid var(--rule)}.fact-layer-grid h3{margin:.8rem 0 .55rem;font-family:var(--display);font-size:1.55rem;font-weight:400;letter-spacing:-.025em;line-height:1.05}.fact-layer-grid p{margin:0;color:var(--ink-soft);font-size:.82rem}.sample-portrait{margin:2rem 0}.sample-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:1px;border:1px solid var(--rule);border-top:0;background:var(--rule)}.sample-summary-grid>div{display:grid;align-content:start;gap:.25rem;min-height:125px;padding:1rem;background:var(--sky-raised)}.sample-summary-grid strong{margin:.3rem 0;font-family:var(--display);font-size:1.35rem;font-weight:400}.sample-summary-grid span:last-child{color:var(--ink-soft);font-size:.72rem}.sample-phase-panel{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);gap:1.5rem;align-items:center;margin:1.5rem 0;padding:1.2rem;border:1px solid var(--rule);background:var(--sky-raised)}.sample-phase-panel h3{margin:.5rem 0 0;font-family:var(--display);font-size:1.5rem;font-weight:400;line-height:1.05}.stem-branch-diagram{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.1fr);gap:.8rem;align-items:stretch;margin:2rem 0}.stem-branch-diagram>div{display:grid;align-content:start;gap:.55rem;min-height:225px;padding:1rem;border:1px solid var(--rule);background:var(--sky-raised)}.stem-branch-diagram strong{font-family:"Noto Serif CJK SC","Source Han Serif SC","Songti SC",var(--display);font-size:clamp(2.8rem,5vw,4.6rem);font-weight:400;line-height:1}.stem-branch-diagram p{margin:auto 0 0;color:var(--ink-soft);font-size:.75rem}.stem-branch-plus{display:grid;place-items:center;color:var(--cinnabar);font-family:var(--display);font-size:2rem}.stem-branch-result{background:linear-gradient(180deg,rgba(216,227,228,.45),var(--sky-raised))!important}.phase-cycles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:2rem 0;border:1px solid var(--rule);background:var(--rule)}.phase-cycles article{min-height:270px;padding:1.2rem;background:var(--sky-raised)}.cycle-line{margin:1.2rem 0 .7rem!important;color:var(--ink)!important;font-family:var(--display);font-size:clamp(1.5rem,2.5vw,2.2rem)!important;letter-spacing:-.03em;line-height:1.2}.cycle-hanzi{margin:0 0 1rem!important;color:var(--cinnabar)!important;font-family:"Noto Serif CJK SC","Source Han Serif SC","Songti SC",var(--display);font-size:1.15rem!important;letter-spacing:.08em}.phase-cycles article p:last-child{margin-top:1rem;color:var(--ink-soft);font-size:.82rem}.time-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:.65rem;align-items:stretch;margin:2rem 0}.time-flow>div{display:grid;align-content:start;gap:.45rem;min-height:200px;padding:.9rem;border:1px solid var(--rule);background:var(--sky-raised)}.time-flow>div>span{color:var(--cinnabar);font-family:var(--mono);font-size:.58rem}.time-flow strong{color:var(--ink);font-family:var(--display);font-size:1.05rem;font-weight:400;line-height:1.1}.time-flow p{margin:auto 0 0;color:var(--ink-soft);font-size:.68rem}.time-flow>i{display:grid;place-items:center;color:var(--cinnabar);font-style:normal}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:1.5rem 0;border:1px solid var(--rule);background:var(--rule)}.comparison-grid>article{min-width:0;padding:1rem;background:var(--sky-raised)}.comparison-heading{display:grid;gap:.35rem;margin-bottom:.8rem}.comparison-heading strong{color:var(--ink);font-family:var(--display);font-size:1.15rem;font-weight:400}.comparison-grid .pillar-strip{margin-top:.8rem}.comparison-grid>article>p:last-child{margin-bottom:0;color:var(--ink-soft);font-size:.74rem}.disagreement-case{margin:2.5rem 0;padding-top:1.4rem;border-top:1px solid var(--ink)}.disagreement-heading h3{margin:.5rem 0 0;font-family:var(--display);font-size:clamp(1.7rem,3vw,2.5rem);font-weight:400;letter-spacing:-.035em;line-height:1.05}.term-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:2rem;border:1px solid var(--rule);background:var(--rule)}.term-detail-grid details{min-width:0;background:var(--sky-raised)}.term-detail-grid summary{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.9rem;padding:1rem;cursor:pointer;list-style:none}.term-detail-grid summary::-webkit-details-marker{display:none}.term-detail-grid summary>span:first-child{font-family:"Noto Serif CJK SC","Source Han Serif SC","Songti SC",var(--display);font-size:2rem;line-height:1}.term-detail-grid summary strong,.term-detail-grid summary small{display:block}.term-detail-grid summary strong{color:var(--ink);font-size:.83rem}.term-detail-grid summary small{margin-top:.16rem;color:var(--ink-soft);font-family:var(--mono);font-size:.61rem}.term-detail-grid details p{margin:0;padding:0 1rem 1rem 4rem;color:var(--ink-soft);font-size:.8rem}.learn-example-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:2rem 0;border:1px solid var(--rule);background:var(--rule)}.learn-example-figures .hexagram-figure{min-height:300px}.example-receipt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:1.5rem 0;border:1px solid var(--rule);background:var(--rule)}.example-receipt>div{display:grid;gap:.25rem;padding:.9rem;background:var(--sky-raised)}.example-receipt span,.example-receipt small{color:var(--ink-soft);font-family:var(--mono);font-size:.59rem;letter-spacing:.05em}.example-receipt strong{font-family:var(--display);font-size:1.1rem;font-weight:400}.boundary-list{display:grid;gap:.55rem}.learn-next{margin-top:3.5rem;padding:1.5rem;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:linear-gradient(90deg,rgba(216,227,228,.38),transparent)}.learn-next h2{margin:.6rem 0 .8rem}.learn-next .eyebrow,.learn-next p{margin:0}.learn-primary-link{display:inline-block;margin-top:1.2rem;padding:.75rem 1rem;border:1px solid var(--ink);background:var(--ink);color:var(--sky-paper);font-family:var(--mono);font-size:.67rem;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.learn-article-aside{position:sticky;top:1rem}@media(max-width:1050px){.learn-article-layout{grid-template-columns:minmax(150px,.24fr) minmax(0,1fr)}.learn-article-aside{grid-column:1 / -1;position:static;max-width:42rem}.learn-example-figures{grid-template-columns:1fr}.learn-example-figures .hexagram-figure{display:grid;grid-template-columns:140px minmax(0,1fr);gap:0 1rem;min-height:0}.learn-example-figures .hexagram-heading{grid-column:1 / -1}.learn-example-figures .hexagram-line-stack{grid-column:1;grid-row:2;width:120px;margin:1.2rem 0}.learn-example-figures .hexagram-identity{grid-column:2;grid-row:2;align-self:center;margin-top:1rem}.learn-example-figures .hexagram-note{grid-column:2;align-self:start}.time-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.time-flow>i{display:none}.stem-branch-diagram{grid-template-columns:1fr}.stem-branch-plus{min-height:2rem}}@media(max-width:860px){.learn-hero,.learn-article-hero{grid-template-columns:1fr}.learn-hero-mark,.learn-article-mark{display:flex;align-items:end;justify-content:space-between;padding:1rem 0 0;border-top:1px solid var(--rule);border-left:0}.learn-hero-mark span,.learn-article-mark span{writing-mode:horizontal-tb;font-size:1.8rem}.learn-hero-mark p,.learn-article-mark p,.learn-article-mark small{text-align:left}.learn-section-heading,.learn-article-layout,.path-grid,.guide-grid{grid-template-columns:1fr}.reference-links{grid-template-columns:repeat(2,minmax(0,1fr))}.path-card{min-height:250px}.featured-thread{grid-template-columns:1fr auto}.featured-thread strong,.featured-thread p{grid-column:1 / -1}.learn-boundary{grid-template-columns:1fr}.learn-article-aside{grid-column:auto}.fact-layer-grid,.phase-cycles,.comparison-grid,.sample-phase-panel{grid-template-columns:1fr}}@media(max-width:620px){.learn-hero h1,.learn-article-hero h1{font-size:clamp(2.9rem,15vw,4.8rem)}.definition-table{grid-template-columns:1fr}.definition-table .definition-head{display:none}.definition-table>div{display:grid;grid-template-columns:1fr}.term-detail-grid,.example-receipt,.sample-summary-grid,.time-flow,.reference-links{grid-template-columns:1fr}.learn-example-figures .hexagram-figure{grid-template-columns:104px minmax(0,1fr)}.learn-example-figures .hexagram-line-stack{width:96px}}