.delivery-layout{gap:18px}.delivery-heading{display:flex;gap:18px;justify-content:space-between;align-items:center;color:#fff8e9;margin-bottom:16px}.delivery-heading h1{font-size:clamp(26px,2.6vw,40px);letter-spacing:-.035em;line-height:1.3;margin:10px 0 0}.delivery-progress{background:#f9c45e;color:#463916;border:2px solid #684f28;padding:10px 15px;border-radius:10px;font-weight:800;white-space:nowrap;box-shadow:3px 3px #14352d}
.delivery-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.delivery-overview>div{min-width:0;padding:12px 17px;border:1px solid #b7c9a9;border-radius:10px;background:#ecf3e3;box-shadow:3px 3px #153b32}.delivery-overview>div:nth-child(2){background:#fff0c5;border-color:#d2b568}.delivery-overview>div:nth-child(3){background:#d9eced;border-color:#90b2ad}.delivery-overview span{display:block;font-size:13px;color:#536d59;margin-bottom:5px}.delivery-overview b{font-size:17px;line-height:1.5;overflow-wrap:anywhere}
.delivery-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(16px,1.8vw,28px);align-items:start;flex:1}.delivery-visual{min-width:0;display:flex;flex-direction:column;gap:14px}.delivery-device{border:3px solid #29483c;border-radius:17px;background:#f8f5e9;overflow:hidden;box-shadow:6px 6px #102f28;min-width:0;display:flex;flex-direction:column;min-height:400px}.delivery-device>header{display:flex;align-items:center;gap:9px;background:#194b47;color:#fff8e8;border-bottom:2px solid #243f35;padding:16px;font-size:16px}.device-indicator{width:10px;height:10px;background:#f7cd72;border:2px solid #f5e5ac;border-radius:50%;flex:none}.device-mode{margin-left:auto;font-size:12px;border:1px solid #a8bfaa;border-radius:6px;padding:4px 7px;color:#f9d68b;flex:none}.device-address{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;border-bottom:1px solid #b5c4af;background:#fffdf3;padding:15px 18px;line-height:1.6;overflow-wrap:anywhere}.device-address b{font-size:14px;color:#5b735f}.device-body{padding:22px;flex:1;background:#e7f0e2;min-height:220px}.device-writer{font-weight:700;font-size:13px;color:#4a6853;margin-bottom:12px}.delivery-text{white-space:pre-wrap;margin:0;line-height:1.9;overflow-wrap:anywhere;font-size:clamp(18px,1.5vw,23px);font-weight:700;background:#fffdf5;border:2px solid #8fa58b;border-radius:13px;padding:20px;box-shadow:3px 3px #c8d4bf;min-height:130px}.delivery-text::selection{background:#f5d782}.delivery-text:empty::before{content:'아직 글이 없어요.'}.delivery-device>footer{padding:15px 18px;line-height:1.6;font-size:13px;background:#fff7dd;border-top:1px solid #cbbb89;color:#536347}.delivery-text{color:#173d35}
.delivery-text{word-break:keep-all}.device-mail .device-body{background:#fffdf5}.device-mail .delivery-text{box-shadow:none;border:0;padding:5px 0;border-radius:0;font-weight:500}.device-board .device-body{background:#f5edce}.device-board>header{background:#856630}.device-other .device-body{background:#e7e4ef}.device-other>header{background:#4e5063}
.delivery-work{display:flex;flex-direction:column;gap:15px;min-width:0}.delivery-work>.tag{align-self:flex-start}.delivery-work h2{font-size:clamp(23px,1.9vw,30px);margin:0;line-height:1.35}.delivery-work p{line-height:1.65;margin:0}.delivery-work .field{gap:8px}.delivery-work textarea{min-height:130px;line-height:1.8}.delivery-work>.btn{width:100%;min-height:48px}.access-options{display:grid;gap:11px}.access-options .btn{text-align:left;justify-content:flex-start;min-height:50px;line-height:1.5}.delivery-note{padding:16px;background:#ffefbe;border:1px solid #cfad61;border-left:5px solid #ba893a;border-radius:10px;line-height:1.65}.delivery-note b{display:block;font-size:14px;color:#7c5624;margin-bottom:6px}.delivery-note p{line-height:1.6;margin:0}.delivery-note ul{padding-left:21px;margin:6px 0}.delivery-caption{padding:13px 16px;border-radius:10px;background:#e3ecdf;color:#425d4c;font-size:14px;line-height:1.65;margin:0}.delivery-work .delivery-caption{font-size:14px}
.delivery-status{padding:18px;border:2px solid #ba9553;border-radius:13px;background:#fff0c9;line-height:1.65}.delivery-status h2{margin:12px 0 9px;font-size:25px}.delivery-status p{font-size:17px}.delivery-status small{display:block;margin-top:13px;font-size:13px;color:#58654d}.delivery-status ul{padding-left:23px;margin:12px 0 0}.status-ready{background:#ddede0;border-color:#428970}.status-unavailable{background:#fbe8d8;border-color:#b77950}.status-incomplete{background:#fff0cb;border-color:#bb934d}.status-pending{background:#e4ebef;border-color:#76969e}
.reader-questions{padding:16px;border:1px solid #aab79c;border-radius:12px;background:#eef4e5;line-height:1.6}.reader-questions h2{font-size:21px}.reader-questions>p{font-size:14px;margin:8px 0 12px}.question-choices{display:flex;gap:9px;flex-wrap:wrap}.question-choices .btn{font-size:14px;min-height:44px;padding:8px 11px}.question-tips{padding:12px 0 0 22px;margin:0;color:#4d6048;font-size:14px;line-height:1.65}.question-tips li+li{margin-top:7px}.delivery-actions{display:flex;gap:12px;flex-wrap:wrap}.delivery-actions .btn{flex:1 1 200px;min-height:48px}
.delivery-help{border:1px solid #c5b47d;border-radius:11px;background:#fff3d3;padding:9px 14px;line-height:1.65}.delivery-help summary{display:flex;align-items:center;min-height:44px;font-weight:700;cursor:pointer;gap:9px}.delivery-help summary::before{content:'+';font-size:20px;flex:none}.delivery-help[open] summary::before{content:'−'}.delivery-help p{font-size:15px;margin:9px 0}.delivery-help>.field,.delivery-help>.btn{margin-top:14px}.delivery-help .field{font-size:15px}.delivery-notice{border:2px solid #bd8453;border-radius:10px;padding:13px;background:#ffedd9;color:#794c2b;font-size:15px;line-height:1.6}.delivery-work [hidden]{display:none!important}
.revision-source{display:flex;flex-direction:column;gap:18px;min-width:0;background:#e3ede0}.revision-source>.tag{align-self:flex-start}.revision-source h2{font-size:clamp(24px,1.9vw,30px);margin:0;line-height:1.3}.revision-original{white-space:pre-wrap;background:#fffaf0;border:2px solid #8d9f81;border-radius:12px;padding:22px;font-size:clamp(19px,1.6vw,25px);line-height:1.8;margin:0;overflow-wrap:anywhere;min-height:145px}.revision-source .helper{margin:0}.delivery-comparison{display:flex;flex-direction:column;gap:20px;min-width:0}.delivery-comparison>.tag{align-self:flex-start}.delivery-comparison h2{margin:0}.comparison-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.comparison-columns>section{padding:23px;min-width:0;background:#e9e7df;border:2px solid #8d9b83;border-radius:13px;box-shadow:3px 3px #bcc6b2}.comparison-columns>section:last-child{background:#e0efde;border-color:#5f9476;box-shadow:3px 3px #9fc2a9}.comparison-columns h3{font-size:17px;color:#4c6551;margin:0 0 15px}.comparison-columns p{font-size:clamp(20px,1.8vw,28px);line-height:1.8;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.comparison-columns small{display:block;margin-top:17px;color:#5f735a;font-size:13px}
.delivery-report{border-top:3px solid #388579;margin-top:25px;padding-top:18px}.delivery-report>h2{font-size:21px;margin:0 0 10px}.delivery-history{margin-top:18px;padding:12px;border:1px solid #aabc9e;border-radius:9px;background:#f4f6ec}.delivery-history summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}.delivery-history .report-block p{font-size:14px;white-space:pre-wrap}
@media(max-width:1000px){.delivery-grid{grid-template-columns:1fr}.delivery-visual{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}.delivery-device{min-height:320px}.device-body{min-height:170px}.delivery-caption{align-self:start}.delivery-work{padding:22px}}
@media(max-width:600px){.delivery-heading{display:block}.delivery-heading h1{font-size:27px}.delivery-progress{display:inline-block;margin-top:15px;font-size:13px;padding:8px 12px}.delivery-overview{grid-template-columns:1fr;gap:8px}.delivery-overview>div{padding:11px 14px}.delivery-overview span{display:inline-block;min-width:90px;margin-right:6px}.delivery-overview b{font-size:16px}.delivery-visual{display:flex}.delivery-device{min-height:0}.delivery-device>header{font-size:14px;flex-wrap:wrap;padding:14px}.device-mode{font-size:11px}.device-address{grid-template-columns:73px minmax(0,1fr);padding:13px}.device-body{padding:15px;min-height:170px}.delivery-text{font-size:18px;padding:16px}.delivery-work{padding:18px}.delivery-work h2{font-size:24px}.delivery-status h2{font-size:23px}.delivery-status p{font-size:16px}.question-choices .btn{font-size:14px}.delivery-actions{display:grid;grid-template-columns:1fr}.delivery-actions .btn{width:100%}.comparison-columns{grid-template-columns:1fr}.comparison-columns>section{padding:18px}.comparison-columns p{font-size:21px}.delivery-note{padding:13px}.delivery-help{padding:7px 11px}}
@media(max-height:500px) and (min-width:601px){.delivery-visual{display:block}.delivery-caption{margin-top:14px}.delivery-overview{margin-bottom:15px}.delivery-device{min-height:270px}}
@media print{.delivery-report{break-before:auto}.delivery-history{display:none}.delivery-report .report-block{break-inside:avoid}.delivery-report .report-block p{font-size:12pt}}