body { margin: 0; background: #f7fcfd; color: #28383c; }
.content-shell { max-width: 1120px; margin: 0 auto; padding: 28px clamp(16px, 4vw, 44px) 80px; }
.content-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.content-header h1 { margin: 10px 0; font-size: clamp(1.8rem, 4vw, 2.6rem); }
.content-header p, .content-panel > p { line-height: 1.55; max-width: 75ch; }
.content-header button { flex-shrink: 0; margin-top: 8px; }
.content-header a { color: #237d89; }
.content-panel { margin-top: 24px; background: white; border: 1px solid #d7edf1; border-radius: 24px; padding: clamp(20px, 4vw, 32px); }
.content-panel h2 { margin-top: 0; }
.content-panel details { border-top: 1px solid #d7edf1; padding: 18px 0; }
.content-panel summary { cursor: pointer; font-weight: 750; font-size: 1.15rem; min-height: 28px; }
.content-fields { display: grid; gap: 18px; padding: 18px 0; }
.content-fields label, .review-picker label { display: grid; gap: 7px; font-weight: 650; }
.content-fields input:not([type=checkbox]), .content-fields textarea, .content-fields select, .review-picker select { width: 100%; min-height: 44px; box-sizing: border-box; border: 1px solid #bedce2; border-radius: 10px; padding: 12px; font: inherit; background: #fff; color: #28383c; }
.content-fields textarea { min-height: 100px; resize: vertical; line-height: 1.5; }
.content-fields input[type=file] { padding: 8px; }
.content-fields small { font-weight: 400; color: #596d73; line-height: 1.45; }
.content-item { border: 1px solid #d7edf1; border-radius: 16px; padding: 20px; display: grid; gap: 16px; }
.content-item h3 { margin: 0; }
.content-image { max-width: 280px; max-height: 230px; object-fit: contain; border-radius: 14px; background: #f0f8fa; }
.content-fields label.content-check { display: flex; align-items: flex-start; gap: 10px; font-weight: 500; line-height: 1.5; }
.content-check input { min-width: 22px; min-height: 22px; }
.review-picker { display: flex; align-items: flex-end; gap: 16px; }
.review-picker label { flex: 1; }
.review-picker button { flex-shrink: 0; }
#contentStatus { padding: 12px 0; min-height: 28px; line-height: 1.5; }
#contentStatus[data-error=true] { color: #b33435; }
.content-shell button { min-height: 44px; cursor: pointer; }
.content-shell button:disabled { cursor: wait; opacity: .6; }
.content-shell :focus-visible { outline: 3px solid #2db6ca; outline-offset: 3px; }
@media (max-width: 620px) { .content-header, .review-picker { flex-direction: column; align-items: stretch; gap: 12px; } .content-item { padding: 14px; } }