.learning-section .section-lead,.tactics-reading .section-lead{max-width:760px;margin-top:20px}.learning-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 64px;margin-top:42px}.learning-item{border-top:1px solid var(--line);padding-top:24px}.learning-item h3,.gear-item h3,.menu-example h3{font-size:19px;font-weight:500;line-height:1.7}.learning-item p,.gear-item p,.menu-example p,.menu-example li,.coaching-notes>p{font-size:14px;color:var(--muted);margin-top:14px;line-height:2}.learning-note{max-width:850px;color:var(--muted);font-size:12px;margin-top:30px;line-height:1.95}.learning-sources{margin-top:30px;border-left:2px solid #b9cbaa;padding-left:20px;font-size:12px;color:var(--muted)}.learning-sources a{display:block;text-decoration:underline;text-underline-offset:4px;margin-top:10px;overflow-wrap:anywhere}.learning-sources small{display:block;font-size:11px;margin-top:12px;max-width:780px}.menu-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:42px}.menu-example{border-top:2px solid #bdcbad;padding-top:23px}.menu-example ol{padding-left:1.25em}.menu-example .menu-goal{color:var(--green)}.menu-example .menu-review{font-size:12px}.coaching-notes{margin-top:70px}.coaching-notes h2{font-size:26px;font-weight:500}.coaching-notes .learning-columns{margin-top:30px}.tactics-reading{background:#eef1e8}.tactics-reading .text-link{margin-top:24px}.gear-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 64px;margin-top:42px}.gear-item{padding-top:24px;border-top:1px solid var(--line)}.gear-item .text-link{margin-top:20px;max-width:100%;overflow-wrap:anywhere}.learning-links{display:flex;gap:16px 28px;flex-wrap:wrap;padding-block:24px;border-bottom:1px solid var(--line);font-size:13px}.learning-links a{min-height:44px;display:flex;align-items:center;border-bottom:1px solid #9cae99}.board-section{background:#e5eccf}.board-section .section-lead{max-width:700px;margin-top:18px}.board-layout{display:grid;grid-template-columns:minmax(260px,510px) minmax(230px,1fr);gap:70px;margin-top:38px;align-items:start}.court-surface{position:relative;width:100%;aspect-ratio:500/900;background:#2b614d;border:1px solid #557a65;user-select:none}.court-surface svg{width:100%;height:100%;display:block;pointer-events:none}.board-token{position:absolute;transform:translate(-50%,-50%);border:2px solid #fffefb;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;font-size:12px;font-weight:600;color:#143c31;background:#deed95;cursor:grab;touch-action:none;z-index:1;box-shadow:0 2px 4px #102e2440;padding:0}.board-token[data-piece^=away]{background:#d4e8f4;color:#1c3b4a}.board-token[data-piece=ball]{background:#fffefb;color:#304334;width:44px;height:44px;font-size:10px;border-color:#a5c45f}.board-token[aria-pressed=true]{outline:3px solid #e5a545;outline-offset:4px;z-index:3}.board-token:focus-visible{outline:3px solid #fff;outline-offset:7px;box-shadow:0 0 0 9px #142e24}.board-token.dragging{cursor:grabbing;z-index:5}.board-controls label{font-size:14px;display:block;margin-bottom:10px}.board-controls select{font:inherit;width:100%;min-height:48px;background:#fffefb;border:1px solid #91a384;color:var(--ink);padding:8px 12px;border-radius:3px}.board-controls select:focus-visible{outline:3px solid #b17424;outline-offset:3px}.board-controls ol{padding-left:1.4em;font-size:14px;margin:28px 0;color:#425842}.board-controls li+li{margin-top:12px}.board-controls h3{font-size:18px;font-weight:500;margin-top:30px}.board-controls p{font-size:13px;color:#425842;margin-top:15px}.board-status{min-height:3em;padding:15px 0;border-bottom:1px solid #b4c2a4;font-size:13px}.board-reset{font:inherit;min-height:48px;padding:10px 20px;background:var(--green);color:#fffefb;border:1px solid var(--green);cursor:pointer;margin-top:20px;border-radius:3px;font-size:13px}.board-reset:hover{background:#315545}.board-loading{margin-top:30px;color:var(--muted);font-size:14px}.board-section .learning-note{color:#425842}.board-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#425842;margin-top:16px}.board-legend span:before{content:"";display:inline-block;width:10px;height:10px;background:#deed95;border:1px solid #5c7052;border-radius:50%;margin-right:7px}.board-legend span+span:before{background:#d4e8f4}.board-legend span:last-child:before{background:#fffefb}
@media(min-width:901px){.board-layout{grid-template-columns:360px minmax(0,1fr)}}
@media(max-width:360px){.site-header .brand{font-size:15px;gap:7px}.site-header .brand>img{width:28px;height:28px}.site-header .brand small{font-size:7px;letter-spacing:.12em}.menu-toggle:not([hidden]){gap:8px;padding:0}}
@media(max-width:900px){.board-layout{gap:35px;grid-template-columns:minmax(230px,1fr) minmax(210px,1fr)}.menu-examples{grid-template-columns:1fr;gap:35px}.menu-example{display:block}.learning-columns,.gear-grid{gap:30px}.board-token{width:46px;height:46px;font-size:11px}}
@media(max-width:600px){.learning-columns,.gear-grid{grid-template-columns:1fr;margin-top:30px;gap:26px}.learning-item h3,.gear-item h3,.menu-example h3{font-size:17px}.learning-item p,.gear-item p,.menu-example p,.menu-example li,.coaching-notes>p{font-size:13px}.coaching-notes{margin-top:48px}.coaching-notes h2{font-size:23px}.board-layout{grid-template-columns:1fr;gap:30px}.board-controls{order:-1}.board-controls ol{font-size:12px;margin:20px 0}.board-controls h3,.board-controls .board-example{display:none}.board-token{width:44px;height:44px;font-size:10px}.board-token[data-piece=ball]{width:44px;height:44px}.board-reset{margin-top:12px}.board-status{padding:10px 0}.learning-links{font-size:12px;gap:10px 20px}.learning-sources{font-size:11px}}
.learning-visual{margin:0 0 20px;position:relative;background:#f0f1e6;overflow:hidden;border-radius:4px}
.learning-visual svg{display:block;width:100%;height:auto;aspect-ratio:8/5}
.learning-visual figcaption{position:absolute;left:14px;top:10px;font-size:11px;line-height:1.6;color:#37543f;background:#f0f1e6;padding:0 4px}
.learning-item,.gear-item,.menu-example{padding-top:0;border-top:0;min-width:0}
.equipment-grid,.coaching-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.tactics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.gear-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.learning-item h3,.gear-item h3,.menu-example h3{font-size:16px;line-height:1.7;font-weight:500;letter-spacing:.02em}
.learning-item h3{min-height:3.4em}
.guide-detail{margin-top:14px;border-top:1px solid var(--line)}
.guide-detail summary,.learning-sources summary,.guide-sources summary{min-height:46px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.8;list-style:none;color:#365540}
.guide-detail summary:after,.learning-sources summary:after,.guide-sources summary:after{content:'＋';margin-left:auto;flex-shrink:0;font-size:18px}
.guide-detail[open]>summary:after,.learning-sources[open]>summary:after,.guide-sources[open]>summary:after{content:'−'}
.guide-detail summary::-webkit-details-marker,.learning-sources summary::-webkit-details-marker,.guide-sources summary::-webkit-details-marker{display:none}
.guide-detail summary:focus-visible,.learning-sources summary:focus-visible,.guide-sources summary:focus-visible{outline:3px solid #b17424;outline-offset:3px}
.guide-detail p,.guide-detail ol{margin-top:8px;margin-bottom:16px}
.learning-sources{max-width:800px;border-left:0;padding-left:0;border-block:1px solid var(--line)}
.learning-sources[open]{padding-bottom:18px}
.learning-note+.learning-note{margin-top:8px}
.safety-reminder{border-left:3px solid #a67635;padding-left:15px;color:#4b5546}
.diagram-legend{display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:24px;font-size:12px;color:#3a584a}
.diagram-legend span:first-child{background:#deebae;padding:0 8px;border-radius:2px}
.diagram-legend span:nth-child(2){background:#cce2f0;padding:0 8px;border-radius:2px}
.diagram-note{margin-top:12px;max-width:750px;font-size:12px;color:#53624e}
.guide-layout{display:block}
.beginner-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-top:28px}
.beginner-step{min-width:0}
.beginner-step h4{font-size:14px;font-weight:500;line-height:1.8;margin:0;min-height:4.1em}
.beginner-step .step-number{font-size:11px;display:block;color:#526944;margin:0 0 5px}
.practice-guide .guide-detail summary{font-size:12px;min-height:46px;padding:0;font-weight:400}
.practice-body{padding:0}
.guide-aside{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
.guide-aside>section+section{border:0;margin:0;padding:0}
.guide-aside h3{font-size:18px}
.guide-aside .guide-detail{max-width:450px}
.guide-aside .guide-detail ul{margin-top:8px;margin-bottom:18px}
.gear-item .text-link{gap:10px;font-size:12px;min-height:44px;align-items:start}
@media(max-width:1000px){.equipment-grid,.coaching-grid,.gear-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tactics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.beginner-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.equipment-grid,.coaching-grid,.gear-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.tactics-grid{grid-template-columns:1fr;gap:30px}.learning-visual{margin-bottom:14px}.learning-item h3,.gear-item h3{font-size:14px}.learning-item h3{min-height:0}.learning-visual figcaption{font-size:10px;left:8px;top:7px}.beginner-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.beginner-step h4{font-size:13px}.guide-aside{grid-template-columns:1fr;gap:30px;margin-top:32px}.guide-aside>section+section{border-top:1px solid var(--line);padding-top:28px}.guide-detail summary{font-size:11px}.menu-example .learning-visual svg{max-height:250px}.menu-goal{margin-top:8px!important}.diagram-note{font-size:11px}}