#og-guide{background:radial-gradient(ellipse at top right,#193744 0,transparent 65%),#101e30;border-color:#668d94;padding:clamp(20px,4vw,44px)}#og-guide h2{font-size:clamp(1.65rem,4vw,2.6rem);line-height:1.15;max-width:760px;margin:18px 0}#og-guide h2:focus{outline:none}.og-lead{color:#c4d4e9;font-size:1.1rem}.og-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.og-choice{display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left;padding:20px;background:#102238;border-color:#53708d;min-height:110px}.og-choice span{font-size:.93rem;color:#bdd0e4;line-height:1.45}.og-choice[aria-pressed=true]{border-color:#91e7d2;background:#204548;box-shadow:inset 4px 0 #91e7d2}.og-choice:hover{border-color:#b5caff}.og-help{padding:18px;border:1px solid #4c627a;border-radius:12px;margin:20px 0}.og-help summary{cursor:pointer;min-height:30px;font-weight:650}.og-feedback{padding:16px 20px;border-left:3px solid #a4b9ff;background:#172b41;border-radius:8px;margin:20px 0}.og-sketch{margin:24px 0;background:#091521;border:1px solid #40576b;border-radius:14px;padding:16px}.og-sketch svg{width:100%;max-height:260px;display:block}.og-sketch figcaption{color:#b9c9dc;font-size:.85rem;line-height:1.6}.og-lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.og-lesson-grid article{padding:18px;background:#0e1a2a;border:1px solid #405a75;border-radius:12px}.og-lesson-grid h3{color:#91e7d2;font-size:1rem}.og-quiz{margin:24px 0;padding:22px;border:1px solid #8c7c56;border-radius:14px;background:#242735}.og-quiz button{display:block;text-align:left;width:100%;margin:10px 0;background:#142638}.og-next{padding:20px;background:#173b3d;border-radius:12px;margin-bottom:22px}.og-next a{display:inline-block;padding:12px;margin:5px;border:1px solid #91e7d2;border-radius:8px}#og-guide progress{width:100%;height:7px;accent-color:#91e7d2}.og-optional{margin:24px 0;border:1px solid #415972;border-radius:16px;padding:18px}.og-optional>summary{cursor:pointer;font-size:1.15rem;font-weight:650;padding:10px}.og-optional section{margin:18px 0} @media(max-width:650px){.og-choices,.og-lesson-grid{grid-template-columns:1fr}.og-choice{min-height:90px}.og-optional{padding:10px}.og-sketch{padding:10px}}