#hotspot-layer{position:absolute;inset:0;z-index:3;pointer-events:none}.interactive-zone{position:absolute;overflow:visible;pointer-events:none}.interactive-zone a{outline:none}.interactive-zone path{fill:transparent;stroke:transparent;stroke-width:.65;vector-effect:non-scaling-stroke;pointer-events:all;cursor:pointer;transition:fill .22s,stroke .22s,filter .22s}.interactive-zone a:hover path,.interactive-zone a:focus-visible path{fill:#d6af5020;stroke:#e8c47c;filter:drop-shadow(0 0 5px #deb75a88)}.unified-composition .portrait-windows{z-index:5}.directory{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.directory button,.section-action{display:inline-block;border:1px solid #c8aa7055;background:#c8aa7009;color:var(--gold);padding:12px 16px;font:12px/1.7 Manrope,Arial,sans-serif;text-align:left;cursor:pointer}.directory button:hover,.section-action:hover{background:#c8aa7020}.directory button:focus-visible,.section-action:focus-visible{outline:2px solid #f1cf8f;outline-offset:3px}.composition-tools .constellation{flex-wrap:wrap}.panel-inner{padding:56px 50px 32px}dialog{width:min(1000px,94vw);max-height:92dvh}dialog[open]:not(.editing-preview){animation:panel-arrive .25s ease-out}.placeholder h3{font-size:17px;font-weight:500;color:var(--gold);margin:0 0 10px;line-height:1.5}.placeholder p{white-space:pre-line;line-height:1.9;font-size:14px;color:#d0dae7}.panel-bottom{position:sticky;bottom:0;z-index:6;background:#0a1627;padding:16px 0 0;flex-wrap:wrap}.bio-gallery{display:flex;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid #ffffff20;padding-top:24px}.bio-gallery>a{display:grid;gap:10px;font-size:11px;color:var(--gold)}.bio-gallery img{max-width:130px;border:1px solid #c8aa7040}.related-sections,.section-tabs,.step-controls{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.section-tabs button,.step-controls button{border:1px solid #c8aa7050;background:none;padding:11px 16px;color:var(--text);min-height:44px}.section-tabs button[aria-selected=true],.section-tabs button[aria-pressed=true]{color:var(--gold);background:#c8aa7019;border-color:var(--gold)}.section-tabs button:focus-visible,.step-controls button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.tab-view,.presentation-step{border-left:1px solid var(--gold);padding:12px 24px;line-height:1.9;color:#c4d0e0}.tab-view h3,.presentation-step h3{font:25px Georgia,serif;color:var(--text)}.template-note,.source-note{font-size:11px;color:#9cacc1;line-height:1.8;padding:15px 0}.template-note{border-bottom:1px solid #ffffff18}.timeline-event,.faq-item{border:1px solid #c8aa7030;margin:12px 0;padding:0 18px}.timeline-event summary,.faq-item summary{padding:18px 0;cursor:pointer;line-height:1.6}.timeline-event summary strong{color:var(--gold);margin-right:18px}.timeline-event p,.faq-item p{color:#c3d0e0;line-height:1.9}.faq-item .section-action{margin-bottom:20px}.faq-label{display:grid;gap:12px;color:var(--gold);font-size:13px}.faq-label input{background:#06101e;border:1px solid #c8aa7055;color:var(--text);padding:15px;font:15px Manrope,Arial,sans-serif;width:100%;outline-offset:4px}.faq-status{font-size:11px;color:var(--muted)}.step-count{font-size:11px;letter-spacing:3px;color:var(--gold)}button:disabled{opacity:.35;cursor:default}.zone-error{font-size:10px;background:#071020;color:#d4b47b;padding:10px;pointer-events:none}.panel-lead{white-space:pre-line}@keyframes panel-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.panel-inner{padding:58px 24px 24px}.composition-tools{align-items:stretch}.composition-tools .constellation{gap:9px}.directory{gap:8px}.directory button{padding:10px 12px;min-height:44px}.panel-bottom .text-button{min-height:44px}.tab-view,.presentation-step{padding:10px 16px}}@media(prefers-reduced-motion:reduce){dialog[open]:not(.editing-preview){animation:none}.interactive-zone path{transition:none}}
/* Local authoring controls. These are activated only by the loopback admin server. */
.zone-editor{position:fixed;right:0;top:0;bottom:0;width:330px;z-index:40;background:#0b182b;border-left:1px solid #c8aa7060;padding:22px;overflow:auto;box-shadow:-15px 0 40px #0004}.zone-editor[hidden]{display:none}.zone-editor h2{font-size:23px;margin-top:0}.zone-editor label{display:grid;gap:7px;color:var(--gold);font-size:11px;margin:16px 0}.zone-editor input,.zone-editor select{width:100%;background:#061020;color:var(--text);border:1px solid #ffffff25;padding:10px;font:13px Arial,sans-serif}.zone-editor button{padding:10px;border:1px solid #c8aa7055;background:#c8aa7010;color:var(--gold);margin:4px;min-height:40px}.zone-editor p{font-size:11px;line-height:1.8;color:var(--muted)}.zone-coordinates{display:grid;grid-template-columns:1fr 1fr;gap:12px}.zone-toolbar{display:flex;gap:10px;position:fixed;bottom:15px;left:15px;z-index:38}.zone-toolbar button{background:#0b182b;color:var(--gold);border:1px solid #c8aa7070;padding:12px;font:12px Arial,sans-serif}.editing-zones main,.editing-zones header,.editing-zones footer{margin-right:350px}.editing-zones .interactive-zone path{stroke:#bd9c6677;fill:#c8aa7008;cursor:move}.editing-zones .interactive-zone a[data-selected=true] path{stroke:#ffdc84;stroke-width:2;fill:#fbd07022}.editing-zones #panel{display:none}.zone-save-state{min-height:32px}@media(max-width:760px){.zone-editor{width:260px;padding:14px}.editing-zones main,.editing-zones header,.editing-zones footer{margin-right:270px}}

.zone-button{position:absolute;z-index:5;pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 12px;color:#fff;border:1px solid #e2d3ad80;background:#05101e66;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);font:500 clamp(9px,1.2vw,16px)/1.4 Manrope,Arial,sans-serif;text-shadow:0 1px 6px #0008;cursor:pointer;transition:background .2s,border .2s}.zone-button span{color:var(--gold)}.zone-button:hover,.zone-button:focus-visible{background:#09172999;border-color:#ffe2a5;outline:1px solid #ffe2a5;outline-offset:2px}.editing-zones .zone-button{cursor:move}.editing-zones .zone-button[data-selected=true]{outline:2px solid #ffdc84;outline-offset:2px}@media(max-width:700px){.zone-button{font-size:clamp(8px,1.9vw,12px);padding:5px;gap:2px}}

.interactive-zone circle{fill:transparent;stroke:transparent;stroke-width:.85;vector-effect:non-scaling-stroke;pointer-events:all;cursor:pointer;transition:stroke .2s,filter .2s}.interactive-zone a:hover circle,.interactive-zone a:focus-visible circle{stroke:#edca84;filter:drop-shadow(0 0 4px #dfb85b80)}.editing-zones .interactive-zone circle{stroke:#bd9c6677;fill:#c8aa7008;cursor:move}.editing-zones .interactive-zone a[data-selected=true] circle{stroke:#ffdc84;stroke-width:2}

/* Independent social windows below the main composition. */
.social-windows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 5% 28px}.social-windows a{display:flex;align-items:center;gap:14px;min-width:0;min-height:70px;padding:18px 22px;border:1px solid #c8aa7066;background:linear-gradient(120deg,#102138a6,#07132280);color:#f0f1f5;font:500 19px Manrope,Arial,sans-serif;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.social-windows a:hover,.social-windows a:focus-visible{border-color:#edca84;background:#c8aa7018;outline:2px solid #edca84;outline-offset:3px}.social-windows a:active{transform:translateY(1px)}.social-symbol{color:#dfbd7b;font:600 27px Georgia,serif;width:28px;text-align:center}.social-arrow{margin-left:auto;color:#dfbd7b;font-size:25px}
@media(max-width:700px),(max-width:950px) and (max-height:500px){.social-windows{gap:8px;margin:0 12px 22px}.social-windows a{min-height:56px;padding:12px 8px;gap:7px;font-size:13px;justify-content:center}.social-symbol{width:18px;font-size:21px}.social-arrow{display:none}}

.social-windows a{text-decoration:none}

/* Keep the planet hit area and its highlight inside its visual silhouette. */
.interactive-zone:has(a[data-zone-id="planet"]){overflow:hidden;clip-path:ellipse(49.5% 49.5% at 50% 50%)}

/* Only the painted planet silhouette accepts input; never its rectangular SVG/link box. */
.interactive-zone a[data-zone-id="planet"]{pointer-events:none}
.interactive-zone a[data-zone-id="planet"] circle{pointer-events:visibleFill;fill:transparent;stroke:#d6bc7940;stroke-width:1;filter:none}
.interactive-zone a[data-zone-id="planet"]:hover circle,.interactive-zone a[data-zone-id="planet"]:focus-visible circle{stroke:#edca84;stroke-width:1.5;filter:none}

.achievement-figure{margin:24px 0 40px}.achievement-figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid #c8aa7050;border-radius:4px}.achievement-figure figcaption{font-size:11px;line-height:1.6;color:#9cacc1;margin-top:9px}#panel[data-section="achievements"] .placeholder{padding:0 0 24px;border:0;border-bottom:1px solid #c8aa7033;margin:0 0 32px}#panel[data-section="achievements"] .placeholder h3{font-size:clamp(20px,3vw,27px);line-height:1.5}#panel[data-section="achievements"] .placeholder p{font-size:16px;line-height:1.95;max-width:72ch}

.language-menu{width:430px;max-width:calc(100vw - 24px);padding:22px!important;z-index:30}.language-search-label{display:block;font-size:12px;color:#c4d0e0;margin:18px 0 8px}#language-search{width:100%;padding:12px;border:1px solid #c8aa7060;border-radius:4px;background:#061020;color:#f0f1f5;font:16px Arial,sans-serif}.language-current{font-size:12px!important;margin:12px 0!important;border:0!important;padding:0!important}#language-options{max-height:min(46svh,360px);overflow-y:auto;overscroll-behavior:contain;margin-top:15px}.language-option{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;border-bottom:1px solid #c8aa7020;padding:12px 4px;background:transparent;color:#eef0f5;cursor:pointer}.language-option:hover,.language-option:focus-visible{background:#c8aa7018;outline:1px solid #c8aa70;outline-offset:-1px}.language-badge{display:grid;place-items:center;flex:0 0 36px;height:32px;font:12px Arial,sans-serif;color:#e5c78c;border:1px solid #c8aa7055;border-radius:5px}.language-names{display:grid;gap:3px;min-width:0;flex:1;font:15px Arial,sans-serif}.language-names small{font-size:11px!important;letter-spacing:0!important;color:#9aacc0!important}.language-availability{font:10px Arial,sans-serif;color:#bdab89}#language-status{font-size:12px!important;line-height:1.7!important;border-top:1px solid #c8aa7033!important;padding:14px 0 0!important;margin:14px 0 0!important;letter-spacing:0!important;color:#b7c6d8!important}

.language-menu{max-height:calc(100svh - 95px);overflow-y:auto}#language-options{max-height:28svh}

.translated-slogans{position:absolute;z-index:2;left:46%;top:77%;width:44%;height:17%;background:linear-gradient(90deg,#040d18f0,#061020,#040d18f0);display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;pointer-events:none;color:#ead2a2;text-align:center}.translated-slogans span{font:clamp(8px,2vw,32px) Georgia,serif;letter-spacing:.22em;white-space:nowrap}.translated-slogans small{font:clamp(6px,1.25vw,18px) Georgia,serif;letter-spacing:.32em;color:#dedbd1}.translated-slogans[hidden]{display:none}

.translated-slogans{background:#050e1b;left:46%;width:44%;font-weight:400}.translated-slogans span,.translated-slogans small{font-weight:400}

/* Arabic text follows RTL while the artwork and its hit areas retain their positions. */
html[lang="ar"] body{font-family:Tahoma,Arial,sans-serif}html[lang="ar"] header,html[lang="ar"] .unified-composition,html[lang="ar"] #hotspot-layer{direction:ltr}html[lang="ar"] .brand-name-lettering text{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;stroke:none;direction:rtl;unicode-bidi:plaintext}html[lang="ar"] .language-menu,html[lang="ar"] #panel{direction:rtl;text-align:right}html[lang="ar"] .language-menu{left:auto;right:0}html[lang="ar"] .language-option,html[lang="ar"] .section-action{text-align:right}html[lang="ar"] .eyebrow,html[lang="ar"] .language-menu>small{letter-spacing:0}html[lang="ar"] .placeholder{border-left:0;border-right:1px solid #c8aa7055;padding-left:0;padding-right:22px}html[lang="ar"] .tab-view,html[lang="ar"] .presentation-step{border-left:0;border-right:1px solid var(--gold)}html[lang="ar"] .translated-slogans{direction:rtl}html[lang="ar"] .translated-slogans span,html[lang="ar"] .translated-slogans small{font-family:Tahoma,Arial,sans-serif;letter-spacing:0}html[lang="ar"] .zone-button{direction:rtl}html[lang="ar"] .social-windows{direction:ltr}html[lang="ar"] .language-badge{direction:ltr}html[lang="ar"] .language-names{unicode-bidi:plaintext}html[lang="ar"] .panel-inner{line-height:1.9}

html[lang="zh"] body{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}html[lang="zh"] .brand-name-lettering text{font-family:"Songti SC","Noto Serif CJK SC",serif;letter-spacing:5px;stroke:none}html[lang="zh"] .eyebrow,html[lang="zh"] .language-menu>small{letter-spacing:.12em}html[lang="zh"] .translated-slogans span,html[lang="zh"] .translated-slogans small{font-family:"Songti SC","Noto Serif CJK SC",serif;letter-spacing:.15em}html[lang="zh"] .placeholder p{line-height:2}

html[lang="ja"] body{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans CJK JP",sans-serif}html[lang="ja"] .brand-name-lettering text{font-family:"Hiragino Mincho ProN","Yu Mincho","Noto Serif CJK JP",serif;letter-spacing:3px;stroke:none}html[lang="ja"] .eyebrow,html[lang="ja"] .language-menu>small{letter-spacing:.1em}html[lang="ja"] .translated-slogans span,html[lang="ja"] .translated-slogans small{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;letter-spacing:.12em}html[lang="ja"] .placeholder p{line-height:2}

html[lang="ko"] body{font-family:"Apple SD Gothic Neo","Malgun Gothic","Noto Sans CJK KR",sans-serif;word-break:keep-all;overflow-wrap:break-word}html[lang="ko"] .brand-name-lettering text{font-family:"AppleMyungjo","Batang","Noto Serif CJK KR",serif;letter-spacing:4px;stroke:none}html[lang="ko"] .eyebrow,html[lang="ko"] .language-menu>small{letter-spacing:.08em}html[lang="ko"] .translated-slogans span,html[lang="ko"] .translated-slogans small{font-family:"AppleMyungjo","Batang",serif;letter-spacing:.1em}html[lang="ko"] .placeholder p{line-height:2}

.language-badge.language-flag{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:26px;line-height:1;border-color:transparent;background:transparent}

html[lang="hi"] body{font-family:"Noto Sans Devanagari","Kohinoor Devanagari",Arial,sans-serif}html[lang="hi"] .brand-name-lettering text{font-family:"Kohinoor Devanagari","Noto Serif Devanagari",serif;letter-spacing:0;stroke:none}html[lang="hi"] .translated-slogans span,html[lang="hi"] .translated-slogans small,html[lang="hi"] .eyebrow{letter-spacing:0;font-family:"Kohinoor Devanagari","Noto Sans Devanagari",sans-serif}

html[lang="bn"] body{font-family:"Noto Sans Bengali","Kohinoor Bangla",Arial,sans-serif}html[lang="bn"] .brand-name-lettering text{font-family:"Kohinoor Bangla","Noto Serif Bengali",serif;letter-spacing:0;stroke:none}html[lang="bn"] .translated-slogans span,html[lang="bn"] .translated-slogans small,html[lang="bn"] .eyebrow{letter-spacing:0;font-family:"Kohinoor Bangla","Noto Sans Bengali",sans-serif}

html[lang="gd"] .translated-slogans span{font-size:clamp(6px,1.35vw,22px);letter-spacing:.12em}

html[lang="am"] body{font-family:"Kefa","Noto Sans Ethiopic",sans-serif}html[lang="am"] .brand-name-lettering text{font-family:"Kefa","Noto Serif Ethiopic",serif;letter-spacing:0;stroke:none}html[lang="am"] .translated-slogans span,html[lang="am"] .translated-slogans small,html[lang="am"] .eyebrow{letter-spacing:0;font-family:"Kefa","Noto Sans Ethiopic",sans-serif}

html[lang="my"] body{font-family:"Myanmar Sangam MN","Myanmar MN","Noto Sans Myanmar",sans-serif;line-height:1.8}html[lang="my"] .brand-name-lettering text{font-family:"Myanmar MN","Noto Sans Myanmar",sans-serif;letter-spacing:0;stroke:none}html[lang="my"] .translated-slogans span,html[lang="my"] .translated-slogans small,html[lang="my"] .eyebrow{letter-spacing:0;font-family:"Myanmar Sangam MN","Noto Sans Myanmar",sans-serif}html[lang="my"] .translated-slogans span{font-size:clamp(8px,1.5vw,25px)}

html[lang="gu"] body{font-family:"Gujarati Sangam MN","Noto Sans Gujarati",sans-serif;line-height:1.7}html[lang="gu"] .brand-name-lettering text{font-family:"Gujarati Sangam MN","Noto Sans Gujarati",sans-serif;letter-spacing:0;stroke:none}html[lang="gu"] .translated-slogans span,html[lang="gu"] .translated-slogans small,html[lang="gu"] .eyebrow{letter-spacing:0;font-family:"Gujarati Sangam MN","Noto Sans Gujarati",sans-serif}

html[lang="nl"] .translated-slogans span{font-size:clamp(8px,1.65vw,27px);letter-spacing:.13em}

html[lang="fa"] body{font-family:Tahoma,Arial,sans-serif}html[lang="fa"] header,html[lang="fa"] .unified-composition,html[lang="fa"] #hotspot-layer{direction:ltr}html[lang="fa"] .brand-name-lettering text{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;stroke:none;direction:rtl;unicode-bidi:plaintext}html[lang="fa"] .language-menu,html[lang="fa"] #panel{direction:rtl;text-align:right}html[lang="fa"] .language-menu{left:auto;right:0}html[lang="fa"] .language-option,html[lang="fa"] .section-action{text-align:right}html[lang="fa"] .eyebrow,html[lang="fa"] .language-menu>small{letter-spacing:0}html[lang="fa"] .placeholder{border-left:0;border-right:1px solid #c8aa7055;padding-left:0;padding-right:22px}html[lang="fa"] .tab-view,html[lang="fa"] .presentation-step{border-left:0;border-right:1px solid var(--gold)}html[lang="fa"] .translated-slogans{direction:rtl}html[lang="fa"] .translated-slogans span,html[lang="fa"] .translated-slogans small{font-family:Tahoma,Arial,sans-serif;letter-spacing:0}html[lang="fa"] .zone-button{direction:rtl}html[lang="fa"] .social-windows{direction:ltr}html[lang="fa"] .language-badge{direction:ltr}html[lang="fa"] .language-names{unicode-bidi:plaintext}html[lang="fa"] .panel-inner{line-height:1.9}

html[lang="ne"] body,html[lang="ne"] .brand-name-lettering text,html[lang="ne"] .translated-slogans span,html[lang="ne"] .translated-slogans small{font-family:"Noto Sans Devanagari","Kohinoor Devanagari",Arial,sans-serif;letter-spacing:0}html[lang="ne"] .panel-inner{line-height:1.9}

html[lang="mr"] body,html[lang="mr"] .brand-name-lettering text,html[lang="mr"] .translated-slogans span,html[lang="mr"] .translated-slogans small{font-family:"Noto Sans Devanagari","Kohinoor Devanagari",Arial,sans-serif;letter-spacing:0}html[lang="mr"] .panel-inner{line-height:1.9}
