.flashcards-hero{padding-top:48px}.flashcards-hero-visual{background:var(--color-lilac);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;padding:30px;display:flex;position:relative}.source-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.source-chips li{border:1px solid var(--border);background:var(--color-white);border-radius:999px;align-items:center;gap:7px;padding:8px 13px;font-size:.62rem;font-weight:650;display:flex}.source-chips svg{width:14px;height:14px;color:var(--color-teal)}.chips-label{margin:0 0 14px}.hero-flow-arrow{color:var(--color-teal);padding-block:14px;font-size:1.1rem}.flashcards-hero-visual .screenshot{width:min(100%,250px)}.card-states{letter-spacing:.04em;flex-wrap:wrap;justify-content:center;gap:6px 10px;margin-top:22px;font-size:.58rem;font-weight:650;display:flex}.card-states li{align-items:center;gap:7px;display:flex}.card-states li:before{content:"";background:var(--color-teal);border-radius:50%;width:7px;height:7px}.card-states li:nth-child(2):before{background:var(--color-purple)}.card-states li:nth-child(3):before{background:var(--color-ink)}.flashcards-hero-visual .visual-caption{text-align:center;margin-top:16px}.flashcards-intro{border-top:1px solid var(--border)}.flashcards-split{grid-template-columns:1fr 1fr;align-items:start;gap:90px;display:grid}.flashcards-split .section-heading{margin-bottom:0}.flashcards-body p{color:var(--muted);margin-bottom:20px;font-size:.94rem}.flashcards-body p:last-child{margin-bottom:0}.fragment-list{flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none;display:flex}.fragment-list li{border:1px dashed var(--border);color:var(--muted);border-radius:6px;padding:7px 12px;font-size:.66rem}.pull-quote{border-left:2px solid var(--color-teal);padding-left:22px;line-height:1.65;color:var(--color-ink)!important;font-size:1.02rem!important}.source-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.source-card-item{border:1px solid var(--border);background:var(--color-white);border-radius:12px;flex-direction:column;padding:34px 30px;display:flex}.source-card-item:nth-child(2){background:var(--color-lilac)}.source-icon{background:var(--color-mint);border-radius:12px;place-items:center;width:46px;height:46px;margin-bottom:24px;display:grid}.source-card-item .eyebrow{color:var(--muted);font-size:.58rem}.source-card-item h3{margin-block:12px 16px;font-size:1.22rem}.source-card-item>p{color:var(--muted);font-size:.85rem}.source-card-item .text-link{margin-top:auto;padding-top:18px}.source-note{color:var(--muted);margin-top:18px;font-size:.6rem;line-height:1.6;display:block}.interval-panel{grid-template-columns:1fr 1.15fr;align-items:center;gap:80px;display:grid}.interval-panel .section-heading{margin-bottom:0}.interval-panel .section-heading p:not(.eyebrow){margin-top:18px}.interval-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.interval-list li{border:1px solid var(--border);background:var(--color-white);border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:10px 20px;padding:22px 26px;display:grid}.interval-list strong{font-size:.92rem}.interval-list p{color:var(--muted);grid-column:1/-1;font-size:.8rem}.interval-mark{letter-spacing:.08em;text-transform:uppercase;color:var(--color-teal);align-items:center;gap:8px;font-size:.58rem;font-weight:700;display:inline-flex}.interval-bar{background:var(--color-teal);border-radius:2px;height:4px;display:block}.interval-list li:first-child .interval-bar{width:62px}.interval-list li:nth-child(2) .interval-bar{width:34px}.interval-list li:nth-child(3) .interval-bar{width:14px}.interval-caption{color:var(--muted);margin-top:20px;font-size:.62rem}.fsrs-explainer{border:1px solid var(--border);background:var(--color-white);border-radius:14px;grid-template-columns:.8fr 1.2fr;align-items:start;gap:70px;padding:46px;display:grid}.fsrs-explainer h2{font-size:2rem}.fsrs-explainer .eyebrow{margin-bottom:16px}.fsrs-explainer p{color:var(--muted);margin-bottom:18px;font-size:.93rem}.fsrs-explainer p:last-child{margin-bottom:0}.fsrs-term{letter-spacing:.12em;text-transform:uppercase;color:var(--color-teal);font-size:.7rem;font-weight:750}.review-loop{counter-reset:loop;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.review-loop li{border-top:1px solid var(--border);padding-top:24px;position:relative}.review-loop li:after{content:"→";color:var(--color-teal);position:absolute;top:46px;right:-16px}.review-loop li:last-child:after{content:none}.review-loop h3{margin-block:18px 12px;font-size:1.02rem}.review-loop p{color:var(--muted);font-size:.8rem}.loop-step{letter-spacing:.12em;color:var(--color-teal);font-size:.6rem;font-weight:750}.loop-note{color:var(--muted);max-width:720px;margin-top:40px;font-size:.94rem}.chain-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.chain-grid article{background:#ffffff0a;border:1px solid #ffffff2e;border-radius:10px;padding:28px 20px}.chain-grid article:first-child{background:var(--color-mint);color:var(--color-ink);border-color:#0000}.chain-grid svg{color:var(--color-mint);margin-bottom:20px}.chain-grid article:first-child svg{color:var(--color-ink)}.chain-grid h3{margin-bottom:10px;font-size:1.05rem}.chain-grid p{color:#c2d0c8;font-size:.76rem}.chain-grid article:first-child p{color:var(--color-ink)}.chain-source{letter-spacing:.1em;text-transform:uppercase;color:var(--color-mint);flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:26px;font-size:.72rem;font-weight:700;display:flex}.chain-note{color:#c2d0c8;max-width:760px;margin-top:34px;font-size:.82rem}.chapter-flow{grid-template-columns:1.05fr 1fr;align-items:start;gap:80px;display:grid}.chapter-flow .section-heading{margin-bottom:0}.chapter-steps{gap:16px;margin:0;padding-left:22px;font-size:.88rem;display:grid}.chapter-steps li{padding-left:6px;line-height:1.7}.chapter-steps li::marker{color:var(--color-teal);font-weight:750}.chapter-lead{color:var(--muted);margin-bottom:24px;font-size:.94rem}.chapter-flow .text-link{margin-top:24px;display:inline-block}.tracks-layout{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.track-tree{grid-template-columns:1fr 1fr;gap:22px;margin-top:26px;display:grid}.track-tree>.eyebrow,.track-tree>small{grid-column:1/-1}.track-tree h3{margin-bottom:12px;font-size:1rem}.track-tree ul{color:var(--muted);margin:0;padding:0;font-size:.75rem;list-style:none}.track-tree li{border-left:1px solid var(--border);padding:6px 0 6px 18px;position:relative}.track-tree li:before{content:"";background:var(--border);width:10px;height:1px;position:absolute;top:50%;left:0}.track-tree small{color:var(--muted);font-size:.6rem}.workflow-columns{grid-template-columns:1fr 1fr;gap:26px;display:grid}.workflow-columns article{border:1px solid var(--border);border-radius:12px;padding:38px}.workflow-columns article:last-child{background:var(--color-ink);color:var(--color-white);border-color:#0000}.workflow-columns article:last-child .eyebrow{color:var(--color-mint)}.workflow-columns h3{margin-block:16px 22px;font-size:1.4rem}.workflow-columns ul{margin:0;padding:0;font-size:.85rem;list-style:none}.workflow-columns li{gap:12px;padding-block:10px;line-height:1.6;display:flex}.workflow-columns li>span{color:var(--muted)}.workflow-columns article:last-child li>span{color:var(--color-mint)}@media (width<=1100px){.flashcards-split,.interval-panel,.chapter-flow,.tracks-layout{gap:50px}.fsrs-explainer{gap:40px;padding:38px}}@media (width<=999px){.source-grid{grid-template-columns:1fr}.source-card-item{padding:28px 24px}.interval-panel,.chapter-flow,.tracks-layout,.fsrs-explainer{grid-template-columns:1fr;gap:34px}.review-loop{grid-template-columns:1fr 1fr;gap:30px}.review-loop li:nth-child(2):after{content:none}.chain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chain-grid article:first-child{grid-column:1/-1}.flashcards-hero-visual{padding:20px}}@media (width<=700px){.flashcards-hero{padding-top:30px;padding-bottom:45px}.flashcards-hero-visual{padding:25px 16px}.flashcards-split,.workflow-columns,.track-tree{grid-template-columns:1fr;gap:30px}.review-loop{grid-template-columns:1fr;gap:26px}.review-loop li:after{content:none}.chain-grid{grid-template-columns:1fr}.chain-grid article:first-child{grid-column:auto}.workflow-columns article{padding:26px}.interval-list li{padding:20px}.fsrs-explainer{padding:26px}.fsrs-explainer h2{font-size:1.7rem}.pull-quote{padding-left:16px;font-size:.95rem!important}.chapter-flow .section-heading{margin-bottom:0}}
