/* 네 앱이 함께 쓰는 「내 생각 쓰기」(rp-)와 「오늘 수업 보고서」 PNG(pr-rp-) — sang/js/report.js */
.rp-box{margin:22px 0 0;padding:18px 18px 8px;border-radius:20px;background:linear-gradient(180deg,#FFFDF6,#FBF3E1);border:1.5px solid #E9D9B6;box-shadow:var(--shadow)}
.rp-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:6px}
.rp-head h3{margin:0;font-size:1.3em}
.rp-head .fine{margin:2px 0 0}
.rp-pen{flex:none;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#F6C453,#E08A2E);box-shadow:0 6px 14px -6px rgba(224,138,46,.7);position:relative}
.rp-pen::before{content:"";position:absolute;left:12px;top:9px;width:6px;height:24px;border-radius:2px;background:#fff;transform:rotate(35deg);transform-origin:center}
.rp-pen::after{content:"";position:absolute;left:23px;top:30px;width:12px;height:3px;border-radius:2px;background:#fff;opacity:.8}
.rp-f{display:block;position:relative;margin:12px 0}
.rp-l{display:block;font-weight:700;margin-bottom:5px}
.rp-l small{display:block;font-weight:400;color:var(--muted);font-size:.84em}
.rp-f textarea{width:100%;border:1.5px solid #E2D3B2;border-radius:14px;padding:12px 14px 22px;background:#fff;resize:vertical;line-height:1.7;font-size:1.08em;
  background-image:repeating-linear-gradient(transparent 0 1.7em,#F1E7D2 1.7em calc(1.7em + 1px));background-position:0 12px;background-attachment:local}
.rp-f textarea:focus{border-color:var(--sky);outline:none}
.rp-c{position:absolute;right:12px;bottom:8px;font-family:var(--mono);font-size:.78em;color:var(--faint)}
.rp-c.ok{color:var(--leaf)} .rp-c.bad{color:var(--seal)}
@media (prefers-color-scheme:dark){ .rp-box{background:var(--surface);border-color:var(--rule)} .rp-f textarea{background:var(--sunken);border-color:var(--rule);background-image:none} }
.rp-out{margin-top:16px}

/* ---------- 인쇄/PNG: 오늘 수업 보고서(A4 세로) ---------- */
#printroot .pr-rp{gap:4mm;padding:0}
.pr-rp-hd{position:relative;padding:6mm 7mm 5mm;border-radius:4mm;background:linear-gradient(135deg,#2E3A5C,#4B5F8E 60%,#7A6CB0);color:#fff;overflow:hidden}
.pr-rp-hd::after{content:"";position:absolute;right:-12mm;top:-14mm;width:52mm;height:52mm;border-radius:50%;background:radial-gradient(circle,rgba(255,236,170,.55),rgba(255,236,170,0) 70%)}
.pr-rp-tag{display:inline-block;font-family:"Jua",sans-serif;font-size:10pt;background:#FFE08A;color:#4A3A10;border-radius:999px;padding:.6mm 4mm;margin-bottom:2mm}
.pr-rp-hd h1{font-size:24pt;color:#fff}
.pr-rp-hd .psub{color:#DCE3F5 !important}
.pr-rp-who{position:absolute;right:7mm;bottom:5mm;display:grid;grid-template-columns:auto 34mm;gap:1mm 2mm;margin:0;font-size:10pt;z-index:1}
.pr-rp-who dt{color:#C9D2EA;font-size:8.5pt;align-self:end}
.pr-rp-who dd{margin:0;border-bottom:.3mm solid #fff;min-height:5.5mm;padding:0 1mm}
.pr-rp-goal{margin:0;padding:2.5mm 4mm;border-radius:3mm;background:#EEF3FB;font-size:11pt}
.pr-rp-goal span{font-family:"Jua",sans-serif;color:#3B6EA5;margin-right:2mm}
.pr-rp-sec{border:.35mm solid #D8D1C4;border-radius:3mm;padding:3mm 4mm}
.pr-rp-sec h3{font-size:13pt;margin-bottom:2mm}
.pr-rp-items{display:grid;grid-template-columns:34mm 1fr;gap:1.6mm 3mm;margin:0}
.pr-rp-items dt{font-family:"Jua",sans-serif;font-size:9.5pt;color:#C2452D}
.pr-rp-items dd{margin:0;font-size:10pt;line-height:1.45;max-height:14mm;overflow:hidden}
.pr-rp-me{flex:1;display:flex;flex-direction:column;gap:2.5mm}
.pr-rp-card{flex:1;border-radius:3mm;padding:2.5mm 4mm;display:flex;flex-direction:column;background:#FFF8E4}
.pr-rp-card.feel{background:#FDEDF2} .pr-rp-card.think{background:#EAF4EC}
.pr-rp-card span{font-family:"Jua",sans-serif;font-size:10pt;color:#8A6516}
.pr-rp-card.feel span{color:#B0446A} .pr-rp-card.think span{color:#4F7A4A}
.pr-rp-card p{flex:1;margin:1mm 0 0;font-family:"Nanum Pen Script","Gowun Dodum",cursive;font-size:17pt;line-height:1.25;overflow:hidden}
.pr-rp-ft{display:flex;align-items:center;gap:3mm;font-size:9pt;color:#6E6A63}
.pr-rp-ft i{width:16mm;height:16mm;border:.5mm dashed #C2452D;border-radius:50%}
.pr-rp-ft b{margin-left:auto;font-weight:400;color:#9A958C}