#g5-studio,.g5-marking{scroll-margin-top:1.25rem}
.g5-studio{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);border:1px solid #b7c7b9;border-radius:14px;overflow:hidden;background:#f8faf6;margin:1rem 0 1.5rem}
.g5-print,.g5-steps,.g5-marking{padding:clamp(1rem,3vw,2rem)}
.g5-studio h2,.g5-marking h2{line-height:1.12;margin:.45rem 0;font-size:clamp(1.55rem,3vw,2.35rem);letter-spacing:-.03em}
.g5-studio .eyebrow,.g5-marking .eyebrow{margin:0 0 .55rem}
.g5-steps{background:#eaf0e4;border-left:1px solid #b7c7b9}
.g5-steps ol{padding-left:1.25rem}
.g5-steps li+li{margin-top:.6rem}
.g5-studio p,.g5-marking p{line-height:1.55}
.g5-buttons,.g5-controls{display:flex;flex-wrap:wrap;align-items:end;gap:.5rem;margin:.8rem 0}
.g5-buttons a,.g5-buttons button,.g5-marking form button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #768879;border-radius:6px;background:white;color:#1e4732;font:inherit;font-size:.91rem;font-weight:650;padding:.45rem .8rem;text-decoration:none;cursor:pointer}
.g5-buttons .g5-main,.g5-marking form button,.g5-plan .g5-buttons button:first-child:not(:disabled){background:#204b36;color:white;border-color:#204b36}
.g5-buttons button:disabled{opacity:.62;cursor:default}
.g5-studio label,.g5-marking label{display:grid;gap:.3rem;font-size:.85rem;font-weight:650;min-width:0}
.g5-controls label:first-child{flex:1 1 100%}
.g5-studio select,.g5-marking select,.g5-studio input{max-width:100%;min-width:0;min-height:44px;background:white;color:#20372a;border:1px solid #829584;border-radius:5px;padding:.35rem;font:inherit;font-size:1rem}
.g5-studio :focus-visible,.g5-marking :focus-visible{outline:3px solid #97672e;outline-offset:2px}
#g5-status:empty,#g5-plan-status:empty{display:none}
.g5-marking{border-top:2px solid #346047;margin:2rem 0}
#g5-marks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#cbd6c9;list-style:none;padding:1px}
#g5-marks li{background:white;padding:1rem;display:flex;flex-direction:column;align-items:flex-start}
#g5-marks li p{margin:.35rem 0}
#g5-marks label{width:100%;margin-top:auto;padding-top:.75rem}
#g5-marks details{font-size:.92rem}
#g5-marks summary{cursor:pointer;color:#20503a}
.g5-plan{background:#edf3ea;padding:1rem;border-radius:8px}
#g5-prompt{font-size:clamp(1.3rem,3vw,1.9rem)}
.g5-studio [hidden],.g5-buttons [hidden],.g5-marking[hidden]{display:none!important}
@media(max-width:720px){.resource-head.grade-head{padding-top:14px}.grade-head .grade-back{margin-bottom:0}.grade-head .deck{margin-bottom:4px}.grade-head p:last-child{margin:.3rem 0}.g5-studio{margin-top:.5rem}#g5-meta{margin:.35rem 0;font-size:.9rem}#g5-title{margin:.22rem 0}.g5-studio{grid-template-columns:1fr}.g5-steps{border-left:0;border-top:1px solid #b7c7b9}#g5-marks{grid-template-columns:1fr}.g5-buttons a,.g5-buttons button{padding:.4rem .67rem}.grade-head{padding-bottom:.5rem}.g5-controls label{flex:1 1 125px}.g5-controls label:first-child{flex-basis:100%}}