.academy-start{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:26px 30px;background:#fff7da;border:1px solid #e2cb84;border-radius:12px;margin-bottom:25px}.academy-start h2{margin:7px 0 10px;font-size:24px}.academy-start p{font-size:14px;color:var(--muted);margin-bottom:16px}.academy-start .comic-cta{display:inline-block}.academy-progress{text-align:center;min-width:155px}.academy-progress>strong{font-size:38px;line-height:1.2}.academy-progress>strong>span{font-size:21px;color:var(--muted)}.academy-progress p{font-size:12px;margin:10px 0 0}.academy-progress small{font-size:10px}.learning-tabs{display:flex;flex-wrap:wrap;gap:7px;border-bottom:1px solid var(--line);margin:0 0 27px;padding:0 0 12px}.learning-tabs a{font-size:13px;padding:9px 16px;border-radius:7px;background:#fff}.learning-tabs a:hover{background:#ffefbd}.learning-tabs a.active{background:var(--ink);color:white}.academy-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:25px;align-items:start}.academy-chapters{position:sticky;top:16px}.academy-chapter-list{max-height:calc(100vh - 35px);overflow-y:auto;padding:2px 6px 2px 2px;display:grid;gap:4px}.academy-chapter-list a{display:flex;gap:9px;padding:11px 12px;border-radius:7px;font-size:12px;line-height:1.6}.academy-chapter-list a small{font-size:10px;padding-top:2px}.academy-chapter-list a.active{background:var(--pale);box-shadow:inset 3px 0 var(--gold);font-weight:650}.academy-chapter-list a:hover{background:white}.academy-chapter-select{display:none}.academy-content{min-width:0}.chapter-heading{margin-bottom:20px}.chapter-heading h2{margin:7px 0 9px;font-size:24px}.chapter-heading p{color:var(--muted);font-size:13px;margin:0}.learning-ready-count{font-size:12px;font-weight:600;margin-bottom:12px}.learning-ready-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.learning-card{display:grid;grid-template-rows:auto 1fr;min-width:0;overflow:hidden;background:white;border:1px solid var(--line);border-radius:10px;transition:transform .18s,border-color .18s,box-shadow .18s}.learning-card:hover{transform:translateY(-3px);color:var(--ink);border-color:#c0a45b;box-shadow:0 6px 18px #453e2310}.learning-card>img{width:100%;height:auto;aspect-ratio:1.55;object-fit:cover;object-position:top;border-bottom:1px solid var(--line)}.learning-card>div{display:grid;grid-template-rows:24px 3.4em 1fr auto;gap:12px;padding:18px}.learning-card .pill{justify-self:start;align-self:start;font-size:10px}.learning-card h3{font-size:17px;line-height:1.6;margin:0}.learning-card p{font-size:12px;color:var(--muted);min-height:5.1em;margin:0}.learning-card-foot{border-top:1px solid var(--line);padding-top:12px;font-size:12px;font-weight:600}.learning-source-outline{margin-top:38px;border-top:1px solid var(--line);padding-top:25px}.learning-source-list{display:grid;gap:8px}.learning-source-row{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.learning-source-row summary{cursor:pointer;font-size:13px;padding:15px 17px;display:grid;grid-template-columns:1fr;gap:5px;position:relative;padding-right:35px}.learning-source-row summary:after{content:'＋';position:absolute;right:13px;top:17px;color:var(--muted)}.learning-source-row[open] summary:after{content:'−'}.learning-source-row summary:hover{background:#faf7eb}.learning-source-row summary small{font-size:10px;font-weight:400}.learning-source-row>div{padding:0 17px 17px;border-top:1px solid var(--line)}.learning-source-row>div>p{margin-top:15px}.learning-source-row ul{font-size:12px;padding-left:20px;line-height:1.9}.learning-source-row button{font-size:12px}.learning-related{display:grid;gap:9px;margin:17px 0}.learning-related a{font-size:12px;color:var(--green);text-decoration:underline;text-underline-offset:3px}.learning-pending p{font-size:13px;color:var(--muted);margin:10px 0 0}.learning-pending h3{margin:14px 0 8px}.academy-footnote{margin:30px 0 0}.learning-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.learning-stats>div{background:white;border:1px solid var(--line);border-radius:10px;padding:20px}.learning-stats strong{display:block;font-size:32px;font-weight:650}.learning-stats strong small{font-size:12px;margin-left:7px}.learning-stats>div>span{font-size:12px;color:var(--muted)}.learning-search{margin:25px 0}.learning-search label{font-size:13px;font-weight:600}.learning-search>div{display:flex;gap:10px;margin-top:9px}.learning-search input{min-width:0;flex:1;border:1px solid var(--line);border-radius:8px;padding:12px 15px}.catalogue-chapter{margin:28px 0 38px}.catalogue-chapter .chapter-heading{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.catalogue-chapter .chapter-heading h2{font-size:20px;flex:1;margin:0}.catalogue-chapter .chapter-heading a{font-size:12px;text-decoration:underline}.learning-explanation{margin:25px 0}.learning-explanation>h2{font-size:25px;margin:10px 0 28px}.explanation-sections{display:grid;gap:25px}.explanation-sections h3{font-size:19px;margin-bottom:12px}.explanation-sections p{font-size:15px;line-height:1.95;margin:0 0 12px}.explanation-sections p:last-child{margin-bottom:0}.learning-diagram{margin:30px 0 20px;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:10px}.learning-diagram>figcaption{font-size:15px;font-weight:650;margin-bottom:20px}.explanation-diagram-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.explanation-diagram-items>div{background:white;border:1px solid var(--line);border-radius:8px;padding:16px;display:grid;grid-template-rows:21px minmax(52px,auto) 1fr;gap:10px;position:relative}.explanation-diagram-items>div>span{font-size:11px;letter-spacing:.08em;color:var(--muted)}.explanation-diagram-items h4{font-size:15px;line-height:1.7;margin:0}.explanation-diagram-items p{font-size:13px;color:var(--muted);margin:0;line-height:1.8}.with-arrows>div:not(:last-child):after{content:'→';position:absolute;right:-16px;top:47%;z-index:1;color:#786125;font-weight:700}.month-control{font-size:12px;display:flex;gap:12px;align-items:center;margin-bottom:20px}.month-control select{border:1px solid var(--line);border-radius:7px;padding:8px;background:white}.shun-calendar{display:grid;gap:10px;margin-bottom:12px}.shun-band{padding:15px;border:1px solid var(--line);border-radius:8px;background:white}.shun-band>div:first-child{display:flex;gap:14px;justify-content:space-between;align-items:center;margin-bottom:10px}.shun-band strong{font-size:16px}.shun-band span{font-size:12px}.shun-days{display:flex;flex-wrap:wrap;gap:6px}.shun-days span{width:32px;height:32px;display:grid;place-items:center;background:#f8edc8;border-radius:5px;font-weight:600}.shun-1 .shun-days span{background:#e5eee7}.shun-2 .shun-days span{background:#e6e9f3}.comic-page-jumps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.comic-page-jumps button{font-size:12px}.comic-guide .comic-cta{margin-top:8px}
@media(max-width:1200px){.academy-layout{grid-template-columns:1fr}.academy-chapters{position:static}.academy-chapter-list{display:none}.academy-chapter-select{display:block;font-size:12px}.academy-chapter-select select{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:white;margin-top:8px}.explanation-diagram-items{gap:14px}.explanation-diagram-items>div{padding:12px}}
@media(max-width:620px){.academy-start{display:block;padding:21px}.academy-start h2{font-size:21px}.academy-start .comic-cta{display:block}.academy-progress{margin-top:20px;padding-top:16px;border-top:1px solid #e2cb84;display:flex;align-items:center;justify-content:center;gap:18px}.academy-progress>strong{font-size:29px}.academy-progress p{margin:0;text-align:left}.learning-tabs{gap:5px}.learning-tabs a{font-size:11px;padding:9px 10px}.chapter-heading h2{font-size:23px}.learning-ready-grid{grid-template-columns:1fr}.learning-card>div{grid-template-rows:auto auto auto auto;padding:19px}.learning-card h3{font-size:19px}.learning-card p{min-height:0;font-size:13px}.learning-stats{gap:7px}.learning-stats>div{padding:12px 9px}.learning-stats strong{font-size:25px}.learning-stats strong small{font-size:10px;margin-left:3px}.learning-stats>div>span{font-size:10px;display:block;min-height:3.4em}.learning-search button{font-size:12px;padding:9px}.learning-search input{padding:11px;font-size:14px}.catalogue-chapter .chapter-heading{gap:7px}.catalogue-chapter .chapter-heading h2{flex-basis:100%;font-size:20px}.learning-explanation{padding:21px 19px}.learning-explanation>h2{font-size:22px}.explanation-sections h3{font-size:18px}.explanation-sections p{font-size:14px}.learning-diagram{padding:17px 13px}.explanation-diagram-items{grid-template-columns:1fr;gap:15px}.explanation-diagram-items>div{grid-template-rows:auto auto auto;padding:15px;gap:6px}.with-arrows>div:not(:last-child):after{content:'↓';right:48%;top:auto;bottom:-21px}.month-control{display:block}.month-control select{display:block;width:100%;margin-top:8px}.shun-band{padding:12px}.shun-band>div:first-child{gap:8px}.shun-band span{font-size:11px}.shun-days{gap:5px}.shun-days span{width:27px;height:27px}.comic-page-jumps button{font-size:11px;padding:9px}.comic-comparison strong{overflow-wrap:normal}.learning-source-row summary{font-size:13px}}
@media(prefers-reduced-motion:reduce){.learning-card:hover{transform:none}}

main:focus{outline:none}.learning-explanation{scroll-margin-top:20px}