/* Shared interface; scoped to navigation and dialogs. */
.aria-unified [hidden] { display: none !important; }
.aria-unified header.aria-unified-header { position:sticky; top:0; z-index:50; box-sizing:border-box; height:68px; min-height:68px; width:100%; padding:10px 16px; display:flex; align-items:center; justify-content:space-between; gap:8px; background:rgba(247,243,235,.97); border-bottom:1px solid #d9d1c4; backdrop-filter:blur(12px); }
.aria-unified .aria-brand { display:flex; flex-direction:column; gap:4px; flex-shrink:0; color:#063d4c; text-decoration:none; text-align:left; }
.aria-unified .aria-brand strong { font:400 19px/1 Georgia,serif; letter-spacing:.16em; }
.aria-unified .aria-brand span { font:400 7px/1 Arial,sans-serif; letter-spacing:.19em; }
.aria-unified .aria-header-actions { display:flex; align-items:center; gap:2px; }
.aria-unified .aria-header-actions button { min-height:44px; margin:0; padding:0 7px; border:0; background:none; color:#626b73; font:400 11px/1.3 "Microsoft YaHei",sans-serif; white-space:nowrap; cursor:pointer; }
.aria-unified .aria-header-actions button:last-child { color:#946b28; }
.aria-unified .aria-chapter-nav { position:fixed; z-index:45; bottom:0; left:50%; transform:translateX(-50%); width:min(100%,480px); box-sizing:border-box; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; padding:6px 14px calc(6px + env(safe-area-inset-bottom)); background:rgba(247,243,235,.98); border-top:1px solid #d9d1c4; backdrop-filter:blur(12px); }
.aria-unified .aria-chapter-nav button { min-height:48px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:5px; border:0; border-top:2px solid transparent; background:none; color:#626b73; cursor:pointer; }
.aria-unified .aria-chapter-nav span { font:400 11px/1 Georgia,serif; color:#946b28; }
.aria-unified .aria-chapter-nav strong { font:400 11px/1.4 "Microsoft YaHei",sans-serif; }
.aria-unified .aria-chapter-nav [aria-current="page"] { border-top-color:#946b28; color:#063d4c; background:rgba(180,134,63,.08); }
.aria-unified .aria-chapter-nav [aria-current="page"] strong { font-weight:600; }
.aria-unified .aria-has-chapters main { padding-bottom:76px; }
.aria-unified .aria-chapter { min-height:calc(100svh - 144px); }
.aria-unified .aria-dialog { position:fixed; inset:0; box-sizing:border-box; width:min(calc(100% - 36px),420px); max-width:420px; max-height:calc(100dvh - 48px); height:auto; margin:auto; padding:26px 24px; overflow:auto; border:1px solid #d9d1c4; border-radius:0; background:#f7f3eb; color:#28344a; box-shadow:0 24px 70px #28344a33; font:400 13px/1.8 "Microsoft YaHei",sans-serif; }
.aria-unified .aria-dialog::backdrop { background:#28344a70; backdrop-filter:blur(4px); }
.aria-unified .aria-dialog-top { display:flex; gap:12px; align-items:flex-start; justify-content:space-between; padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid #d9d1c4; }
.aria-unified .aria-dialog h2 { margin:0; padding:0; border:0; font:400 22px/1.35 Georgia,"Songti SC",serif; overflow-wrap:anywhere; }
.aria-unified .aria-dialog-top button { flex-shrink:0; width:44px; height:44px; margin:-9px -12px 0 0; border:0; background:none; color:#626b73; font:300 27px/1 Arial,sans-serif; cursor:pointer; }
.aria-unified .aria-dialog-body > button { display:block; width:100%; min-height:56px; padding:12px 4px; border:0; border-bottom:1px solid #d9d1c4; background:none; color:#28344a; text-align:left; font:400 15px/1.6 "Microsoft YaHei",sans-serif; cursor:pointer; }
.aria-unified .aria-dialog-body > button[aria-current="page"] { color:#946b28; font-weight:600; }
.aria-unified .aria-dialog-body p { margin:12px 0; font:inherit; }
.aria-unified .aria-dialog-body .aria-wine-meta { margin:18px 0; padding:14px; background:#eee8dd; }
.aria-unified .aria-primary { box-sizing:border-box; display:flex; min-height:48px; padding:12px 14px; align-items:center; justify-content:center; margin-top:20px; background:#28344a; color:#fffdf8; text-decoration:none; text-align:center; font:400 13px/1.6 "Microsoft YaHei",sans-serif; }
.aria-unified .aria-dialog .aria-contact-name { font:400 23px/1.5 Georgia,serif; }
.aria-unified .aria-contact-details { margin:16px 0 0; }
.aria-unified .aria-contact-details dt { margin-top:18px; color:#946b28; font-size:10px; letter-spacing:.08em; }
.aria-unified .aria-contact-details dd { margin:4px 0 0; overflow-wrap:anywhere; }
.aria-unified .aria-contact-details a { color:#28344a; }
.aria-unified .aria-unified-header :focus-visible,.aria-unified .aria-chapter-nav :focus-visible,.aria-unified .aria-dialog :focus-visible { outline:2px solid #946b28; outline-offset:2px; }
@media(max-width:360px) { .aria-unified header.aria-unified-header { padding-inline:12px; gap:4px; } .aria-unified .aria-header-actions button { padding-inline:5px; font-size:10px; } }

.aria-unified header.aria-unified-header.is-hidden { position:absolute; }

.aria-unified .is-entering { animation:none !important; }

/* Alvina: use the original Canva photograph at its natural 16:9 ratio. */
.aria-unified [data-view="profile"] .profile-portrait { aspect-ratio:16/9; }
.aria-unified [data-view="profile"] .profile-portrait img { position:static; display:block; width:100%; height:auto; max-width:100%; }

/* Geographic maps are standalone assets, not crops from an A4 screenshot. */
.aria-unified .arnot-profile-map { aspect-ratio:760/794; }
.aria-unified .arnot-profile-map img,
.aria-unified .arnot-story-visuals img { position:static; display:block; top:auto; left:auto; width:100%; height:auto; max-width:100%; }
.aria-unified .arnot-story-visuals .image-crop { aspect-ratio:760/794; }
.aria-unified .arnot-story-visuals { align-items:start; }