/* 글쓰기 과제(write.js) */
.wr-lead { max-width:46rem; color:var(--mute); margin:-8px 0 22px; }
.wr-row { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.wr-fine { margin:8px 0 0; font-size:14px; color:var(--mute); line-height:1.6; }
.wr-meta { margin:4px 0 0; font-size:15px; color:var(--mute); } .wr-meta b { color:var(--char); }
.wr-form { margin-bottom:22px; max-width:760px; }
.wr-form textarea,.wr-stu textarea,.wr-edit textarea,.wr-aiset select,.wr-aiset input { width:100%; border:1px solid #B9B5AC; border-radius:10px; padding:12px 14px; background:#fff; color:var(--char); font:inherit; }
.wr-form input,.wr-form select,.wr-aiset select { width:100%; border:1px solid #B9B5AC; border-radius:10px; padding:12px 14px; background:#fff; color:var(--char); }
.wr-back { display:inline-block; margin-bottom:6px; color:var(--tide); font-weight:650; }
.wr-priv { margin:0 0 16px; padding:14px 18px; border-radius:var(--radius); background:#fff; }
.wr-priv > summary { cursor:pointer; font-weight:750; }
.wr-priv dl { margin:12px 0 0; display:grid; gap:10px; } .wr-priv dt { font-weight:750; font-size:15px; color:var(--tide); } .wr-priv dd { margin:2px 0 0; font-size:15.5px; line-height:1.65; }
.wr-top { grid-template-columns:auto auto 1fr; align-items:start; margin-bottom:16px; gap:22px; }
.wr-code span { display:block; color:var(--mute); font-size:14px; } .wr-code b { display:block; font-size:clamp(2.4rem,6vw,3.6rem); letter-spacing:.14em; line-height:1.1; margin:2px 0 6px; }
.wr-code small { display:block; max-width:22rem; color:var(--mute); font-size:14px; margin-bottom:10px; }
.wr-qr { min-width:150px; min-height:150px; padding:6px; background:#fff; border-radius:12px; } .wr-qr canvas,.wr-qr img { display:block; }
.wr-ctl { display:grid; gap:8px; align-content:start; }
.wr-aiset { display:grid; gap:12px; margin-top:12px; max-width:520px; }
.wr-bar { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:6px 0 8px; }
.wr-status { min-height:1.6em; margin:0 0 10px; color:var(--tide); font-weight:650; }
.wr-cols { display:grid; grid-template-columns:minmax(220px,320px) minmax(0,1fr); gap:20px; align-items:start; }
.wr-subs { list-style:none; margin:0; padding:0; display:grid; gap:6px; max-height:60vh; overflow:auto; }
.wr-subs button { width:100%; text-align:left; padding:10px 14px; border-radius:12px; background:var(--paper); color:var(--char); font-weight:600; }
.wr-subs button.is-on { background:var(--char); color:#fff; } .wr-subs em { font-style:normal; font-size:13px; color:var(--tide); margin-left:6px; } .wr-subs .is-on em { color:#9FE0D8; }
.wr-body { white-space:pre-wrap; margin:0 0 8px; padding:16px; border-radius:var(--radius); background:var(--paper); line-height:1.85; }
.wr-edit { display:grid; gap:12px; margin-top:14px; }
.wr-fb { margin-top:14px; display:grid; gap:12px; } .wr-fb h4 { font-size:15px; color:var(--tide); margin-bottom:4px; } .wr-fb ul { margin:0; padding-left:1.2em; } .wr-fb li { margin:2px 0; }
.wr-fbs { margin:0; font-weight:650; } .wr-fbm { margin:0; padding:12px 14px; border-radius:12px; background:#EAF4F2; }
/* 학생 화면 */
.wr-stu { max-width:720px; margin:0 auto; padding:max(28px,env(safe-area-inset-top)) 18px 64px; font-size:17px; }
.wr-stu h1 { font-size:clamp(1.8rem,6vw,2.6rem); margin-bottom:12px; } .wr-stu h2 { font-size:1.4rem; margin-bottom:8px; }
.wr-stu-tag { color:var(--clay-deep); font-weight:750; margin:0 0 6px; }
.wr-stu-prompt { white-space:pre-wrap; font-size:1.08em; }
.wr-stu-crit,.wr-stu-note { margin:0 0 16px; padding:14px 18px; border-radius:var(--radius); background:#fff; } .wr-stu-crit ul,.wr-stu-note ul { margin:6px 0 0; padding-left:1.2em; }
.wr-stu-note { background:#EAF4F2; font-size:15.5px; line-height:1.65; }
.wr-stu-closed { padding:12px 16px; border-radius:12px; background:#FFF3D6; color:#5C3B00; font-weight:650; }
.wr-stu-f { display:grid; gap:6px; margin-bottom:14px; font-weight:650; } .wr-stu-f small { font-weight:400; color:var(--mute); }
.wr-stu-f input { border:1px solid #B9B5AC; border-radius:10px; padding:12px 14px; background:#fff; color:var(--char); width:100%; }
.wr-stu textarea { min-height:260px; line-height:1.8; resize:vertical; }
.wr-stu-count { margin:6px 0 12px; font-size:14px; color:var(--mute); }
.wr-stu-msg { min-height:1.6em; margin:10px 0 0; color:var(--tide); font-weight:650; } .wr-stu-msg.is-bad { color:#B3361B; }
.wr-stu-fb { margin-top:26px; padding:18px; border-radius:var(--panel-radius); background:#fff; display:grid; gap:10px; justify-items:start; }
.wr-stu-home { margin-top:28px; font-size:15px; }
@media (max-width:899px) { .wr-top { grid-template-columns:minmax(0,1fr); } .wr-cols { grid-template-columns:minmax(0,1fr); } }