*{box-sizing:border-box}body{margin:0;background:#f5f8fc;color:#142b3d;font:18px/1.65 system-ui,sans-serif}header,main,footer{max-width:1000px;margin:auto;padding:1.4rem}header{background:#173f50;color:white;border-radius:0 0 24px 24px}header a{color:white}h1{font-size:clamp(2rem,6vw,3rem);line-height:1.2}h2{color:#205a68;margin-top:2rem}h3{color:#275466}a{color:#075977;text-decoration-thickness:2px;text-underline-offset:3px}nav{display:flex;gap:1rem;flex-wrap:wrap}figure,.workspace,.hint,details{background:white;border:2px solid #c1d5df;border-radius:16px;padding:1rem;margin:1rem 0}summary{cursor:pointer;font-weight:700}img{max-width:100%;height:auto}label{display:block;font-weight:650;margin:1rem 0 .3rem}textarea,select{width:100%;font:inherit;border:2px solid #4a7285;border-radius:8px;padding:.7rem;background:white;color:#142b3d}textarea{display:block;min-height:105px;resize:vertical}button{font:inherit;background:#173f50;color:white;border:0;border-radius:8px;padding:.7rem 1rem;margin:.5rem .5rem .5rem 0}li{margin:.45rem 0}.poem{white-space:pre-wrap;font:inherit;border-left:5px solid #598b93;padding-left:1rem}.preview{white-space:pre-wrap}footer{font-size:.85rem}:focus-visible{outline:4px solid #bd6b00;outline-offset:3px}@media print{nav,button{display:none}body{background:white;font-size:12pt}header{background:white;color:black}details{display:block}details>summary{display:none}textarea{min-height:2cm}a{color:black}figure{break-inside:avoid}}
.resource-heading-context{display:block;margin-top:.8rem;font-size:.8rem;line-height:1.5;font-weight:650;letter-spacing:.02em;color:#4c625a}