/* Learning uses the table's local fonts, existing assets and semantic palette. */
.learning-entry{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin:20px 0 28px}
.learning-entry>span{font:12px/1.6 var(--font-ui);color:var(--muted)}
.learning-page{max-width:1120px;min-width:0;margin:0 auto;padding:20px 0 40px;color:var(--ink);font:14px/1.65 var(--font-ui)}
.learning-page h1,.learning-page h2,.learning-page h3,.learning-page h4,.learning-page p{margin:0}
.learning-page h1{font:400 32px/1.3 var(--font-ui)}
.learning-page h2{font:400 24px/1.4 var(--font-ui)}
.learning-page h3{font:400 19px/1.5 var(--font-ui)}
.learning-page h4{font:400 14px/1.6 var(--font-ui)}
.learning-page button{color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation}
.learning-page button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.learning-page button:hover{color:var(--ink);border-color:var(--muted)}
.learning-page [aria-current=true]{color:var(--ink);border-color:var(--gold);background:var(--green-light)}
.learning-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}
.learning-heading h1{margin-top:4px}
.learning-heading p{max-width:680px;margin-top:8px;color:var(--muted);font-size:12px}
.learning-kicker{display:block;font-size:10px;letter-spacing:1px;color:var(--muted)}
.learning-page .learning-back{flex:none;min-height:42px;padding:10px 16px;background:var(--surface);border:1px solid var(--line);border-radius:3px;font-size:12px}
.learning-sections{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.learning-section-link{display:block;min-height:42px;padding:9px 20px;background:var(--surface);border:1px solid var(--line);border-radius:3px;font-size:13px!important}
.learning-content{padding:24px 0}
.learning-section-heading{margin-bottom:20px;max-width:760px}
.learning-section-heading h2{margin:4px 0 8px}
.learning-section-heading>p{color:var(--muted);font-size:12px}
.learning-about{max-width:760px;padding:24px;border:1px solid var(--line);border-radius:3px;background:var(--surface)}
.learning-about p{font-size:14px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}
.learning-about p+p{margin-top:20px}
.learning-about .learning-about-intro{font-size:16px}
.learning-about strong{color:var(--ink)}
.learning-basics-layout{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(220px,1fr);gap:24px;align-items:start}
.learning-board-panel,.learning-card-detail,.learning-mode-detail{padding:24px;border:1px solid var(--line);border-radius:3px;background:var(--surface);min-width:0}
.learning-board-panel h3{font-size:16px}
.learning-term-list{display:flex;gap:4px;margin-top:16px;flex-wrap:wrap}
.learning-term-list button{flex:1;min-width:60px;min-height:36px;padding:6px 8px;background:var(--paper);border:1px solid var(--line);border-radius:3px;font-size:11px}
.learning-term-list button[aria-current=true]{background:var(--green-light);border-color:var(--gold)}
.learning-board-figure{margin:20px 0 0}
.learning-board-figure figcaption{margin-top:12px;font-size:11px;line-height:1.6;color:var(--muted)}
.learning-term-description{padding:20px 24px;border-left:2px solid var(--gold);background:var(--surface)}
.learning-term-description h3{margin:4px 0 8px}
.learning-term-description p,.learning-rule p{font-size:14px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere}
.learning-rule-list{margin-top:28px}
.learning-rule-list>h3{margin-bottom:16px;font-size:16px}
.learning-rule-list details{padding:12px 0;border-bottom:1px solid var(--line)}
.learning-rule-list details+details{margin-top:0}
.learning-rule-list summary{cursor:pointer;font-size:14px;line-height:1.7}
.learning-rule-list summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.learning-rule-list details p{margin-top:8px}
.learning-rule+.learning-rule{margin-top:16px}
.learning-rule h4{margin-bottom:4px}
.learning-cards-layout{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:32px;align-items:start}
.learning-card-catalog{min-width:0}
.learning-card-menu{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.learning-card-choice{display:grid;justify-items:center;align-content:center;gap:6px;min-width:0;min-height:88px;padding:8px 2px;border:1px solid var(--line);border-radius:3px;background:var(--surface)}
.learning-card-choice img{display:block;width:32px;height:auto;aspect-ratio:108/163;object-fit:contain}
.learning-card-choice span{font-size:9px;line-height:1.4;max-width:100%;overflow-wrap:anywhere}
.learning-note{margin-top:16px!important;font-size:11px;line-height:1.7;color:var(--muted)}
.learning-card-introduction{display:grid;grid-template-columns:108px minmax(0,1fr);gap:24px;align-items:center}
.learning-card-face{display:block;width:108px;height:auto;aspect-ratio:108/163;object-fit:contain}
.learning-card-introduction h3{font-size:26px;margin:4px 0 12px}
.learning-card-intro{font-size:14px;line-height:1.7}
.learning-card-counts{margin-top:12px!important;font-size:11px;line-height:1.7;color:var(--muted)}
.learning-card-rules{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.learning-card-rules ul{padding-left:18px;margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.9}
.learning-card-rules li+li{margin-top:8px}
.learning-example{margin-top:24px;padding:16px 20px;border-left:2px solid var(--gold);background:var(--paper)}
.learning-example p{margin-top:8px;font-size:14px;line-height:1.8;color:var(--muted)}
.learning-modes-layout{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:32px;align-items:start}
.learning-mode-catalog{display:grid;gap:12px;min-width:0}
.learning-mode-choice{text-align:left;display:grid;gap:8px;width:100%;padding:16px 20px;border:1px solid var(--line);border-radius:3px;background:var(--surface)}
.learning-mode-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}
.learning-mode-heading strong{font-size:13px;font-weight:400;line-height:1.6}
.learning-pending{flex:none;font-size:9px;padding:2px 6px;border:1px solid var(--line);color:var(--muted)}
.learning-mode-meta{font-size:10px;color:var(--muted)}
.learning-mode-choice small{font-size:11px;line-height:1.7;color:var(--muted)}
.learning-mode-detail>h3{margin:4px 0 12px;font-size:23px}
.learning-mode-detail>p{font-size:14px;color:var(--muted)}
.learning-mode-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.learning-mode-facts div{display:grid;gap:8px;min-width:0}
.learning-mode-facts dt{font-size:10px;color:var(--muted);line-height:1.6}
.learning-mode-facts dd{margin:0;font:28px/1.2 var(--font-ui);color:var(--ink)}
.learning-mode-note{margin-top:24px!important;padding-top:16px;border-top:1px solid var(--line);font-size:11px!important}
.learning-pending-note{color:var(--ink)!important}
.learning-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:20px}
.learning-pagination>span{font-size:10px;color:var(--muted);text-align:center}
.learning-pagination>.learning-section-link:first-child{justify-self:start}
.learning-pagination>.learning-section-link:last-child{justify-self:end}
@media(max-width:900px){.learning-basics-layout{grid-template-columns:minmax(0,1fr)}.learning-basics-layout,.learning-cards-layout,.learning-modes-layout{gap:20px}.learning-board-panel,.learning-card-detail,.learning-mode-detail{padding:20px}.learning-cards-layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}.learning-card-menu{gap:6px}.learning-card-introduction{gap:16px;grid-template-columns:86px minmax(0,1fr)}.learning-card-face{width:86px}.learning-card-introduction h3{font-size:23px}}
@media(max-width:700px){.learning-page{padding-top:12px}.learning-heading{gap:16px}.learning-heading h1{font-size:28px}.learning-basics-layout,.learning-cards-layout,.learning-modes-layout{grid-template-columns:minmax(0,1fr)}.learning-board-panel{max-width:none}.learning-board-figure{max-width:none}.learning-card-menu{grid-template-columns:repeat(9,minmax(0,1fr))}.learning-card-choice{min-height:76px}.learning-pagination{gap:8px}.learning-pagination>span{display:none}.learning-pagination{grid-template-columns:1fr 1fr}.learning-section-link{padding:9px 12px}.learning-pagination>.learning-section-link:last-child{grid-column:2}.learning-mode-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-mode-choice{padding:12px}.learning-mode-heading{flex-wrap:wrap}}
@media(max-width:440px){.learning-heading{flex-wrap:wrap}.learning-heading p{font-size:11px}.learning-card-menu{grid-template-columns:repeat(6,minmax(0,1fr))}.learning-mode-catalog{grid-template-columns:minmax(0,1fr)}.learning-mode-facts{gap:8px}.learning-sections{gap:6px}.learning-sections .learning-section-link{flex:1;padding:9px 8px}.learning-card-detail,.learning-board-panel,.learning-mode-detail{padding:16px}}