/* Editorial image studio: shared by Overview and the post editor. */
.studio-debug{margin:0;padding:10px 30px;border-top:1px solid #e3e8dc;background:#fafbf7;font:12px/1.5 Arial,sans-serif;color:#617158}.studio-debug summary{display:flex;align-items:center;gap:7px;width:max-content;cursor:pointer;list-style:none;padding:5px 0;font-weight:600}.studio-debug summary::-webkit-details-marker{display:none}.studio-debug summary span{font-size:19px}.studio-debug[open] summary{color:#354e2d}.studio-debug__body{padding:8px 0 6px;max-width:780px}.studio-debug__body label{display:block;margin:0 0 6px;font-size:12px}.studio-debug textarea{display:block;width:100%;box-sizing:border-box;min-height:135px;max-height:240px;resize:vertical;overflow:auto;border:1px solid #d4ddc9;border-radius:8px;padding:10px;background:#fff;font:11px/1.5 Consolas,monospace;color:#37442f;white-space:pre;margin-bottom:9px}.studio-debug [data-debug-copy-status]{margin-left:10px}.studio-debug .button{min-height:34px}@media(max-width:600px){.studio-debug{padding:10px 17px}}
.admin-main .studio-families{max-height:680px;overflow-y:auto;align-items:start;scrollbar-width:thin;scrollbar-color:#b5c5a6 #f5f7f1}.studio-card__footer{position:relative;z-index:1}
@media(max-width:760px){.admin-shell .admin-sidebar{padding:15px!important}.admin-sidebar__brand{margin-bottom:12px!important;padding-bottom:10px!important}.admin-sidebar__brand span{display:none}.admin-sidebar nav{display:flex!important;gap:5px;overflow-x:auto;white-space:nowrap;padding-bottom:5px}.admin-sidebar nav a{flex:0 0 auto;font-size:12px!important;padding:9px 13px!important}.admin-sidebar__back{display:none!important}.admin-main .studio-families{max-height:620px}}
.post-dashboard-grid{grid-template-columns:minmax(0,1fr);gap:32px}.admin-main{min-width:0}.studio-card{--studio-ink:#263d32;--studio-line:#dfe5da;background:#fff;border:1px solid var(--studio-line);border-radius:18px;overflow:hidden;box-shadow:0 5px 24px #233a2d07;scroll-margin-top:28px;margin-bottom:24px;color:var(--studio-ink)}
.studio-card__header{display:flex;gap:28px;justify-content:space-between;padding:28px 30px 18px}.studio-card__header>div{min-width:0}.studio-card .eyebrow{margin:0 0 12px;font-size:10px;letter-spacing:1.7px}.studio-card .eyebrow span{color:#748076;font-weight:400}.studio-card h2{font:normal 30px/1.16 Georgia,serif;letter-spacing:-.8px;margin:0;max-width:780px}.studio-card h2 a{color:inherit;text-decoration:none}.studio-deck{font-size:13px;line-height:1.65;color:#6a766e;margin:12px 0 0;max-width:750px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.studio-analysis{flex:0 0 75px;align-self:flex-start;display:grid;place-items:center;gap:5px;background:#f0f1ef;border:1px solid #d9ddd6;border-radius:13px;padding:12px 8px;color:#727970;cursor:pointer}.studio-analysis strong{font:24px Georgia,serif}.studio-analysis span{font-size:10px}.studio-analysis.is-ready{color:#3b642f;border-color:#b5cb9a;background:#eff6e6}.studio-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 30px;padding:13px 0;border-top:1px solid #edf0e9;font-size:12px;color:#758073}.studio-toolbar strong{color:#405a45}.studio-selection-count{background:#edf4e5;color:#4a6c36;padding:5px 10px;border-radius:20px;font-weight:600}
.studio-families{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:10px 30px 26px}.studio-section{min-width:0}.studio-section h3{font:600 13px/1.4 Arial,sans-serif;margin:0 0 5px}.studio-section__hint{font-size:11px;color:#7b8479;margin:0 0 16px;line-height:1.5}.studio-family{padding:17px;margin-bottom:14px;border:1px solid #e2e8dc;border-radius:12px;background:#fbfcf8;min-width:0}.studio-family__heading{display:flex;gap:10px;align-items:center}.studio-family__mark{display:grid;place-items:center;flex:0 0 32px;height:32px;background:#edf2e3;border-radius:9px;color:#647d42;font-size:20px}.studio-family__heading h4{font:600 12px/1.4 Arial,sans-serif;margin:0;overflow-wrap:anywhere}.studio-family__heading div>span{font-size:10px;color:#86907f}.studio-brief{font-size:12px;line-height:1.7;color:#566454;max-height:112px;overflow-y:auto;white-space:pre-wrap;margin:13px 0;scrollbar-width:thin}.studio-generate{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin:12px 0}.studio-generate label{display:flex!important;flex-direction:row!important;align-items:center;gap:7px;margin:0!important;font-size:11px;color:#6b7965}.studio-generate select{width:54px!important;min-height:34px;padding:5px 8px!important;margin:0!important;border:1px solid #d7dfcc!important;background:#fff!important;border-radius:7px}.studio-generate .button{min-height:36px;padding:8px 13px;gap:8px}
.studio-filmstrip{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 10px;scrollbar-width:thin;scrollbar-color:#bbc9ac #f1f4eb;min-width:0;scroll-snap-type:x proximity}.studio-image{flex:0 0 144px;width:144px;margin:0;border:1px solid #dce2d4;background:#fff;border-radius:9px;overflow:hidden;scroll-snap-align:start}.studio-image.is-selected{border-color:#728e4e;box-shadow:0 0 0 1px #728e4e}.studio-image__preview{display:block;position:relative;width:100%;height:108px;border:0;padding:0;cursor:zoom-in;background:#e8ebe4}.studio-image__preview img{display:block;width:100%;height:100%;object-fit:cover}.studio-image__zoom{position:absolute;right:6px;bottom:6px;display:grid;place-items:center;background:#ffffffdf;width:25px;height:25px;border-radius:6px;color:#384d35;font-size:20px}.studio-image figcaption{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:4px 5px 4px 9px}.studio-image figcaption label{display:flex!important;align-items:center;gap:5px;font-size:11px;margin:0!important;color:#59694f;white-space:nowrap}.studio-image input[type=checkbox],.studio-dialog input[type=checkbox]{width:16px!important;height:16px!important;min-height:0!important;margin:0!important;accent-color:#607d40}.studio-image form{margin:0}.studio-icon{display:grid;place-items:center;min-width:34px;min-height:34px;border:0;border-radius:7px;background:transparent;font-size:24px;line-height:1;color:#667260;cursor:pointer}.studio-delete{color:#955b4b}.studio-delete:hover{background:#fff0e9;color:#9c3f29}.studio-pending{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:0 0 144px;width:144px;min-height:151px;border:1px dashed #bccbac;border-radius:9px;background:#f3f6ed;color:#6f805f;gap:7px;padding:10px;text-align:center}.studio-pending>span{font-size:25px}.studio-pending strong{font-size:12px}.studio-pending small{font-size:10px;line-height:1.5}.studio-pending.is-failed{background:#fff4ee;color:#96593b;border-color:#d9b9a8}.studio-empty{font-size:12px;color:#7a8573;line-height:1.7;padding:10px 0}.studio-add{margin:0 30px 20px;border-top:1px dashed #dfe5d6;padding-top:14px;font-size:12px;color:#597047}.studio-add summary{cursor:pointer;padding:8px 0}.studio-add form{padding:12px 0;max-width:750px}.studio-add label{font-size:12px}.studio-add textarea{background:#fff;min-width:100%;box-sizing:border-box}
.studio-card__footer{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:19px 30px;background:#f8faf4;border-top:1px solid #e3e9da}.studio-card__footer>div{display:flex;flex-wrap:wrap;align-items:center;gap:13px}.studio-card__footer small{font-size:11px;color:#7c8871;max-width:240px;line-height:1.5}.studio-progress:empty{display:none}.studio-progress{font-size:12px;line-height:1.6;padding:13px 30px;background:#edf5e3;color:#426331;border-top:1px solid #d4e3c4}.studio-progress.is-error,.studio-notice{background:#fff5e9;color:#895b2f}.studio-notice{padding:12px 30px;font-size:12px}.studio-queue{padding:12px 30px;border-top:1px solid #e4e8de;font-size:12px;color:#707d64}.studio-queue summary{cursor:pointer}.studio-queue form{margin-top:10px}.studio-card [disabled]{opacity:.5;cursor:wait}.studio-card[aria-busy=true] .studio-selection-count{background:#eaeedc}
.studio-dialog{width:min(1000px,92vw);max-width:92vw;max-height:90vh;padding:0;border:1px solid #d8e0d0;border-radius:15px;color:#293c2e;box-shadow:0 30px 110px #0c211755;background:#fff}.studio-dialog::backdrop{background:#112418b8;backdrop-filter:blur(4px)}.studio-dialog>header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 22px;border-bottom:1px solid #e3e9db;position:sticky;top:0;background:#fff;z-index:1}.studio-dialog>header h2{margin:0;font:20px/1.3 Georgia,serif;overflow-wrap:anywhere}.studio-dialog__image{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain;background:#eef1e9}.studio-dialog footer{padding:20px 24px}.studio-dialog footer label{display:flex;gap:10px;align-items:center;font-size:14px}.studio-dialog footer p{font-size:12px;color:#7b8871;margin:10px 0 0}.studio-dialog__text{padding:25px 32px}.studio-dialog__text h2{font:28px/1.2 Georgia,serif}.studio-source-text{white-space:pre-wrap;font:15px/1.9 Arial,sans-serif;overflow-wrap:anywhere}.studio-text-label{text-transform:uppercase;letter-spacing:1px;font-size:10px;color:#78816e}.studio-card :focus-visible,.studio-dialog :focus-visible{outline:3px solid #86a958;outline-offset:3px}
@media(max-width:1200px){.studio-families{grid-template-columns:minmax(0,1fr)}.studio-section+.studio-section{padding-top:15px;border-top:1px dashed #dbe3d0}}@media(max-width:600px){.studio-card__header{padding:20px 17px 15px;gap:12px}.studio-card h2{font-size:24px}.studio-analysis{flex-basis:62px;padding:9px 5px}.studio-toolbar{margin:0 17px}.studio-families{padding:8px 17px 18px;gap:17px}.studio-family{padding:12px}.studio-add{margin:0 17px 16px}.studio-card__footer{padding:17px;align-items:flex-start;flex-direction:column}.studio-card__footer>div{align-items:flex-start;flex-direction:column}.studio-progress,.studio-queue{padding:12px 17px}.studio-dialog__text{padding:20px}.studio-card__footer small{max-width:none}.studio-image{flex-basis:136px;width:136px}.studio-image__preview{height:102px}}

/* Publication controls stay outside the scrollable image studio. */
.post-publishing{padding:18px 26px;border-top:1px solid #e4e8df;border-bottom:1px solid #e4e8df;background:#f8faf5}
.post-publishing__state,.post-publishing__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.post-publishing__state{margin-bottom:14px}.post-publishing__state small{color:#687569}
.post-state{font-size:12px;font-weight:700;border-radius:20px;padding:5px 10px;background:#e9ece7;color:#4c584e}
.post-state.is-live{background:#dcedce;color:#315626}
.post-confirm{position:relative}.post-confirm summary{cursor:pointer;list-style:none}.post-confirm summary::-webkit-details-marker{display:none}
.post-confirm[open]{flex-basis:100%}.post-confirm__body{max-width:640px;padding:18px;margin-top:10px;background:white;border:1px solid #d8dfd0;border-radius:12px}
.post-confirm__body p{font-size:14px;line-height:1.6;color:#59695e}.post-view-tabs{display:flex;gap:10px;margin:18px 0}
.post-view-tabs [aria-current]{background:#223b2e;color:white}
.post-preview-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eff5e7;border:1px solid #d2dec5;border-radius:12px;padding:20px;margin-top:24px}
.post-preview-banner p{margin:6px 0 0;font-size:13px}.post-preview-banner .button{flex-shrink:0}
@media(max-width:640px){.post-publishing{padding:16px}.post-preview-banner{flex-direction:column;align-items:flex-start}.post-publishing__actions{gap:8px}}

/* In-article images remain readable without dominating the story. */
.article-content.prose figure{margin:2.2rem auto;max-width:760px;clear:both}
.article-content.prose figure img{display:block;width:auto;max-width:100%;height:auto;max-height:620px;object-fit:contain;margin:auto;border-radius:12px}
.article-content.prose figcaption{max-width:640px;margin:.7rem auto 0;text-align:center;font-size:.9rem;line-height:1.5;color:#647067}
@media(max-width:640px){.article-content.prose figure{margin:1.5rem 0}.article-content.prose figure img{max-height:none}}

.article-content.prose{max-width:760px;margin-left:auto;margin-right:auto;font-size:1.08rem;line-height:1.85}
.article-content.prose figure{max-width:720px;margin:2rem auto 2.5rem}
.article-content.prose figure img{max-height:540px;border:1px solid #e2e6dd;background:#f4f6ef}
.article-content.prose h2{margin-top:2.5rem;line-height:1.3}
@media(max-width:640px){.article-content.prose{font-size:1rem;line-height:1.75}.article-content.prose figure img{max-height:none}}
