.work-page { width:min(100% - 32px,960px); margin:28px auto 80px; }
.work-back { color:var(--gruen); font-size:.92rem; font-weight:650; }
.work-switch { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; max-width:630px; margin-top:16px; }
.work-content,.work-blocks,.work-form,.work-details { display:grid; gap:14px; }
.work-content { gap:22px; }
.work-hint { margin:14px 0 0; }
#feedback { min-height:1.4em; margin:10px 0; color:var(--gruen); }
#feedback.is-error { color:#9a392d; }
.work-form { margin-top:12px; }
.work-form textarea { box-sizing:border-box; display:block; width:100%; min-height:80px; font:inherit; padding:10px; background:#fffdf7; border:1px solid #d7c8b4; border-radius:10px; resize:vertical; color:#25251f; }
.work-form input[type=file] { max-width:100%; }
.work-content summary { cursor:pointer; min-height:42px; display:list-item; padding-block:10px; font-weight:650; }
.work-content h2,.work-content h3 { margin-block:0; }
.work-blocks { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
.work-block { min-width:0; overflow-wrap:anywhere; }
.work-meta { margin:8px 0 12px; }
.work-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.work-log { list-style:none; padding-left:0; margin:0; display:grid; gap:12px; }
.work-log li { padding:10px 0 0; border-top:1px solid #d7c8b4; }
.work-log p { margin:.35rem 0; }
.work-media { display:grid; gap:8px; margin-top:8px; }
.work-media img { display:block; width:min(100%,300px); border-radius:10px; }
.work-media audio { display:block; width:100%; max-width:360px; }
.work-flag { border-left:3px solid #c98a28; padding-left:9px; }
.work-content input:focus-visible,.work-content textarea:focus-visible,.work-content summary:focus-visible { outline:2px solid #345c37; outline-offset:3px; }
@media (max-width:670px) {
  .work-page { margin-top:16px; }
  .work-blocks,.work-fields { grid-template-columns:minmax(0,1fr); }
}