:root{--ink:#24231f;--muted:#756f67;--paper:#f7f5f0;--white:#fff;--line:#ddd8cf;--pink:#ead8dc;--green:#dce6db;--gold:#e8dfc6;--blue:#dce6e9;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{margin:0;font-family:var(--sans)}button,input,textarea{font:inherit;color:inherit}a{color:inherit}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;letter-spacing:.19em;font-size:12px}.brand img{width:22px;height:22px}header{height:72px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#fbfaf7;border-bottom:1px solid var(--line)}.session{display:flex;align-items:center;gap:10px;font-size:11px}.session small{color:var(--muted)}.session form{margin:0}.session button{border:0;background:none;text-decoration:underline;cursor:pointer}.workspace{height:76px;padding:0 5vw;display:flex;align-items:center;gap:24px;background:#fff;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.07em}.workspace img{width:135px;height:48px;object-fit:contain}.hero{padding:74px 8vw 45px;max-width:900px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.23em;margin:0 0 16px}.hero h1,.card h2,.detail h1,.auth-card h1{font-family:var(--serif);font-weight:400}.hero h1{font-size:clamp(48px,7vw,80px);line-height:.96;margin:0 0 26px}.hero i{color:#7a5c63;font-weight:400}.hero>p:last-child{font:20px/1.5 var(--serif)}.filters{display:flex;gap:8px;overflow:auto;padding:0 8vw 32px}.filters a{border:1px solid var(--line);padding:10px 14px;text-decoration:none;white-space:nowrap;font-size:12px}.filters a.active{background:var(--ink);color:#fff}.grid{padding:0 8vw 90px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.card{background:#fff;border:1px solid var(--line)}.card>a{display:block;background:#ece8df}.card>a img{display:block;width:100%;height:410px;object-fit:contain}.card>div{padding:24px}.status{display:inline-block;padding:7px 10px;font-size:9px;font-weight:700;letter-spacing:.12em;background:var(--pink)}.s-Bitte\.prüfen{background:var(--gold)}.s-Freigegeben{background:var(--green)}.s-Veröffentlicht{background:var(--blue)}.card h2{font-size:31px;margin:15px 0}.preview{font:17px/1.55 var(--serif);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.card small{display:block;color:var(--muted);margin:15px 0}.text-link{font-size:12px}.composer{margin:0 8vw 32px;background:#fff;border:1px solid var(--line);padding:20px}.composer summary,.detail summary{cursor:pointer;font-weight:700}.composer form,.detail details form{max-width:680px;margin-top:20px}label{display:grid;gap:7px;font-size:12px;font-weight:700;margin:15px 0}input,textarea{padding:11px;border:1px solid var(--line);background:#fff}textarea{font:17px/1.55 var(--serif)}button{border:1px solid var(--ink);padding:11px 15px;background:transparent;cursor:pointer}.primary{background:var(--ink);color:#fff}.error,.notice{padding:13px;background:#f3dadd;color:#7b2730}.wide{margin:0 8vw 25px}.empty{grid-column:1/-1;color:var(--muted)}footer{background:var(--ink);color:var(--paper);padding:30px 5vw;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.08em}.modal{position:fixed;inset:0;background:#24231fbb;overflow:auto;padding:14px;z-index:10}.detail{position:relative;width:min(820px,100%);margin:auto;background:var(--paper);padding:52px 64px 70px;box-shadow:0 20px 70px #0005}.close{position:absolute;right:24px;top:18px;text-decoration:none;font-size:32px}.detail h1{font-size:48px;line-height:1.05;margin:18px 0 30px}.full-image{display:block;width:100%;height:auto;background:#ece8df}.detail section{padding:34px 0;border-bottom:1px solid var(--line)}.caption{white-space:pre-wrap;font:19px/1.72 var(--serif)}.actions{display:flex;flex-wrap:wrap;gap:10px}.history{list-style:none;padding:0;margin:0}.history li{display:grid;grid-template-columns:170px 1fr;gap:18px;padding:16px 0;border-top:1px solid var(--line)}.history time{font-size:11px;color:var(--muted)}.history p{margin:0;font:16px/1.5 var(--serif)}.approval{padding:12px 0;border-top:1px solid var(--line);font-size:12px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:#ebe7df}.auth-card{width:min(560px,100%);background:#fff;padding:46px;border:1px solid var(--line)}.auth-card .nji-logo{display:block;width:165px;height:75px;object-fit:contain;object-position:left;margin:34px 0}.auth-card h1{font-size:42px}.auth-card fieldset{border:0;border-top:1px solid var(--line);padding:15px 0;margin:15px 0}.auth-card legend{font:24px var(--serif);padding-right:12px}@media(max-width:700px){header{padding:0 24px}.session small{display:none}.workspace{padding:0 24px}.hero{padding:54px 24px 36px}.filters{padding:0 24px 28px}.grid{padding:0 24px 60px;grid-template-columns:1fr}.card>a img{height:330px}.composer{margin:0 24px 28px}.detail{padding:46px 22px 60px}.detail h1{font-size:36px}.history li{grid-template-columns:1fr;gap:6px}footer{flex-direction:column}.auth-card{padding:30px 22px}}

/* v0.6 Feed-Arbeitsbereich */
.feed-board{padding:0 8vw 72px}.feed-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:0 0 24px;border-bottom:1px solid var(--line)}.feed-heading h2{font:400 clamp(32px,4vw,52px)/1 var(--serif);margin:0}.feed-heading>p{max-width:330px;margin:0;color:var(--muted);font:16px/1.45 var(--serif);text-align:right}.feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding-top:3px;background:var(--line)}.feed-tile{position:relative;min-width:0;background:var(--white)}.feed-tile>a{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:#ece8df}.feed-tile img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.feed-tile a:hover img,.feed-tile a:focus-visible img{transform:scale(1.025)}.feed-overlay{position:absolute;inset:auto 0 0;padding:42px 16px 15px;color:#fff;background:linear-gradient(transparent,#000b);display:grid;gap:4px}.feed-overlay b{font:18px/1.2 var(--serif)}.feed-overlay small{font-size:9px;letter-spacing:.08em;text-transform:uppercase}.sort-actions{position:absolute;z-index:2;top:10px;right:10px;display:flex;gap:5px;margin:0}.sort-actions button{width:34px;height:34px;padding:0;border-color:#fff8;background:#24231fcc;color:#fff;backdrop-filter:blur(7px)}.sort-actions button:disabled{opacity:.32;cursor:default}.published-board{padding-top:6px}.published-feed{background:#c9c5bd}.is-published .feed-overlay{background:linear-gradient(transparent,#263036d9)}
@media(max-width:850px){.feed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.feed-board{padding:0 24px 54px}.feed-heading{align-items:start;display:grid;gap:14px}.feed-heading>p{text-align:left}.feed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feed-overlay{padding:34px 8px 9px}.feed-overlay b{font-size:13px}.feed-overlay small{font-size:9px;line-height:1.15}.sort-actions{top:7px;right:7px}.sort-actions button{width:34px;height:34px;padding:0}}

/* v0.6.1 Block 1 candidate: bottom-right feed order and no-reload sorting */
[hidden]{display:none!important}
.feed-heading-aside{max-width:330px;display:grid;gap:8px;text-align:right}
.feed-heading-aside>p{margin:0;color:var(--muted);font:16px/1.45 var(--serif)}
.feed-interaction-hint{font:11px/1.4 var(--sans)!important;letter-spacing:.02em}
.reorder-status{padding:8px 10px;background:var(--green);font-size:11px;line-height:1.35}
.reorder-status.is-error{background:#f3dadd;color:#7b2730}
.feed-grid.is-saving{opacity:.7;cursor:wait}
.feed-tile.is-dragging{opacity:.45}
.feed-tile.is-drop-target{outline:3px solid var(--ink);outline-offset:-3px}
.instagram-order{transform:rotate(180deg)}
.instagram-order>.feed-tile{transform:rotate(180deg)}
@media(max-width:700px){.feed-heading-aside{max-width:none;text-align:left}.feed-heading-aside>p{text-align:left}}

/* Compact overview: the feed communicates rhythm; the detail view carries inspection. */
.feed-board{width:min(1120px,calc(100% - 16vw));margin-left:8vw;padding-left:0;padding-right:0}
.feed-grid.is-saving{pointer-events:none}
@media(max-width:700px){.feed-board{width:auto;margin-left:0;padding-left:24px;padding-right:24px}}

/* v0.6.2 candidate: one compact feed and revision-safe post editing */
header{height:60px}
.workspace{height:60px}
.hero{max-width:none;padding-top:24px;padding-bottom:18px}
.hero .eyebrow{margin-bottom:8px}
.hero h1{font-size:36px;line-height:1;margin-bottom:10px}
.hero h1 br{display:none}
.hero>p:last-child{margin:0;font-size:14px;line-height:1.4}
.feed-board{width:min(600px,calc(100% - 16vw));padding-bottom:64px}
.feed-heading{padding-bottom:14px}
.feed-heading h2{font-size:36px}
.feed-grid{gap:2px;padding-top:2px}
.feed-overlay{opacity:0;transition:opacity .2s ease}
.feed-tile a:hover .feed-overlay,.feed-tile a:focus-visible .feed-overlay{opacity:1}
.feed-status{position:absolute;z-index:2;top:8px;left:8px;width:12px;height:12px;border-radius:50%;background:currentColor;outline:1px solid #fff;outline-offset:-1px}
.feed-status.is-published{color:#b4498a}
.feed-status.is-approved{color:#568264}
.feed-status.is-revised{color:#b96831}
.feed-status.is-pending{color:#77736d}
.sort-actions{top:7px;right:7px;gap:3px}
.sort-actions button{width:24px;height:24px;border-color:#fff6;background:#24231f99;backdrop-filter:blur(4px);font-size:12px;line-height:1}
.sort-actions .drag-handle{padding:0;color:#fff;cursor:grab;touch-action:none}
.sort-actions .drag-handle:active{cursor:grabbing}
.is-published .feed-tile{cursor:default}
.detail{width:min(1080px,100%);padding:32px 42px 54px}
.detail-intro{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(320px,1fr);gap:42px;align-items:start}
.detail-copy{padding-top:12px;min-width:0}
.detail-status{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.revised-badge{display:inline-block;padding:7px 10px;border:1px solid #24231f38;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.detail h1{font-size:40px;margin:16px 0 22px}
.full-image{width:100%;height:auto;max-height:calc(100vh - 104px);object-fit:contain}
.detail-intro .detail-copy section{padding:22px 0 0;border-bottom:0}
.detail>.detail-intro+section{margin-top:30px}
.detail section{padding:28px 0}
.caption{font-size:17px;line-height:1.58}
.muted,.form-note{color:var(--muted)}
.comment-thread{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px}
.comment-thread li{max-width:760px;padding:13px 15px;background:#fff;border:1px solid var(--line)}
.comment-thread p{margin:0 0 7px;white-space:pre-wrap;font:16px/1.48 var(--serif)}
.comment-thread small{color:var(--muted);font-size:10px}
.comment-form,.feedback-form{max-width:760px}
.editor-panel{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.editor-panel summary{font-size:15px}
.editor-panel form{margin-top:24px}
.form-note{font-size:11px;line-height:1.45;margin:16px 0}

@media(max-width:850px){
  .detail-intro{grid-template-columns:1fr;gap:26px}
  .full-image{max-height:72vh}
  .detail-copy{padding-top:0}
}

@media(max-width:700px){
  .hero{padding-top:24px;padding-bottom:18px}
  .feed-board{width:auto}
  .feed-overlay{display:none}
  .feed-status{top:5px;left:5px;width:10px;height:10px}
  .sort-actions{top:5px;right:5px;gap:2px}
  .sort-actions button{width:22px;height:22px;font-size:11px}
  .detail{padding:38px 22px 50px}
  .detail h1{font-size:34px}
  .full-image{max-height:68vh}
}

.composer{padding:14px 16px}

.composer summary{display:inline-flex;align-items:center;width:fit-content;padding:8px 12px;border:0;background:#b4498a;color:var(--paper);font-size:11px;letter-spacing:.03em;line-height:1.1}

.composer summary::-webkit-details-marker{display:none}

.composer summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

.composer summary:hover{background:#b4498a;filter:brightness(.94)}