.utt-learn{max-width:1100px;margin:auto;padding:3rem 1.5rem 5rem;color:#eee6d6;line-height:1.7}.utt-learn__head{max-width:760px;margin-bottom:2.5rem}.utt-learn h1{font-size:clamp(2.2rem,5vw,3.5rem);line-height:1.15}.utt-learn h2{font-size:2rem;line-height:1.25}.utt-learn h3{font-size:1.2rem;line-height:1.4}.utt-learn a{color:#d8b643}.utt-learn__nav{display:flex;flex-wrap:wrap;gap:.7rem 1.5rem;border-block:1px solid #56503c;padding:1rem 0;margin-bottom:1.5rem}.utt-learn__lesson{padding:2.2rem 0;border-bottom:1px solid #343945;scroll-margin-top:1.5rem}.utt-learn__lesson>p,.utt-learn__lesson>ol{max-width:780px}.utt-learn__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.utt-learn__grid>section{padding:1.25rem;background:#101725;border:1px solid #343945;border-radius:.35rem}.utt-learn fieldset{border:1px solid #343945;border-radius:.35rem;padding:1rem 1.25rem;margin:1.2rem 0;max-width:780px}.utt-learn legend{font-weight:600;padding:0 .35rem}.utt-learn label{display:block;margin:.7rem 0}.utt-learn input{margin-right:.5rem;accent-color:#d8b643}.utt-learn textarea,.utt-practice textarea{display:block;box-sizing:border-box;width:100%;padding:1rem;color:#eee6d6;background:#101725;border:1px solid #697182;border-radius:.3rem;font:inherit;line-height:1.6;resize:vertical}.utt-learn [hidden],.utt-practice [hidden]{display:none!important}.utt-learn button,.utt-learn .utt-button{margin:.4rem .35rem .4rem 0}.utt-learn .utt-button--primary{color:#080c15}.utt-learn :focus-visible,.utt-practice :focus-visible{outline:3px solid #e3c355;outline-offset:4px}.utt-practice{max-width:780px;margin:2rem auto 3rem;padding:1.5rem;border:1px solid #697182;border-radius:.4rem;line-height:1.7}.utt-practice label{display:block;font-weight:600;margin-bottom:.6rem}.utt-practice h2{line-height:1.3}.utt-learning-link{max-width:1100px;margin:1rem auto;text-align:right}.utt-learning-link a{color:#d8b643}@media(max-width:700px){.utt-learn__grid{grid-template-columns:1fr}.utt-learn{padding:1.5rem 1rem 3rem}.utt-practice{padding:1rem}.utt-learn__nav{display:grid;grid-template-columns:1fr 1fr}}@media print{.utt-learn,.utt-learn *,.utt-practice,.utt-practice *{color:#111!important;background:transparent!important;text-shadow:none!important}.utt-learn__nav,.utt-learn button,.utt-practice button{display:none!important}.utt-learn__grid{display:block}.utt-learn__grid>section{break-inside:avoid}}