body{background:#f6f2e9;color:#302f2a}.homework-main{max-width:1120px;margin:48px auto 100px;padding:0 28px}.heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.heading h1{font-family:Georgia,serif;font-size:48px;margin:10px 0}.heading em{color:#a4513c}.heading p{max-width:600px;line-height:1.5}.eyebrow{font-size:11px;letter-spacing:.13em;color:#775747}.filters{display:flex;gap:16px;flex-wrap:wrap;padding:20px;background:#eeeadd;border-radius:16px}.filters label{flex:1;min-width:150px}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}input,select,textarea{font:inherit;font-weight:400;border:1px solid #c8c3b6;background:#fffdf8;border-radius:8px;padding:11px;width:100%;min-width:0;box-sizing:border-box;color:#302f2a}textarea{resize:vertical;line-height:1.6}button{font:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:default}.primary,.quiet{padding:11px 16px;border-radius:9px;border:1px solid #a85942;background:#a85942;color:white;font-weight:600}.quiet{background:#fffdf8;color:#714a38;border-color:#ccc4b5}.homework-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.homework-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px;border:1px solid #dfd9ca;background:#fffdf8;border-radius:16px;padding:24px;color:inherit;min-width:0}.homework-card:hover{border-color:#a85942}.homework-card h2{font:24px Georgia,serif;margin:0;overflow-wrap:anywhere}.homework-card p{margin:0;line-height:1.6;font-size:13px}.card-top{width:100%;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.badge{font-size:11px;background:#f1e4d7;color:#354c37;padding:5px 8px;border-radius:6px}.badge.draft{background:#eee8de;color:#65513d}.card-phase{color:#955039;font-size:13px;font-weight:600}dialog{box-sizing:border-box;border:0;border-radius:18px;max-height:94dvh;width:min(740px,94vw);padding:26px 30px;color:inherit;background:#fffdf8;overflow-y:auto}dialog::backdrop{background:#29251e66}.sheet-top{display:flex;align-items:center;justify-content:space-between;gap:14px}dialog h2{font:30px Georgia,serif;margin:20px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}fieldset{border:1px solid #dfd9ca;border-radius:12px;padding:18px;margin:22px 0;min-width:0}legend{font-size:16px;font-weight:600}fieldset>label+label{margin-top:12px}.hint{font-size:12px;color:#665f52;line-height:1.5}summary{cursor:pointer;padding:12px 0;font-weight:600}.recipient-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;max-height:260px;overflow-y:auto}.recipient{display:flex;flex-direction:row;align-items:center;gap:9px;border:1px solid #e1daca;padding:8px;border-radius:9px;font-weight:400;min-width:0}.recipient input{width:18px;flex-shrink:0}.recipient span:last-child{overflow-wrap:anywhere}.recipient:has(:checked){background:#f1e4d7;border-color:#83966f}.learning-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #e3decf}.learning-row span{overflow-wrap:anywhere;font-size:13px}.learning-row small{display:block;color:#655f54}.learning-result{display:block;width:100%;text-align:left;margin-top:8px;line-height:1.4}.context{font-size:13px;margin:18px 0;line-height:1.8}.context a{display:block;color:#8b4635}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}#form-status{color:#8b3529;line-height:1.5}#hw-history article{padding:10px;border-bottom:1px solid #ddd;font-size:13px;line-height:1.6}#hw-history p{white-space:pre-wrap}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #486b50;outline-offset:3px}
@media(max-width:700px){.homework-main{margin-top:25px;padding:0 16px}.heading{align-items:flex-start;flex-direction:column;gap:10px}.heading h1{font-size:37px}.heading p{font-size:14px}.heading>.primary{width:100%}.filters{padding:14px;gap:12px}.filters label{min-width:calc(50% - 12px)}.homework-list{grid-template-columns:1fr}.homework-card{padding:20px}dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;padding:18px;margin:0}.form-grid{gap:12px}fieldset{padding:12px}.recipient-list{grid-template-columns:1fr}.actions button{flex:1}}

#homework-form>.form-grid{grid-template-columns:1fr 1fr}
.quick-recipients{margin:16px 0;padding:12px 16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quick-recipients>label+label{margin-top:0}.quick-recipients .hint,.quick-recipients #recipient-picker{grid-column:1/-1}.quick-recipients .hint{margin:0}
.compact-learnings{margin:16px 0;padding:10px 16px}.compact-learnings #selected-learnings>p{margin:4px 0;font-size:13px;color:#665f52}
#learning-picker>summary{color:#88442f;font-size:14px;padding:10px 0}#learning-picker[open]>summary{margin-bottom:8px}
#homework-options>summary{font-size:13px;color:#665f52}#homework-options[open]{margin-bottom:12px}.learning-row{padding:8px 0}.learning-row .quiet{font-size:12px;padding:8px 10px;flex-shrink:0}.context:empty{display:none}.context{margin:12px 0}.actions{margin-top:12px}
@media(max-width:700px){.quick-recipients{padding:10px;gap:10px}.compact-learnings{padding:10px}.quick-recipients label{min-width:0}#homework-form textarea{min-height:90px}}
.learning-copy{min-width:0;flex:1}.learning-expectations summary{font-size:12px;font-weight:400;color:#775747;padding:5px 0}.learning-expectations p{font-size:13px;line-height:1.5;margin:5px 0;overflow-wrap:anywhere}

.heading-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.heading-actions a{display:inline-flex;align-items:center;text-decoration:none;color:#294b50;font-weight:700;padding:11px 16px;border:1px solid #d9e3e1;border-radius:999px;background:#fff}