:root{--green:#17231c;--paper:#f6f4ee}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);font-family:Arial,"Yu Gothic",sans-serif;color:#202922}button,input,textarea,select{font:inherit}.auth{min-height:100vh;display:grid;place-items:center;background:var(--green)}.auth form{width:min(440px,90vw);background:#fff;padding:40px;display:grid;gap:16px}.auth form>b{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:25px}.auth label,.panel label,.editor label{display:grid;gap:6px;font-size:12px}input,textarea,select{width:100%;padding:10px;border:1px solid #ccc;background:#fff}button{border:0;background:#294b3a;color:#fff;padding:12px 16px;cursor:pointer}.dashboard{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.dashboard>aside{position:sticky;top:0;height:100vh;background:var(--green);color:#fff;padding:25px 15px;display:flex;flex-direction:column;gap:8px}.dashboard aside>*{padding:12px;text-decoration:none;color:inherit;text-align:left}.dashboard aside button.active{background:#ffffff20}.dashboard>main{padding:35px 4vw 80px;min-width:0}.dashboard h1{font-size:34px}.panel,.editor{background:#fff;border:1px solid #ddd;padding:22px;margin-bottom:14px}.editor summary{cursor:pointer;display:flex;gap:30px}.editor form{margin-top:20px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.editor textarea{min-height:100px;white-space:pre-wrap}.save{margin-top:15px;position:sticky;bottom:16px;z-index:4;box-shadow:0 8px 28px #15271e33}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.media-card{background:#fff;padding:12px}.media-card img,.media-card video{width:100%;height:210px;object-fit:cover}.media-card label,.video-grid label{display:block;font-size:11px;color:#52615a;margin:9px 0}.media-card input:not([type=checkbox]),.video-grid input{display:block;width:100%;padding:9px;margin-top:4px;border:1px solid #d7ddd8}.media-card button,.video-grid button{border:1px solid #b85a46;background:#fff;color:#9b3e2c;padding:9px 12px}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.video-grid iframe{width:100%;aspect-ratio:16/9;height:auto;border:0}.ok{color:#17682d}.bad{color:#a3261c}@media(max-width:800px){.dashboard{grid-template-columns:1fr}.dashboard>aside{position:static;height:auto;flex-direction:row;overflow:auto}.grid,.media-grid,.video-grid{grid-template-columns:1fr}.dashboard>main{padding:25px 4vw}}

.dashboard>main>header{margin-bottom:28px}.dashboard>main>header p{min-height:1.2em}.intro{border-left:5px solid #294b3a}.editor{padding:0}.editor summary{align-items:center;padding:18px 22px}.editor summary span{flex:1}.editor summary em{font-size:11px;color:#607067;font-style:normal}.editor-body{padding:0 22px 22px}.translation-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:14px 0}.translation-panels fieldset{min-width:0;border:1px solid #d7ddd8;padding:14px}.translation-panels legend{font-weight:700;padding:0 7px}.translation-panels textarea{min-height:100px;resize:vertical}.grid.compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end}.visibility-switch{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:10px!important;font-weight:700}.visibility-switch input,.compact input[type=checkbox]{width:auto}.song-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.song-editor{background:#fff;border:1px solid #d9ddd9;padding:18px;min-width:0}.song-preview{width:132px;height:132px;margin:0 auto 18px;border-radius:50%;overflow:hidden;background:#e7ebe7;display:grid;place-items:center;text-align:center;color:#6c786f}.song-preview img{width:100%;height:100%;object-fit:cover}.language-row{display:grid;grid-template-columns:140px 1fr 120px 120px;gap:12px;align-items:end}.save-dock{position:fixed;z-index:50;right:22px;bottom:22px;display:flex;align-items:center;gap:12px;padding:10px;background:#fff;border:1px solid #cfd6d1;border-radius:12px;box-shadow:0 14px 36px #10201830}.save-dock button{border-radius:8px}.save-dock #dock-toggle{background:#e8ece9;color:#263f32;padding:8px 11px}.save-dock #dock-save{background:#919b95}.save-dock #dock-save.dirty{background:#1d7244}.save-dock #dock-save:disabled{cursor:default}.save-dock.collapsed span,.save-dock.collapsed #dock-save{display:none}.save-dock.collapsed #dock-toggle::after{content:'+';font-size:18px}.save-dock.collapsed #dock-toggle{font-size:0}.media-card .translation-panels,.video-grid .translation-panels{grid-template-columns:1fr}.media-card .translation-panels fieldset,.video-grid .translation-panels fieldset{padding:9px}.media-card textarea{min-height:48px}.panel input[type=checkbox],.media-card input[type=checkbox]{width:auto}.tab button{margin-top:10px}
@media(max-width:1000px){.song-admin-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.language-row{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.dashboard>aside{position:sticky;z-index:30;top:0;white-space:nowrap}.media-grid{grid-template-columns:1fr}.translation-panels{grid-template-columns:1fr}.save-dock{left:12px;right:12px;bottom:12px;justify-content:space-between}.save-dock span{font-size:11px}.song-preview{width:112px;height:112px}.language-row{grid-template-columns:1fr}.editor summary{gap:10px;padding:14px}.editor summary span{font-size:12px}.editor-body{padding:0 14px 14px}}
.user-account{margin-top:14px}.account-heading,.account-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-heading strong{font-size:11px;letter-spacing:.08em;color:#8a5c20}.account-active{align-content:center}.account-actions{justify-content:flex-start;margin-top:16px}.account-actions .danger{background:#fff;color:#a3261c;border:1px solid #a3261c}@media(max-width:800px){.account-actions{align-items:stretch;flex-direction:column}}

/* Dashboard 2026: pages compréhensibles et médiathèque utilisable. */
.page-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.page-editor{margin:0;min-width:0}.page-editor summary span{display:grid;gap:5px;min-width:0;flex:1}.page-editor summary b{font-size:16px}.page-editor summary small{color:#68736c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{padding:6px 9px;border-radius:999px}.status.on{color:#17682d;background:#e5f3e9}.status.off{color:#765d3c;background:#f1ece4}.technical{display:block;margin-top:14px;color:#8b948e}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:9px!important}.check input{width:auto!important}.upload-panel>p,.media-toolbar p{color:#5e6b63}.media-toolbar{display:grid;gap:16px;margin-top:24px}.media-toolbar h2,.media-toolbar p{margin:0}.media-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.bulk-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:14px;border-top:1px solid #e1e5e2}.bulk-tools select{width:auto;min-width:210px}.bulk-tools button{margin:0;background:#e8eee9;color:#294b3a}.media-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.media-card{position:relative;border:1px solid #d6ddd8;border-radius:10px;overflow:hidden;padding:12px;box-shadow:0 5px 18px #17231c0b}.media-card figure{position:relative;margin:0 -0px 12px;overflow:hidden;border-radius:7px;background:#1b241f}.media-card figure img,.media-card figure video{display:block;height:220px}.media-card figure span{position:absolute;left:8px;bottom:8px;padding:5px 7px;background:#142019d9;color:#fff;font-size:10px;letter-spacing:.08em}.media-select{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:7px!important;margin:0 0 9px!important}.media-select input{width:auto!important}.media-summary{display:grid;gap:4px;margin-bottom:12px}.media-summary b{line-height:1.4}.media-summary small{color:#68736c}.media-switches{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0}.media-details{border-top:1px solid #e0e4e1;padding-top:10px;margin-top:8px}.media-details summary{cursor:pointer;font-weight:700;color:#315843}.media-details .translation-panels{margin-bottom:8px}.media-card .remove{margin-top:13px}.empty{grid-column:1/-1}.official-main{border:2px solid #37664f}.official-main>strong,.video-grid article>strong{display:block;margin-bottom:10px;color:#37664f;font-size:11px;letter-spacing:.06em}
@media(max-width:1000px){.page-editor-grid{grid-template-columns:1fr}.media-filters{grid-template-columns:1fr 1fr}.media-filters label:first-child{grid-column:1/-1}}
@media(max-width:620px){.dashboard>main{padding-inline:14px}.media-filters{grid-template-columns:1fr}.media-filters label:first-child{grid-column:auto}.bulk-tools{align-items:stretch;flex-direction:column}.bulk-tools>*{width:100%!important}.media-grid{grid-template-columns:1fr}.media-card figure img,.media-card figure video{height:auto;aspect-ratio:4/3}.page-editor summary{align-items:flex-start}.status{white-space:nowrap}}
.support-method{padding:18px;margin:14px 0;border:1px solid #d8ded9;border-radius:9px;background:#fafbf9}.support-method-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}.support-method .danger{background:#fff;color:#a3261c;border:1px solid #a3261c}
.admin-en,label>span,button>span,aside a>span,h1>span,h2>span,p>span{display:block}.admin-ja,label>small,button>small,aside a>small,h1>small,h2>small,p>small{display:block;margin-top:3px;font-size:.78em;font-weight:400;line-height:1.35;opacity:.72}.dashboard>aside button,.dashboard>aside a{line-height:1.25}.dashboard>main>header h1 small{font-size:.42em;color:#66736b}.check .admin-ja,.check>small{margin:0 0 0 5px}.status .admin-ja{margin-top:1px}.auth button small,.save-dock button small{color:inherit}.translation-panels legend{line-height:1.4}
.media-card figure img{transform-origin:center;transition:object-position .16s ease,transform .16s ease}.media-crop-controls{margin-top:14px;padding-top:14px;border-top:1px solid #e0e4e1}.media-crop-controls>strong{display:block;color:#315843}.media-crop-controls>p{margin:7px 0 12px;color:#68736c;font-size:12px;line-height:1.5}.media-crop-controls input[type=range]{padding:0;border:0;accent-color:#315843}
.section-media-count{flex:0 0 auto!important;display:grid!important;justify-items:end;color:#53645b;font-size:11px;white-space:nowrap}.section-media-count small{font-size:10px!important}.section-media-manager{margin-top:22px;padding-top:22px;border-top:2px solid #e2e7e3}.section-media-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-media-heading h3,.section-media-heading p{margin:0}.section-media-heading p{margin-top:5px;color:#657269;font-size:12px;line-height:1.5}.section-media-heading>strong{min-width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#294b3a;color:#fff}.section-upload{display:grid;grid-template-columns:minmax(220px,2fr) minmax(150px,1fr) auto auto;align-items:end;gap:10px;margin:16px 0;padding:14px;background:#f2f5f2;border:1px solid #dce3dd;border-radius:9px}.section-upload label{margin:0}.section-upload button{margin:0}.section-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.section-media-item{min-width:0;padding:10px;border:1px solid #d9dfda;border-radius:9px;background:#fff}.section-media-preview{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:7px;background:#18231d}.section-media-preview img,.section-media-preview video{display:block;width:100%;height:100%;object-fit:cover;transform-origin:center;transition:object-position .14s ease,transform .14s ease}.section-media-preview>span{position:absolute;left:7px;bottom:7px;padding:4px 6px;background:#142019d9;color:#fff;font-size:10px}.section-media-preview>span small{margin-top:1px}.section-media-name{display:grid;gap:3px;margin:10px 0}.section-media-name b,.section-media-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-media-name small{color:#758078;font-size:10px}.inline-framing{display:grid;gap:8px;padding:10px 0;border-block:1px solid #e4e8e5}.inline-framing>strong{color:#315843;font-size:12px}.inline-framing label{grid-template-columns:78px 1fr;align-items:center}.inline-framing input[type=range]{padding:0;border:0;accent-color:#315843}.section-media-options{margin-top:10px}.section-media-empty{grid-column:1/-1;padding:22px;text-align:center;color:#68756d;background:#fafbf9;border:1px dashed #cbd4cd;border-radius:9px}.section-media-empty small{margin-top:4px}
@media(max-width:1100px){.section-upload{grid-template-columns:1fr 1fr}.section-upload button{width:100%}}
@media(max-width:620px){.section-media-count{display:none!important}.section-upload{grid-template-columns:1fr}.section-media-grid{grid-template-columns:1fr}.section-media-preview{aspect-ratio:16/10}.section-media-heading{align-items:flex-start}.inline-framing label{grid-template-columns:92px 1fr}}

/* Compact horizontal dashboard navigation. Data editors keep their existing forms and handlers. */
.dashboard{display:block;min-height:100vh}.dashboard-header{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:1fr auto;gap:14px 24px;padding:16px clamp(16px,4vw,56px);background:#fff;border-bottom:1px solid #dce2dd;box-shadow:0 7px 24px #17231c0b}.dashboard-brand{display:flex;align-items:center;gap:12px;min-width:0}.dashboard-brand>b{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-size:21px}.dashboard-brand>span{display:grid;gap:2px}.dashboard-brand strong{font-size:16px}.dashboard-brand small{font-size:11px;color:#68756d}.dashboard-actions{display:flex;align-items:center;gap:8px}.dashboard-actions a,.dashboard-actions button{min-height:44px;display:grid;align-content:center;margin:0;padding:8px 14px;border-radius:999px;text-decoration:none;text-align:center}.dashboard-actions a{color:#294b3a;background:#eef2ef;border:1px solid #dbe3dd}.dashboard-actions button{background:var(--green)}.dashboard-actions small{font-size:9px}.dashboard-tabs{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.dashboard-tabs button{min-height:48px;min-width:116px;display:grid;align-content:center;margin:0;padding:8px 16px;border:1px solid #d8dfda;border-radius:999px;background:#f3f5f3;color:#33443a;line-height:1.15}.dashboard-tabs button small{font-size:9px}.dashboard-tabs button.active{border-color:#294b3a;background:#294b3a;color:#fff;box-shadow:0 5px 14px #294b3a28}.dashboard-tabs button[hidden]{display:none!important}.dashboard-tabs button:focus-visible,.content-subtabs button:focus-visible,.dashboard-actions a:focus-visible,.dashboard-actions button:focus-visible,.save-dock button:focus-visible{outline:3px solid #d36a4b;outline-offset:2px}.dashboard>main{width:min(1480px,100%);margin:0 auto;padding:24px clamp(16px,4vw,56px) 110px}.workspace-heading{display:grid;grid-template-columns:1fr auto;align-items:end;gap:2px 20px;margin-bottom:18px}.workspace-heading>small,.workspace-heading h1{grid-column:1}.workspace-heading h1{margin:2px 0 0;font-size:clamp(26px,3vw,38px)}.workspace-heading #revision{grid-column:2;grid-row:1/3;margin:0;color:#6c7870;font-size:11px}.workspace-heading #message{grid-column:1/-1;margin:6px 0 0;min-height:1.2em}.compact-intro{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:20px;margin-bottom:12px;padding:16px 18px}.compact-intro h2,.compact-intro p{margin:0}.compact-intro p{color:#637068;font-size:13px}.content-subtabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px;padding:12px;background:#e9eee9;border:1px solid #d7dfd9;border-radius:14px}.content-subtabs button{position:relative;min-height:46px;display:flex;align-items:center;gap:9px;margin:0;padding:8px 13px;border:1px solid transparent;border-radius:11px;background:#fff;color:#33443a;box-shadow:0 1px 3px #17231c12}.content-subtabs button>span{display:grid;text-align:left;line-height:1.15}.content-subtabs button .admin-en{font-size:12px;font-weight:700}.content-subtabs button .admin-ja{font-size:9px}.content-subtabs button.active{border-color:#c5553d;background:#c95139;color:#fff;box-shadow:0 5px 13px #9b382829}.visibility-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#aa9274}.visibility-dot.on{background:#35a35f}.content-subtabs button.active .visibility-dot{border:2px solid #fff;width:10px;height:10px}.single-section-workspace{min-height:320px}.active-page-editor{margin:0;border-radius:14px;overflow:hidden;box-shadow:0 9px 30px #17231c0d}.section-editor-heading{display:flex;align-items:center;gap:18px;padding:18px 22px;background:#f8faf8;border-bottom:1px solid #e0e5e1}.section-editor-heading>span:first-child{display:grid;gap:4px;min-width:0;flex:1}.section-editor-heading b{font-size:17px}.section-editor-heading>span:first-child>small{color:#68756d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.secondary-action{margin-top:14px;border-radius:10px;background:#e5ebe6;color:#294b3a}.save-dock{z-index:60}.save-dock #dock-save{min-width:112px}.save-dock #dock-save.dirty{box-shadow:0 5px 16px #1d724438}
@media(max-width:800px){.dashboard-header{position:static;grid-template-columns:1fr;padding:14px}.dashboard-actions{grid-column:1;grid-row:2}.dashboard-actions>*{flex:1}.dashboard-tabs{grid-column:1;grid-row:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.dashboard-tabs button{min-width:0;width:100%;padding-inline:8px}.dashboard>main{padding:18px 14px 92px}.workspace-heading{grid-template-columns:1fr}.workspace-heading #revision{grid-column:1;grid-row:auto}.compact-intro{grid-template-columns:1fr;gap:7px}.content-subtabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.content-subtabs button{width:100%;min-width:0}.section-editor-heading{align-items:flex-start;gap:10px;padding:14px}.save-dock{left:auto;right:10px;bottom:10px;width:auto;max-width:calc(100vw - 20px);padding:8px}.save-dock>span{display:none}.save-dock #dock-save{min-width:104px}.save-dock #dock-toggle{display:none}}
@media(max-width:430px){.dashboard-brand strong{font-size:14px}.dashboard-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-tabs button{min-height:52px}.content-subtabs{grid-template-columns:1fr}.content-subtabs button{min-height:50px}.section-editor-heading .status{font-size:10px}.dashboard-actions a,.dashboard-actions button{padding-inline:9px}}

.open-crop-editor{width:100%;margin:10px 0 2px!important;border:1px solid #315843!important;border-radius:8px;background:#edf3ef!important;color:#254b37!important;font-weight:700}.crop-dialog{width:min(1040px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:16px;background:#f7f8f6;color:#202922;box-shadow:0 28px 80px #08110c66}.crop-dialog::backdrop{background:#101813cc;backdrop-filter:blur(3px)}.crop-shell{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;max-height:calc(100dvh - 24px);margin:0}.crop-shell>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 20px;background:#fff;border-bottom:1px solid #dce2dd}.crop-shell h2,.crop-shell p{margin:0}.crop-shell h2 span,.crop-shell h2 small,.crop-shell p span,.crop-shell p small{display:block}.crop-shell h2{font-size:22px}.crop-shell h2 small{font-size:12px;margin-top:3px;color:#66736b}.crop-shell p{margin-top:7px;color:#657169;font-size:12px}.crop-shell p small{margin-top:2px}.crop-shell [data-crop-close]{width:42px;height:42px;margin:0;padding:0;border-radius:50%;background:#edf1ee;color:#263f32;font-size:24px}.crop-device-tabs{display:flex;gap:8px;padding:12px 20px 0}.crop-device-tabs button{min-height:46px;display:grid;align-content:center;margin:0;padding:7px 16px;border:1px solid #ccd6cf;border-radius:999px;background:#fff;color:#33443a}.crop-device-tabs button.active{border-color:#c95139;background:#c95139;color:#fff}.crop-device-tabs small{font-size:9px;margin-top:2px}.crop-frame-note{padding:0 20px;margin:10px 0!important;font-size:11px!important}.crop-stage-wrap{min-height:0;display:grid;place-items:center;overflow:auto;padding:8px 20px 14px;background:#1c2721}.crop-stage{position:relative;width:min(100%,850px);max-height:58dvh;overflow:hidden;background:#111;cursor:grab;touch-action:none;box-shadow:0 0 0 1px #ffffff45}.crop-stage[data-device="mobile"]{width:min(100%,520px)}.crop-stage.dragging{cursor:grabbing}.crop-stage img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transform-origin:center;user-select:none;pointer-events:none}.crop-stage i{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent calc(33.33% - .5px),#fff7 calc(33.33% - .5px),#fff7 calc(33.33% + .5px),transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),#fff7 calc(66.66% - .5px),#fff7 calc(66.66% + .5px),transparent calc(66.66% + .5px)),linear-gradient(0deg,transparent calc(33.33% - .5px),#fff7 calc(33.33% - .5px),#fff7 calc(33.33% + .5px),transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),#fff7 calc(66.66% - .5px),#fff7 calc(66.66% + .5px),transparent calc(66.66% + .5px))}.crop-zoom{display:grid!important;grid-template-columns:auto auto minmax(180px,1fr);align-items:center;gap:8px!important;padding:12px 20px!important;background:#fff}.crop-zoom small{margin:0}.crop-zoom input{padding:0;border:0;accent-color:#315843}.crop-shell>footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;background:#fff;border-top:1px solid #dce2dd}.crop-shell>footer button{min-width:120px;margin:0;border-radius:8px}.crop-reset,.crop-cancel{background:#e8ede9;color:#294b3a}.crop-apply{background:#c95139}.crop-shell>footer small{display:block;margin-top:2px;font-size:9px}
@media(max-width:620px){.crop-dialog{width:100vw;max-width:none;max-height:100dvh;border-radius:0}.crop-shell{max-height:100dvh}.crop-shell>header{padding:14px}.crop-shell h2{font-size:19px}.crop-shell>header p{display:none}.crop-device-tabs{padding:10px 12px 0}.crop-device-tabs button{flex:1;padding-inline:8px}.crop-frame-note{padding-inline:14px}.crop-stage-wrap{padding:8px 12px}.crop-stage{max-height:54dvh}.crop-zoom{padding:12px 14px!important;grid-template-columns:auto minmax(130px,1fr)}.crop-zoom small{display:none}.crop-shell>footer{padding:10px 12px}.crop-shell>footer button{min-width:0;flex:1;padding-inline:7px}.crop-shell>footer .crop-reset{display:none}}
.crop-stage,.crop-stage[data-device="mobile"]{width:min(100%,850px,calc(58dvh * var(--crop-ratio,1)));max-height:none}
@media(max-width:620px){.crop-stage,.crop-stage[data-device="mobile"]{width:min(100%,calc(54dvh * var(--crop-ratio,1)));max-height:none}}

/* Phone dashboard: compact horizontal navigation and immediately editable captions. */
.gallery-caption-editor{border:1px solid #d8e0da;border-radius:9px;padding:12px;background:#f7faf7}.gallery-caption-editor>summary{margin:-12px -12px 10px;padding:12px;list-style:none;background:#e9f0eb;border-radius:8px 8px 0 0}.gallery-caption-editor>summary::-webkit-details-marker{display:none}
@media(max-width:620px){
  .dashboard-header{position:sticky;top:0;padding:10px 12px;gap:9px;background:#fffffff5;backdrop-filter:blur(10px)}
  .dashboard-brand>b{width:36px;height:36px;font-size:18px}.dashboard-brand small{display:none}
  .dashboard-actions{gap:6px}.dashboard-actions a,.dashboard-actions button{min-height:42px;padding:6px 9px;font-size:12px}
  .dashboard-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px;scrollbar-width:none}.dashboard-tabs::-webkit-scrollbar{display:none}
  .dashboard-tabs button{flex:0 0 116px;min-height:46px;scroll-snap-align:start}
  .content-subtabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.content-subtabs::-webkit-scrollbar{display:none}
  .content-subtabs button{flex:0 0 158px;min-height:48px;scroll-snap-align:start}
  .panel{padding:14px}.media-card{padding:10px}.media-card .translation-panels fieldset{padding:8px}.media-card input,.media-card select{min-height:46px}
}
.site-icon-form{display:grid;grid-template-columns:88px minmax(220px,1fr) auto;align-items:end;gap:16px}.site-icon-preview{width:88px;height:88px;display:grid;place-items:center;overflow:hidden;border:1px solid #d4ddd6;border-radius:18px;background:#eef2ef;color:#294b3a;font-size:34px;font-weight:700}.site-icon-preview img{width:100%;height:100%;object-fit:cover}.site-icon-form button{margin:0;min-height:42px}@media(max-width:620px){.site-icon-form{grid-template-columns:72px 1fr}.site-icon-preview{width:72px;height:72px;border-radius:15px}.site-icon-form button{grid-column:1/-1;width:100%}}
.remove-inline-media{width:100%;margin-top:14px!important;border:1px solid #b64a3b!important;border-radius:8px;background:#fff!important;color:#9f3327!important;font-weight:700}.remove-inline-media:hover,.remove-inline-media:focus-visible{background:#fff2ef!important}
.section-upload-captions{grid-column:1/-1}
.inline-caption-fields{display:grid;gap:9px;margin:10px 0 12px;padding:10px;border:1px solid #dce3dd;border-radius:8px;background:#f7faf7}.inline-caption-fields label{margin:0}.inline-caption-fields input{min-height:44px;background:#fff}.inline-caption-fields small{color:#6d7971}.section-media-name b{font-size:16px}.section-media-name small{font-size:10px;font-family:Arial,sans-serif;color:#7a857e}
.media-order-tools{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:12px 0 4px}.media-order-tools .order-arrows{display:flex;grid-template-columns:none;align-items:center;gap:5px;width:auto;margin:0}.media-order-tools .order-arrows button{width:42px;min-width:42px;height:42px;min-height:42px;margin:0!important;padding:0;border:1px solid #cfd9d2;border-radius:8px;background:#eef3ef;color:#294b3a;font-size:18px}.media-order-tools .order-arrows button:disabled{opacity:.28}.media-drag-handle{min-height:42px;margin:0!important;padding:6px 11px;border:1px dashed #789083;border-radius:8px;background:#fff;color:#294b3a;cursor:grab;touch-action:none}.media-drag-handle:active{cursor:grabbing}.media-drag-handle small{font-size:9px}.media-card.is-dragging,.section-media-item.is-dragging{z-index:8;opacity:.72;outline:3px solid #c95139;box-shadow:0 14px 36px #18271e35}.gallery-caption-editor{margin-top:2px}.gallery-caption-editor+ .grid.compact{margin-top:10px}
@media(max-width:620px){.media-order-tools{position:sticky;bottom:66px;z-index:5;padding:7px;border:1px solid #dbe2dd;border-radius:10px;background:#fffffff2;box-shadow:0 5px 16px #17231c1c}.media-drag-handle{flex:1;min-height:46px}.media-order-tools .order-arrows button{width:46px;min-width:46px;height:46px}.inline-caption-fields{padding:9px}.inline-caption-fields input{font-size:16px}}
.order-arrows{display:grid;grid-template-columns:minmax(62px,1fr) auto minmax(62px,1fr);align-items:center;gap:8px;margin-top:6px}.order-arrows button{min-height:44px;margin:0!important;padding:7px 12px;border-radius:8px;background:#e7eee9;color:#294b3a;font-size:20px}.order-arrows button small{font-size:9px}.order-arrows button:disabled{opacity:.35;cursor:default}.order-arrows>span{text-align:center;font-weight:700;color:#5f6d64}.section-media-options{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}.section-upload-captions{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:8px}.branding-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.branding-admin-grid form{display:grid;align-content:start;gap:10px;padding:16px;border:1px solid #dae1dc;border-radius:10px;background:#fafbf9}.branding-admin-grid h3{margin:0}.brand-preview{width:82px;height:82px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#e9efeb;color:#294b3a;font-size:30px;font-weight:700}.brand-preview img{width:100%;height:100%;object-fit:contain}.footer-logo-admin{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:14px}.footer-logo-admin article{padding:12px;border:1px solid #dae1dc;border-radius:10px}.footer-logo-admin article>img{display:block;width:100%;height:90px;object-fit:contain;background:#f2f4f2}.footer-logo-admin .danger{width:100%;margin-top:8px;background:#fff;color:#a3261c;border:1px solid #a3261c}@media(max-width:700px){.branding-admin-grid,.section-upload-captions{grid-template-columns:1fr}}

/* Editorial articles and reusable media replacement */
.articles-intro,.article-editor>header,.article-editor>footer,.article-media-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.article-list{display:grid;gap:1rem}.article-editor>header{border-bottom:1px solid #d9dfda;padding-bottom:1rem}.article-editor>header h3{margin:.25rem 0 0}.article-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.article-media-editor{margin-top:1rem;padding:1rem;border-radius:14px;background:#f1f4f1}.article-media-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin:1rem 0}.article-media-card{display:grid;gap:.5rem;padding:.65rem;border:1px solid #d2dbd4;border-radius:12px;background:#fff;cursor:grab}.article-media-card:active{cursor:grabbing}.article-media-card figure{position:relative;aspect-ratio:4/3;margin:0;overflow:hidden;border-radius:8px;background:#14251d}.article-media-card img,.article-media-card video{width:100%;height:100%;object-fit:cover}.article-media-card figure span{position:absolute;bottom:.4rem;left:.4rem;padding:.2rem .4rem;background:#13251dcc;color:#fff;font-size:.72rem}.article-media-card small{display:block;color:#68766d;overflow-wrap:anywhere}.article-add-media{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem}.media-kind-filter{display:flex;flex-wrap:wrap;gap:.35rem}.media-kind-filter button{padding:.55rem .8rem;border-radius:999px;background:#fff;color:#234d3a}.media-kind-filter button.active{background:#d95336;color:#fff}.replace-media{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:end;padding:.65rem;border:1px dashed #789384;border-radius:10px;background:#f7faf8}.replace-media label{min-width:0}.replace-media input{max-width:100%;font-size:.8rem}.replace-media button{padding:.7rem}.media-card[hidden],.article-media-card[hidden]{display:none!important}
@media(max-width:700px){.articles-intro,.article-editor>header,.article-editor>footer,.article-media-heading{align-items:stretch;flex-direction:column}.article-meta,.article-add-media,.replace-media{grid-template-columns:1fr}.article-media-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem}.article-media-card{min-width:min(78vw,280px);scroll-snap-align:start}.media-kind-filter button{min-height:44px}.article-editor{padding:.8rem}.article-media-editor{padding:.75rem}}

.dashboard-brand>b.has-admin-logo{overflow:hidden;background:transparent}.dashboard-brand>b.has-admin-logo img{display:block;width:100%;height:100%;object-fit:contain}

/* Visual article composer */
.article-direct-upload{display:grid;grid-template-columns:minmax(220px,1fr) minmax(240px,1fr) auto;gap:12px;align-items:end;margin-bottom:18px;padding:16px;border:1px solid #cfd9d2;border-radius:12px;background:#fff}.article-direct-upload h4,.article-direct-upload p{margin:0}.article-direct-upload p{margin-top:5px;color:#647168;font-size:12px;line-height:1.5}.article-upload-captions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;grid-column:1/-1}.article-live-preview{margin:20px 0 8px;border:1px solid #bdc8c0;border-radius:14px;overflow:hidden;background:#173128}.article-preview-label{padding:10px 16px;background:#294b3a;color:#fff;font-weight:700}.article-preview-label small{display:block;font-size:9px}.article-preview-canvas{width:min(100%,980px);margin:auto;padding:clamp(28px,5vw,70px);background:#f7f4ed;color:#1e2923}.article-preview-canvas time{color:#c95139;font-weight:700}.article-preview-canvas h2{margin:.5rem 0 1rem;font-family:Georgia,"Yu Mincho",serif;font-size:clamp(30px,5vw,64px);font-weight:400;line-height:1.1}.preview-summary{font-size:clamp(16px,2vw,22px);line-height:1.7}.preview-body{max-width:760px;line-height:1.9}.article-preview-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}.article-preview-media figure{margin:0;padding:5px;background:#fff;border:1px solid #d5d8d1}.article-preview-media img,.article-preview-media video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#12231c}.article-preview-media figcaption{padding:8px;font-size:12px}.news-composer-shortcut{padding:24px;border:1px solid #c9d5cd;border-radius:12px;background:#edf3ee}.news-composer-shortcut h3{margin-top:0}.news-composer-shortcut p{max-width:720px;line-height:1.7}.news-composer-shortcut button{border-radius:10px}
@media(max-width:760px){.article-direct-upload{grid-template-columns:1fr}.article-upload-captions{grid-template-columns:1fr}.article-preview-canvas{padding:26px 16px}.article-preview-media{grid-template-columns:1fr}.article-preview-canvas h2{font-size:34px}}

.article-order-controls{display:flex;align-items:center;gap:8px}.article-order-controls>span{font-size:11px;color:#66736b}.article-order-controls .order-arrows{display:flex;margin:0}.article-order-controls .order-arrows button{min-width:44px}.article-media-card.is-cover{border:3px solid #c95139}.cover-actions{display:grid;gap:6px}.cover-actions button{padding:8px;border-radius:8px}.cover-actions button:disabled{background:#c95139;color:#fff;opacity:1}.news-card-preview{display:grid;grid-template-columns:minmax(220px,1.05fr) minmax(240px,1fr);gap:clamp(16px,3vw,36px)}.preview-cover{margin:0;overflow:hidden;aspect-ratio:16/10;background:#173128}.preview-cover img,.preview-cover video{width:100%;height:100%;object-fit:cover}.preview-news-copy{align-self:center}.preview-news-copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.7}.preview-news-copy button{pointer-events:none}.preview-news-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.preview-news-strip img,.preview-news-strip video{width:100%;aspect-ratio:16/10;object-fit:cover;background:#173128}
@media(max-width:700px){.article-order-controls{width:100%;justify-content:space-between}.news-card-preview{grid-template-columns:1fr}.preview-news-strip{grid-column:1;display:flex;overflow:auto}.preview-news-strip img,.preview-news-strip video{flex:0 0 72%;width:72%}}

/* Article media sorting, selection and title policy */
.article-upload-options{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;grid-column:1/-1}.article-media-toolbar{display:grid;grid-template-columns:minmax(200px,.7fr) minmax(320px,1.3fr);gap:12px;align-items:end;margin:12px 0;padding:12px;border:1px solid #cfdbd3;border-radius:10px;background:#e9efeb}.article-bulk-title{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.article-bulk-title button{min-height:42px}.article-media-select{display:flex!important;align-items:center;gap:7px;min-height:38px;padding:4px 2px;font-weight:700}.article-media-select input{width:auto}.article-media-title-editor{padding-top:6px;border-top:1px solid #d9dfda}.article-media-title-editor summary{cursor:pointer;font-weight:700;color:#294b3a}.article-media-title-editor label{margin-top:8px}
@media(max-width:760px){.article-upload-options,.article-media-toolbar,.article-bulk-title{grid-template-columns:1fr}.article-media-toolbar{position:relative}.article-media-select{min-height:44px}.article-media-title-editor summary{min-height:44px;display:flex;align-items:center}}