/* [MINI] Conference shell: retain Canonical palette, typography and controls. */
body.mini-shell #atlas-header .mini-brand-label{font:inherit;font-size:.8em;margin-left:.35em;vertical-align:baseline;letter-spacing:0}
body.mini-shell #atlas-header .hp-top>.brand-controls{gap:12px}
body.mini-shell #atlas-header .brand-controls .header-home{flex:0 0 auto}
/* [MINI] Conference banner stays at the right edge of the central header. */
body.mini-shell #atlas-header .header-center{display:flex;align-items:center;gap:14px;min-width:0}
body.mini-shell #atlas-header #header-shortcuts{flex:1 1 auto;min-width:0}
body.mini-shell #atlas-header .mini-conference-banner{display:block;flex:0 0 auto;width:clamp(116px,12vw,160px);line-height:0;border:1px solid rgba(160,185,210,.28);box-sizing:border-box;border-radius:3px;overflow:hidden}
body.mini-shell #atlas-header .mini-conference-banner{height:30px;background:#000}
body.mini-shell #atlas-header .mini-conference-banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%}
body.mini-shell #atlas-header .mini-conference-banner:focus-visible{outline:2px solid var(--atlas-accent-cyan);outline-offset:3px}
@media(max-width:600px){body.mini-shell #atlas-header .header-center{gap:8px}body.mini-shell #atlas-header .mini-conference-banner{width:116px}}
body.mini-shell #central-world{position:relative;isolation:isolate}
body.mini-shell #central-world:has(>.cosmic-journey){overflow:hidden}
body.mini-shell #hp-apps #system-tools>button:disabled,
body.mini-shell #atlas-login:disabled{opacity:.3;cursor:default;pointer-events:none}
body.mini-shell #atlas-header .header-right{grid-column:3}
body.mini-shell #workspace-right{display:flex;flex-direction:column;gap:8px;overflow:auto}
body.mini-shell #right-resizer{display:block!important}
body.mini-shell.atlas-compact #right-resizer{display:none!important}
body.mini-shell.right-closed #workspace-right{display:none}
body.mini-shell.atlas-shell-ready #workspace-right>#atlas-desk:not(.atlas-side-expanded):not([hidden]){position:relative;inset:auto;flex:none;width:100%;height:auto;max-height:none;box-sizing:border-box;box-shadow:none}
body.mini-shell.atlas-shell-ready #workspace-right>#reference-viewer.browser-compact:not(.reference-floating):not(.reference-maximized):not([hidden]){position:relative;inset:auto;display:flex;flex:1 0 300px;width:100%;height:auto;min-height:300px!important;max-height:none;box-sizing:border-box;animation:none}
body.mini-shell #workspace-right>[hidden]{display:none!important}
body.mini-shell .mini-panel-tabs{position:static;display:flex;gap:6px;padding:8px 10px;flex:none}
body.mini-shell #atlas-desk .atlas-desk-grid>button:disabled{opacity:.35;cursor:default}
body.mini-shell #atlas-login{width:auto;min-width:44px;font-size:11px}
@media(max-width:1000px){body.mini-shell #atlas-header .header-right{grid-column:2}}
body.mini-shell.atlas-compact #atlas-header .header-right{grid-column:2}
body.mini-shell.atlas-compact #atlas-header #atlas-login{display:inline-grid}

/* [MINI] Bottom controls and direct language toggle. */
body.mini-shell .mini-panel-tabs{margin-top:auto;position:sticky;bottom:0;z-index:3;background:var(--panel,#111720)}
body.mini-shell .mini-panel-tabs button{display:inline-flex;align-items:center;gap:8px}
body.mini-shell #language[hidden]{display:none!important}

body.mini-shell .mini-viewer-icon{font-size:18px}


/* [MINI] Always-visible conference links; only INDEX scrolls. */
body.mini-shell #workspace-left{overflow:hidden!important}
body.mini-shell #index-scroll-frame{min-height:0;flex:1 1 0}
/* Same two-face rotation as Canonical; the upper face names the destination. */
body.mini-shell .mini-kingdom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:center}
body.mini-shell .mini-kingdom-grid>a{position:relative;min-width:0;aspect-ratio:1;display:block;background:#03070c;border-radius:10px;overflow:hidden}
body.mini-shell .mini-kingdom-grid img{width:100%;height:100%;object-fit:cover;border-radius:0}
body.mini-shell .mini-kingdom-grid>a>span{position:absolute;inset:auto 0 0;padding:8px;background:linear-gradient(transparent,#000b);color:var(--atlas-text);font-family:var(--atlas-font-display);font-size:18px}
body.mini-shell .mini-kingdom-grid>.mini-earth-thumbnail img{width:84%;height:84%;margin:8%;border-radius:50%;object-fit:cover;box-shadow:0 0 12px #5286ae55}

body.mini-shell #central-world.mini-kingdom .atlas-hero-visual.mini-kingdom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.mini-shell #central-world.mini-kingdom .mini-kingdom-grid img{height:100%;aspect-ratio:1;object-fit:cover} body.mini-shell #central-world.mini-kingdom .mini-earth-thumbnail img{width:84%;height:84%;border-radius:50%}
/* [MINI] Canonical Quick Access renderer/styles; bounded INDEX only. */
body.mini-shell #index-scroll-frame{flex:0 1 50%;max-height:50%;min-height:0}
body.mini-shell #workspace-left #atlas-quick-access{max-height:none;overflow:visible;flex:0 0 auto;margin:8px 0 4px;padding-top:10px;gap:5px}
body.mini-shell #atlas-quick-access small{font-size:10px;color:var(--atlas-text-muted)}
/* Same 78 x 24 CSS-pixel control and faces as Canonical. */
body.mini-shell #atlas-header #mini-language-toggle{display:inline-flex;position:relative;box-sizing:border-box;flex:0 0 78px;width:78px;min-width:78px;max-width:78px;height:24px;min-height:24px;padding:2px;margin:0;border:1px solid #35425a;border-radius:4px;background:#182337;color:var(--atlas-text);perspective:400px;overflow:visible}
body.mini-shell #mini-language-toggle .atlas-language-code::after{content:attr(data-next)!important}
body.mini-shell #mini-language-toggle.mini-language-committed .atlas-language-code{transform:none}

/* [MINI] Draggable Quick Access top edge. */
body.mini-shell #index-scroll-frame{flex:0 0 var(--mini-index-height,35%);height:var(--mini-index-height,35%);max-height:none;min-height:0}
body.mini-shell #mini-quick-resizer{height:12px;flex:0 0 12px;cursor:row-resize;touch-action:none;display:flex;align-items:center;justify-content:center;user-select:none}
body.mini-shell #mini-quick-resizer::after{content:'';width:36px;height:3px;border-radius:2px;background:var(--atlas-text-muted);opacity:.5}
body.mini-shell #mini-quick-resizer:hover::after{opacity:1}
body.mini-shell #mini-quick-resizer:focus-visible{outline:1px solid var(--atlas-text-muted);outline-offset:1px}
body.mini-shell #workspace-left #atlas-quick-access{margin-top:0}

/* [MINI] Yakushima terrain stays inside the central viewport. */
body.mini-shell .workspace-shell>main:has(#central-world[data-node="earth/yakushima"] .island-terrain:not([hidden])){overflow:hidden}
body.mini-shell #central-world[data-node="earth/yakushima"]:has(.island-terrain:not([hidden])){display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;box-sizing:border-box;overflow:hidden}
body.mini-shell #central-world[data-node="earth/yakushima"]>.island-terrain:not([hidden]){flex:1 1 0;min-height:0;overflow:hidden}
body.mini-shell #central-world[data-node="earth/yakushima"] .island-layout{height:100%;min-height:0;align-items:stretch;grid-template-columns:minmax(0,1fr) 235px}
body.mini-shell #central-world[data-node="earth/yakushima"] .island-panel{height:100%;min-height:0;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain}
body.mini-shell #central-world[data-node="earth/yakushima"] .island-visual{height:100%;min-height:0;container-type:size}
body.mini-shell #central-world[data-node="earth/yakushima"] .island-canvas{width:min(100%,calc((100cqh - 64px)*1.548387));height:auto;max-width:100%;aspect-ratio:960/620;box-sizing:border-box}
body.mini-shell #central-world[data-node="earth/yakushima"] .visitor-guide{flex:0 0 auto;max-height:22vh;overflow-y:auto}
@media(max-width:760px){body.mini-shell #central-world[data-node="earth/yakushima"] .island-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr)}body.mini-shell #central-world[data-node="earth/yakushima"] .island-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* [MINI] Expand Yakushima work area; tighten title-to-guide spacing. */
body.mini-shell #central-world[data-node="earth/yakushima"]:has(.island-terrain:not([hidden])){padding:10px 0 6px}
body.mini-shell #central-world[data-node="earth/yakushima"] .yakushima-navigation{margin:0 0 3px;gap:6px}
body.mini-shell #central-world[data-node="earth/yakushima"] .visitor-guide{margin:3px 0 8px}
body.mini-shell #central-world[data-node="earth/yakushima"] .yakushima-secondary-actions{margin:0;padding:0}
body.mini-shell #central-world[data-node="earth/yakushima"] .yakushima-description{margin:4px 0;font-size:10px}
body.mini-shell #central-world[data-node="earth/yakushima"] .island-visual{display:flex;flex-direction:column;container-type:normal}
body.mini-shell #central-world[data-node="earth/yakushima"] .island-canvas{width:100%;height:0;flex:1 1 0;min-height:0;aspect-ratio:auto}
body.mini-shell #central-world[data-node="earth/yakushima"] .island-visual>p{flex:none;margin:5px 0 0}

/* [MINI] Align controls with terrain canvas, excluding its source caption. */
body.mini-shell #central-world[data-node="earth/yakushima"] .island-layout{grid-template-rows:minmax(0,1fr) auto;row-gap:5px}
body.mini-shell #central-world[data-node="earth/yakushima"] .island-visual{display:contents}
body.mini-shell #central-world[data-node="earth/yakushima"] .island-canvas{grid-column:1;grid-row:1;height:100%;min-height:0}
body.mini-shell #central-world[data-node="earth/yakushima"] .island-visual>p{grid-column:1;grid-row:2;margin:0}
body.mini-shell #central-world[data-node="earth/yakushima"] .island-panel{grid-column:2;grid-row:1;height:100%}
@media(max-width:760px){body.mini-shell #central-world[data-node="earth/yakushima"] .island-layout{grid-template-rows:minmax(0,1fr) minmax(0,1fr) auto}body.mini-shell #central-world[data-node="earth/yakushima"] .island-panel{grid-column:1;grid-row:2}body.mini-shell #central-world[data-node="earth/yakushima"] .island-visual>p{grid-row:3}}

/* [MINI] Header external link matches the Canonical close button size. */
/* [MINI] Replace header Close glyph/action with external-site opening. */
body.mini-shell #reference-close::before{content:'↗';font:13px/1 var(--atlas-font);color:var(--atlas-text);display:block}

/* [MINI] Section disclosure uses the existing Magnolia details styling. */
body.mini-shell .island-panel>.mini-island-section>summary{padding:4px 0;color:var(--accent,#d9c79f)}
body.mini-shell .island-panel>.mini-island-section[open]>summary{margin-bottom:10px}
body.mini-shell .mini-island-section>button{width:100%;margin:4px 0}

/* [MINI] Compact terrain controls with the Mini blue accent. */
body.mini-shell .island-panel{padding:10px;--island-accent:#91bee4}
body.mini-shell .island-panel>.mini-island-section{margin-top:5px;padding:5px 0!important;border-top-color:#91bee42b!important}
body.mini-shell .island-panel>.mini-island-section>summary{padding:2px 0;color:var(--island-accent)}
body.mini-shell .island-panel>.mini-island-section[open]>summary{margin-bottom:6px}
body.mini-shell .island-controls{gap:5px}
body.mini-shell .island-panel label{gap:2px;margin:0}
body.mini-shell .island-panel input,body.mini-shell .island-panel select{accent-color:var(--island-accent)}
body.mini-shell .island-panel input[type=range]{min-height:20px;margin:2px 0}
body.mini-shell .island-panel details a,body.mini-shell .island-panel .island-focus-status{color:var(--island-accent)}
body.mini-shell .island-panel button[aria-pressed=true]{background:#244563;border-color:var(--island-accent);color:#edf6ff;box-shadow:inset 3px 0 var(--island-accent)}

/* [MINI] Keep the live iframe mounted while its dock collapses. */
body.mini-shell.mini-viewer-floating #workspace-right{display:contents!important}
body.mini-shell.mini-viewer-floating #right-resizer{display:none!important}
body.mini-shell.atlas-shell-ready #reference-viewer.reference-floating:not([hidden]){position:fixed;display:flex;left:25vw;top:calc(var(--shell-header) + 20px);right:auto;bottom:auto;width:min(440px,calc(100vw - 24px));height:min(650px,calc(100dvh - var(--shell-header) - 36px));max-height:calc(100dvh - var(--shell-header) - 16px);min-width:min(280px,calc(100vw - 24px));min-height:220px;z-index:200;resize:both;box-shadow:0 14px 45px #0006}
@media(max-width:760px){body.mini-shell.atlas-shell-ready #reference-viewer.reference-floating:not([hidden]){left:12px}}
/* [MINI] Favorites / Float / Maximize / External. */
body.mini-shell #reference-viewer .ab-heading>.ab-favorites{order:90}
body.mini-shell #reference-float{order:91}
body.mini-shell #reference-full{order:92;width:28px;height:28px;flex:0 0 28px;padding:4px;display:grid;place-items:center;color:var(--atlas-text-muted)}
body.mini-shell #reference-full svg{width:18px;height:18px}
body.mini-shell.atlas-shell-ready #reference-viewer.reference-maximized:not([hidden]){inset:0!important;width:100vw!important;height:100dvh!important;max-height:none;max-width:none;min-height:0;border-radius:0;resize:none;z-index:1000!important}
body.mini-shell.atlas-shell-ready #reference-viewer.reference-maximized:not([hidden]){animation:none!important;transform:none!important;margin:0!important}
/* [MINI] Anchor menus to their full toolbar, not the narrow trigger. */
body.mini-shell #reference-viewer .ab-heading>.ab-favorites,
body.mini-shell #reference-viewer .ab-source-actions>.ab-help{position:static}
body.mini-shell #reference-viewer .ab-source-actions{position:relative}
body.mini-shell #reference-viewer .ab-heading>.ab-favorites>div,
body.mini-shell #reference-viewer .ab-source-actions>.ab-help>div{right:0;left:auto;width:min(260px,100%);box-sizing:border-box;overflow:auto;overflow-wrap:anywhere;white-space:normal}
body.mini-shell #reference-viewer .ab-heading>.ab-favorites>div{top:100%;max-height:min(320px,50dvh)}
body.mini-shell #reference-viewer .ab-source-actions>.ab-help>div{bottom:calc(100% + 5px);top:auto;max-height:min(260px,50dvh);line-height:1.5}
/* [MINI] Wide Viewer: tabs / Back / Forward / Reload / address in one row. */
body.mini-shell #reference-viewer.mini-viewer-wide .ab-navigation{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;min-width:0}
body.mini-shell #reference-viewer.mini-viewer-wide .ab-navigation>.ab-tab-row{flex:0 1 32%;width:32%;min-width:140px;margin:0;align-items:center}
body.mini-shell #reference-viewer.mini-viewer-wide .ab-tab-row>.ab-tabs{flex:1 1 0;min-width:0;max-width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}
body.mini-shell #reference-viewer.mini-viewer-wide .ab-navigation>.ab-address{flex:1 1 180px;min-width:150px}
body.mini-shell #reference-viewer.mini-viewer-wide .ab-navigation>.ab-toolbar{flex:0 0 auto}
body.mini-shell #atlas-header .header-center{flex-direction:row;justify-content:flex-start} body.mini-shell #atlas-header #header-shortcuts{width:0}
@media(min-width:1001px){body.mini-shell #atlas-header .hp-row{grid-template-columns:max(270px,calc(var(--left) + 6px)) minmax(0,1fr) max(260px,calc(var(--right) + 6px))}}
/* [MINI] Match the Canonical desktop navigation row height. */
@media(min-width:1001px){body.mini-shell #atlas-header .hp-navigation{height:auto;min-height:30px}}