.learn-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.learn-tabs button{padding:10px 20px;background:white;border-color:var(--line);color:#3e5876}.learn-tabs button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:white}.learn-panel{background:white;border:1px solid var(--line);border-radius:10px;padding:28px;min-width:0}.learn-panel h2{font-size:23px;line-height:1.4}.learn-panel h3{font-size:18px;margin:28px 0 14px}.learn-panel p,.learn-panel dd{font-size:14px;line-height:1.85;color:#4a6077}.learn-intro{margin:12px 0 24px;max-width:80ch}.learn-streets{padding:0;list-style:none;counter-reset:street;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:24px 0 32px}.learn-streets li{counter-increment:street;border-top:2px solid #c2d2e7;padding-top:14px}.learn-streets b{display:block;font-size:17px;margin-bottom:8px;color:#233f62}.learn-streets b:before{content:counter(street,decimal-leading-zero);font-size:12px;color:#526d8d;margin-right:10px}.learn-streets span{font-size:14px;color:#4a6077;line-height:1.85}.learn-actions,.learn-position-list{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.learn-actions>div,.learn-position-list>div{border-top:1px solid var(--line);padding:16px 0}.learn-panel dt{font-size:15px;font-weight:600;color:#243c59}.learn-panel dd{margin:6px 0 0}.learn-detail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:4px 0;margin:24px 0}.learn-detail summary{min-height:48px;padding:12px 4px;cursor:pointer;font-weight:550;color:#294e7a}.learn-detail summary:focus-visible{outline:3px solid #6499e4;outline-offset:3px}.learn-detail p{margin:10px 4px 16px;max-width:85ch}.learn-table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:6px}.learn-table-scroll:focus-visible{outline:3px solid #6499e4;outline-offset:3px}.learn-rank-table{min-width:650px}.learn-rank-table th,.learn-rank-table td{font-size:14px;white-space:normal;padding:14px 18px;line-height:1.7}.learn-rank-table thead th{color:#465f7c}.learn-rank-table tbody th{background:white;font-weight:600;color:#293e56;min-width:100px}.learn-rank-table .learn-card-text{white-space:nowrap;font-size:16px;color:#254a75}.learn-note{background:#edf3fa;border-left:3px solid #819fca;padding:14px 18px;margin:20px 0}.learn-source{margin-top:22px}.learn-source a{text-decoration:underline;text-underline-offset:3px;color:#2457a7}.learn-position-layout{display:grid;grid-template-columns:minmax(280px,460px) minmax(250px,1fr);gap:36px;align-items:center}.learn-table-map{position:relative;aspect-ratio:1.25;max-width:440px;width:100%;margin:0 auto}.learn-felt{position:absolute;inset:20% 15%;border:5px solid #c2d2e5;border-radius:48%;background:#e9f0f8;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.learn-felt b{font-size:20px;color:#355677}.learn-felt span{font-size:12px;color:#4a6380}.learn-seat{position:absolute;width:26%;padding:10px 4px;background:white;border:1px solid #9fb5d1;border-radius:7px;text-align:center}.learn-seat b{display:block;font-size:15px;color:#274869}.learn-seat span{font-size:12px;color:#4d6682}.learn-seat-0{bottom:0;left:37%;border:2px solid #2457a7}.learn-seat-1{bottom:25%;left:0}.learn-seat-2{top:16%;left:0}.learn-seat-3{top:0;left:37%}.learn-seat-4{top:16%;right:0}.learn-seat-5{bottom:25%;right:0}.learn-order{margin:16px 0;overflow-wrap:anywhere}.learn-order b{display:block;margin-bottom:6px;color:#29486e}.learn-position-list{margin-top:30px}.learn-position-list dt span{margin-left:10px;color:#4c6480}.learn-position-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.learn-position-picker button{padding:10px 6px;background:#f3f6fa;color:#2e4c70;border-color:#d8e2ee;font-size:15px;font-weight:600}.learn-position-picker button span{display:block;font-size:12px;font-weight:400}.learn-position-picker button[aria-pressed=true]{background:#2457a7;color:white;border-color:#2457a7}.learn-hand-controls{display:flex;gap:24px;align-items:center;margin:22px 0}.learn-hand-controls label{min-width:185px}.learn-hand-controls p{max-width:60ch}.learn-selected{border-block:1px solid #dce5f0;padding:20px 0;margin-bottom:18px}.learn-hand-name{display:flex;align-items:center;gap:18px}.learn-hand-name strong{font-size:32px;color:#244c82}.learn-hand-name span{font-size:13px;color:#52677f}.learn-selected dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:12px 0}.learn-selected dt{font-size:12px;font-weight:400;color:#52677f}.learn-selected dd{font-size:25px;line-height:1.4;font-variant-numeric:tabular-nums;color:#223e60}.learn-selected dd small{font-size:13px}.learn-selected>p{margin-top:12px}.learn-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.learn-swatch{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;background:#dce9fa;color:#153c6e;border:1px solid #85a6d2;font-size:12px}.learn-swatch.neutral{background:#f6f8fb;color:#52677f;border-color:#d7e0ea;margin-left:12px}.learn-panel .learn-scroll-help{font-size:12px;margin:12px 0;color:#52677f}.learn-matrix-scroll{overflow-x:auto;overscroll-behavior-x:contain;padding:5px;margin:0 -5px;max-width:100%}.learn-matrix{min-width:760px;border-collapse:separate;border-spacing:3px;table-layout:fixed}.learn-matrix th{padding:4px;color:#52677f;background:white;border:0;text-align:center;font-size:12px}.learn-matrix th:first-child{width:24px}.learn-matrix td{padding:0;border:0;white-space:normal}.learn-matrix button{width:100%;min-width:48px;min-height:72px;padding:5px 1px;border-radius:4px;background:#f6f8fb;border:1px solid #d7e0ea;color:#425b77;line-height:1.4;touch-action:manipulation}.learn-matrix button b{display:block;font-size:13px}.learn-matrix button span{display:block;font-size:11px;font-variant-numeric:tabular-nums}.learn-matrix button small{font-size:10px;display:block}.learn-matrix button.in-range{background:#dce9fa;border-color:#8facd0;color:#153c6e}.learn-matrix button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #173e71}.learn-matrix button:focus-visible{outline:3px solid #173e71;outline-offset:1px}.learn-matrix tbody tr:hover{background:transparent}body[data-page=knowledge] .subtitle{max-width:70ch;font-size:14px}
@media(max-width:1000px){.learn-streets{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-position-layout{grid-template-columns:1fr;gap:8px}.learn-position-layout h3{margin-top:10px}}
@media(max-width:680px){.sidebar nav{grid-template-columns:repeat(6,minmax(0,1fr))}.learn-panel{padding:20px 16px}.learn-panel h2{font-size:21px}.learn-tabs{gap:6px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.learn-tabs button{font-size:13px;padding:10px 4px}.learn-streets{grid-template-columns:1fr;gap:18px}.learn-actions,.learn-position-list{grid-template-columns:1fr}.learn-position-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.learn-hand-controls{display:block}.learn-hand-controls select{font-size:16px}.learn-hand-controls p{margin-top:12px}.learn-selected dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.learn-note{padding:12px}.learn-table-map{max-width:380px}.learn-seat{padding:6px 2px}.learn-seat b{font-size:13px}.learn-seat span{font-size:11px}.learn-felt span{font-size:10px}.learn-felt b{font-size:17px}.learn-hand-name{gap:12px}.learn-hand-name span{font-size:12px}.learn-matrix{min-width:750px}}
@media(max-width:380px){.learn-table-map{aspect-ratio:1}.learn-seat span{white-space:nowrap;font-size:10px}.learn-felt span{font-size:9px}.learn-felt b{font-size:15px}}