.guide-page{--gx:#373078;--go:#c74032;background:#f7f8fc;padding-bottom:64px}.guide-hero{position:relative;padding-block:64px 48px;overflow:hidden}.guide-hero h1{font-size:clamp(36px,5vw,66px);max-width:900px;line-height:1.06;letter-spacing:-.035em;margin:20px 0}.guide-hero .lead{max-width:760px;font-size:20px;line-height:1.65}.guide-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.guide-hero-marks{display:none}.guide-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:48px;align-items:start}.guide-toc{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;border-top:2px solid #373078;padding-top:15px}.guide-toc summary{font-weight:900;cursor:pointer;padding:10px 0}.guide-toc nav{display:flex;flex-direction:column}.guide-toc a{display:flex;gap:12px;padding:10px 4px;line-height:1.35;font-size:14px;text-decoration:none}.guide-toc a span{color:#625d7c;font-size:12px;min-width:20px}.guide-content{min-width:0;max-width:880px;background:#fff;border:1px solid #dfe3ee;border-radius:20px;padding:40px}.guide-content section{scroll-margin-top:24px;border-bottom:1px solid #e1e5f0;padding-bottom:36px;margin-bottom:36px}.guide-content h2{font-size:clamp(26px,3vw,36px);line-height:1.2;margin:0 0 20px;letter-spacing:-.025em}.guide-content h3{font-size:22px;line-height:1.35;margin:26px 0 12px}.guide-content p,.guide-content li{font-size:17px;line-height:1.8}.guide-content p{margin:12px 0 20px}.guide-content li{margin-bottom:8px}.guide-content ul,.guide-content ol{padding-left:24px}.guide-content a:not(.button){color:#302584;text-underline-offset:3px}.guide-content .table-scroll{overflow:auto;max-width:100%;margin:24px 0;border:1px solid #cbd5e1;border-radius:12px}.guide-content table{border-collapse:collapse;width:100%;font-size:15px;min-width:430px}.guide-content th,.guide-content td{text-align:left;vertical-align:top;padding:14px;border-bottom:1px solid #e1e5f0}.guide-content thead{background:#edf0f8}.guide-content caption{text-align:left;padding:14px;font-weight:800;background:#f7f8fc}.guide-note{background:#f0effa;border-left:4px solid #373078;border-radius:8px;padding:20px;margin:24px 0}.guide-note p{margin-bottom:0}.pattern{margin:24px 0;max-width:100%;overflow:auto}.pattern-grid{display:grid;grid-template-columns:repeat(var(--pattern-cols),minmax(32px,48px));width:max-content;max-width:100%;background:#f7f8fc;border-left:1px solid #bcc7da;border-top:1px solid #bcc7da}.pattern-cell{aspect-ratio:1;border-right:1px solid #bcc7da;border-bottom:1px solid #bcc7da;display:grid;place-items:center;font-size:28px;font-weight:900}.mark-x{color:#373078}.mark-o{color:#c74032}.empty-dot{width:4px;height:4px;border-radius:50%;background:#a2adc1}.pattern figcaption{font-size:14px;color:#535c70;margin-top:10px}.learning-widget{border:1px solid #cbd5e1;background:#f7f8fc;border-radius:16px;padding:24px;margin:28px 0}.learning-widget h3{margin-top:8px}.learning-widget button{cursor:pointer}.lesson-buttons,.quiz-answers,.candidate-buttons,.sequence-controls,.map-layers,.variation-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.learning-widget .button{font-size:14px;min-height:44px;padding:12px 15px}.learning-widget button:disabled{opacity:.5;cursor:not-allowed}.lesson-board-scroll{overflow:auto;max-width:100%;overscroll-behavior:contain}.learn-board{display:grid;grid-template-columns:repeat(var(--size),1fr);width:100%;max-width:560px;aspect-ratio:1;border-left:1px solid #aebcd0;border-top:1px solid #aebcd0;background:#fff;position:relative;margin-block:12px;isolation:isolate}.learn-cell{min-width:0;padding:0;aspect-ratio:1;display:grid;place-items:center;border:0;border-right:1px solid #aebcd0;border-bottom:1px solid #aebcd0;background:transparent;font:900 clamp(14px,3vw,28px) Nunito,sans-serif;position:relative;line-height:1}.learn-cell small{position:absolute;bottom:1px;right:2px;font-size:9px;font-weight:600;color:#4c5569}.learn-cell.target{background:#e6e2ff;box-shadow:inset 0 0 0 2px #6e62b5}.learn-cell.selected{background:#f6f9c2;box-shadow:inset 0 0 0 3px #555500}.learn-cell.winning{background:#d6eddb}.learn-cell.scanned{background:#e8edf7}.learn-cell.last{box-shadow:inset 0 0 0 2px #171d33}.learn-board svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.learn-board.zoomed{width:675px;max-width:none}.lesson-feedback,.candidate-feedback,.quiz-feedback,.dynamic-feedback{min-height:28px;color:#302584;font-weight:700}.guide-content .lesson-caption{font-size:13px;line-height:1.5;color:#535c70}.formation-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.formation-card{padding:18px;border:1px solid #cbd5e1;border-radius:12px}.formation-card h3{font-size:19px;margin-top:0}.library-controls{margin-bottom:20px}.library-controls select{display:block;max-width:100%;padding:12px;font:inherit;margin-top:8px}.traffic-cards{display:grid;grid-template-columns:1fr;gap:16px}.traffic-card{padding:20px;border-radius:12px;border:1px solid #cbd5e1}.traffic-card.red{background:#fff0ee}.traffic-card.yellow{background:#fff9de}.traffic-card.green{background:#e9f6ee}.scanner-options{display:flex;gap:16px;flex-wrap:wrap}.scanner-options label{padding:8px}.analysis-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:13px}.self-check fieldset{border:0;border-bottom:1px solid #dfe3ee;padding:16px 0}.self-check legend{font-weight:700;line-height:1.5}.self-check label{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-right:24px}.self-check input{width:20px;height:20px}.stark-check details{border-bottom:1px solid #cbd5e1;padding:14px}.stark-check summary{cursor:pointer;min-height:30px}.stark-check b{color:#373078;margin-right:16px}.match-notes label{display:block;margin:16px 0;font-weight:700}.match-notes input{display:block;width:100%;padding:12px;border:1px solid #adb9d0;border-radius:8px;font:inherit;margin-top:7px}.split-boards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide-related .button{margin:5px}.learning-widget [hidden]{display:none!important}.learning-widget:focus-within{border-color:#6e62b5}.learn-cell:focus-visible{outline:3px solid #254bff;outline-offset:-3px;z-index:2}
@media(max-width:1000px){.guide-layout{grid-template-columns:210px minmax(0,1fr);gap:24px}.guide-content{padding:24px}.learning-widget{padding:16px}.formation-cards{grid-template-columns:1fr}}
@media(max-width:760px){.guide-hero{padding-block:36px}.guide-hero .lead{font-size:18px}.guide-layout{display:block}.guide-toc{position:static;max-height:none;margin-bottom:24px}.guide-content{padding:22px 16px;border-radius:14px}.guide-content p,.guide-content li{font-size:16px}.guide-content h2{font-size:27px}.learning-widget{padding:12px;margin-inline:-5px}.learn-cell small{font-size:8px}.split-boards{grid-template-columns:1fr}.guide-content .button{white-space:normal;text-align:center}.guide-hero-actions .button{font-size:14px}}
.guide-content p a:not(.button),.guide-content li a:not(.button){text-decoration:underline}.formation-symbols{font-size:clamp(19px,3vw,27px);font-weight:900;color:#373078;white-space:nowrap;padding:18px 0}.guide-content .learning-widget p{overflow-wrap:anywhere}.guide-content .learning-widget .learn-cell{overflow-wrap:normal}

.pattern-cols-1{--pattern-cols:1}.pattern-cols-2{--pattern-cols:2}.pattern-cols-3{--pattern-cols:3}.pattern-cols-4{--pattern-cols:4}.pattern-cols-5{--pattern-cols:5}.pattern-cols-6{--pattern-cols:6}.pattern-cols-7{--pattern-cols:7}.pattern-cols-8{--pattern-cols:8}.pattern-cols-9{--pattern-cols:9}.pattern-cols-10{--pattern-cols:10}.pattern-cols-11{--pattern-cols:11}.pattern-cols-12{--pattern-cols:12}.pattern-cols-13{--pattern-cols:13}.pattern-cols-14{--pattern-cols:14}.pattern-cols-15{--pattern-cols:15}

.learn-size-7{--size:7}.learn-size-15{--size:15}