:root{color-scheme:light;font-family:Inter,"Segoe UI","Noto Sans",system-ui,-apple-system,sans-serif;color:#314b59;background:#f7f9fa;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;line-height:1.8}a{color:#2c6d8e;text-underline-offset:4px}a:hover{color:#174f6e}a:focus-visible,summary:focus-visible{outline:3px solid #8bb8d1;outline-offset:5px;border-radius:4px}
.content-header,.content-main{width:min(100% - 40px,960px);margin-inline:auto}
.content-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px;border-bottom:1px solid #dce5ea}
.content-brand{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:17px;font-weight:650}
.content-brand img{display:block;object-fit:contain;flex-shrink:0}
.content-header nav,.footer-links{display:flex;gap:12px 22px;flex-wrap:wrap}.content-header nav a{display:inline-flex;align-items:center;min-height:36px;text-decoration:none;font-size:14px}.content-header [aria-current=page]{font-weight:700;color:#23495f}
.content-main{padding-block:40px 68px}article{max-width:760px;margin-inline:auto}
.article-heading{margin-bottom:32px}h1{font-size:clamp(26px,4.5vw,38px);line-height:1.35;letter-spacing:-.025em;margin:0 0 20px;text-wrap:balance}
h2{font-size:clamp(19px,3vw,24px);line-height:1.45;margin:0 0 14px;color:#2f5265}p{margin:0 0 18px}.content-lead{font-size:18px;color:#526b79}
.content-byline{font-size:12px;line-height:1.7;color:#617784}.content-main section{margin-block:34px;scroll-margin-top:20px}
.content-toc,.content-notice{border:1px solid #dce6eb;background:#edf4f8;border-radius:14px;padding:20px 24px}
.content-toc strong{display:block;margin-bottom:10px}.content-toc a{display:block;width:fit-content;margin-block:6px;text-decoration:none}
figure{margin:20px 0}figcaption{margin-top:10px;font-size:13px;color:#627783}
.lesson-row{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));overflow:hidden;border:2.5px solid #29353b;border-radius:12px;background:#fff;font-family:Charis,"Charis SIL",Georgia,serif;font-size:clamp(20px,4.5vw,32px);font-weight:650}
.lesson-cell{min-width:0;min-height:clamp(38px,9vw,70px);display:grid;place-items:center;border-inline-end:1px solid #b7c1c7;color:#20292e;line-height:1}
.lesson-cell:nth-child(3n){border-inline-end:2.5px solid #29353b}.lesson-cell:last-child{border:0}.lesson-focus{background:#f6e2eb}
.lesson-candidates{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 4px;max-width:90%;font-size:.48em;font-weight:600}
.lesson-answer{margin-top:18px;padding:14px 18px;border:1px solid #ccdfe9;border-radius:12px;background:#f0f7fb}
.lesson-answer summary{cursor:pointer;font-weight:600;color:#2d6685}.lesson-answer[open] summary{margin-bottom:12px}.lesson-answer p:last-child{margin-bottom:0}
.lesson-elimination{display:flex;gap:20px;align-items:center;margin-top:14px;font-size:24px}.lesson-elimination s{color:#a84b54}.lesson-elimination strong{color:#315e71}
.content-mail{display:inline-block;max-width:100%;padding:12px 18px;background:#e7f1f7;border:1px solid #c7dce9;border-radius:12px;font-size:clamp(17px,4vw,23px);overflow-wrap:anywhere;text-decoration:none}
.content-cta{display:inline-block;padding:10px 20px;border:1px solid #c4dce9;border-radius:12px;background:#dfedf6;text-decoration:none;font-weight:600}
.content-languages{max-width:760px;margin:38px auto 0;padding-top:20px;border-top:1px solid #dae5eb;display:flex;gap:8px 16px;flex-wrap:wrap;font-size:13px}.content-languages a{padding-block:4px;min-height:32px}.content-languages [aria-current=page]{font-weight:700;color:#314b59}
.content-footer{background:#20343f;color:#e5edf2;padding:26px 0 22px;margin-top:28px;font-size:12px}
.content-footer>div{width:min(100% - 40px,960px);margin:auto;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.content-footer a{color:inherit;text-decoration:none}.content-footer a:hover{text-decoration:underline}.content-footer .content-brand{font-size:15px}
.skip-link{position:absolute;top:-100px;inset-inline-start:20px;background:#fff;padding:8px 12px;z-index:2}.skip-link:focus{top:8px}
@media(max-width:699px),(orientation:portrait){.content-header{align-items:flex-start;flex-direction:column;gap:16px}.content-header nav{gap:10px 18px}.content-footer>div{align-items:center;text-align:center}.footer-links{justify-content:center}.content-main{padding-top:28px}.content-lead{font-size:16px}}
@media(max-width:360px){.content-header,.content-main,.content-footer>div{width:calc(100% - 28px)}.content-header nav{gap:8px 14px}.content-toc,.content-notice{padding:16px}.lesson-answer{padding:12px}}
@media(prefers-reduced-motion:no-preference){summary{transition:color 120ms ease}}