.learning-guide{margin:16px 0 22px;padding:16px 20px;border:1px solid #9baeb9;border-left:5px solid #9d7136;border-radius:6px;background:#f5f2e9;color:#193344;font:16px/1.55 system-ui,sans-serif;max-width:100%;box-sizing:border-box}
.learning-guide>summary{cursor:pointer;font-weight:700;font-size:1.06rem}
.learning-body{max-width:76ch;padding-top:8px}
.learning-guide p{line-height:1.55;color:#193344;margin:12px 0}
.learning-guide label{display:block;font-weight:650}
.learning-guide select{display:block;width:100%;max-width:30rem;padding:10px;background:white;color:#193344;font:inherit;border:1px solid #647c8a;border-radius:4px}
.learning-guide h2{font:700 1.25rem/1.3 system-ui,sans-serif;margin:8px 0}
.learning-guide .learning-scope,.learning-guide .learning-progress{font-size:.86rem;color:#425a68}
.learning-guide details details{margin:12px 0}
.learning-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.learning-buttons button{min-height:44px;padding:8px 14px;background:#193344;color:white;border:1px solid #193344;border-radius:4px;font:inherit;cursor:pointer}
.learning-buttons button:disabled{opacity:.5;cursor:default}
.learning-guide :focus-visible{outline:3px solid #976324;outline-offset:3px}
body.projector .learning-guide{display:none}
@media(max-width:600px){.learning-guide{padding:12px}.learning-buttons button{flex:1}}
@media print{.learning-guide{display:none!important}}