/* 3.7 Atelier: readable type, an editorial learning gallery and quiet window motion.
 * Loaded after frontend.css and myriad.css. Existing wallpaper and user themes remain the palette. */
#abao-mgo.myriad-ui {
  --atelier-edge: rgba(103, 129, 151, .19);
  --atelier-shadow: 0 8px 28px rgba(29, 52, 77, .09), inset 0 1px 0 rgba(255, 255, 255, .65);
  --atelier-window-shadow: 0 24px 70px rgba(22, 44, 67, .16), 0 4px 14px rgba(22, 44, 67, .06);
  --atelier-ease: cubic-bezier(.22, .72, .25, 1);
  font-size: 15px;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}
#abao-mgo.myriad-ui[data-myriad-theme="dark"] {
  --atelier-edge: rgba(177, 204, 225, .19);
  --atelier-shadow: 0 8px 28px rgba(0, 9, 18, .19), inset 0 1px 0 rgba(212, 232, 247, .055);
  --atelier-window-shadow: 0 24px 70px rgba(0, 7, 14, .34), 0 4px 14px rgba(0, 7, 14, .15);
}

/* Preserve the original 300px character; space belongs to the layout, not a scale. */
@media (min-width: 769px) {
  body.abao-mgo-takeover:has(#abao-mgo.myriad-ui) #waifu,
  #abao-mgo.myriad-ui #waifu {
    width: 300px !important;
    left: 0 !important;
    bottom: 0 !important;
    transform: none !important;
    transform-origin: left bottom;
  }
}

#abao-mgo.myriad-ui .mgo-desktop { padding: 64px 32px 48px 104px; }
#abao-mgo.myriad-ui .mgo-vignette { background: linear-gradient(180deg, rgba(244, 247, 250, .14), rgba(244, 247, 250, .30) 45%, rgba(244, 247, 250, .58)); }
#abao-mgo.myriad-ui[data-myriad-theme="dark"] .mgo-vignette { background: rgba(9, 18, 28, .48); }
#abao-mgo.myriad-ui .mgo-home { max-width: 1400px; }
#abao-mgo.myriad-ui .mgo-hero { margin: max(62px, calc(100svh - 652px)) 0 26px; }
#abao-mgo.myriad-ui .mgo-hero-title {
  font-family: "Noto Serif SC", "Songti SC", "STSong", "SimSun", "Palatino Linotype", Georgia, serif;
  font-size: clamp(38px, 3.7vw, 56px);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -.025em;
  margin-bottom: 15px;
}
#abao-mgo.myriad-ui .mgo-hero-script { font-size: 17px; line-height: 1.7; }
#abao-mgo.myriad-ui .myriad-owner-badge { padding: 5px 14px 5px 5px; gap: 10px; }
#abao-mgo.myriad-ui .myriad-owner-badge img { width: 34px; height: 34px; }
#abao-mgo.myriad-ui .myriad-owner-badge b { font-size: 14px; }
#abao-mgo.myriad-ui .myriad-owner-badge :is(span, small) { font-size: 12px; }
#abao-mgo.myriad-ui .myriad-grid { height: 384px; gap: 12px; }
#abao-mgo.myriad-ui .myriad-widget {
  padding: 16px;
  border-color: var(--atelier-edge);
  border-radius: 18px;
  box-shadow: var(--atelier-shadow);
  transition: transform 220ms var(--atelier-ease), box-shadow 220ms var(--atelier-ease), border-color 220ms ease;
}
#abao-mgo.myriad-ui .myriad-widget-label { font-size: 14px; }
#abao-mgo.myriad-ui .myriad-widget-note { font-size: 12px; line-height: 1.6; }
#abao-mgo.myriad-ui .myriad-greet > b,
#abao-mgo.myriad-ui .myriad-greeting { font-size: 30px; line-height: 1.3; font-weight: 500; }
#abao-mgo.myriad-ui .myriad-greet > span { top: 16px; left: 16px; }
#abao-mgo.myriad-ui .myriad-greet :is(small, p) { font-size: 12px; line-height: 1.6; }
#abao-mgo.myriad-ui .myriad-social { padding: 0; gap: 10px; }
#abao-mgo.myriad-ui .myriad-social > .myriad-widget { padding: 4px; border-radius: 16px; gap: 7px; }
#abao-mgo.myriad-ui .myriad-social :is(a, button, small) { font-size: 12px; line-height: 1.35; }
#abao-mgo.myriad-ui .myriad-portrait { padding: 0; }
#abao-mgo.myriad-ui .myriad-portrait > b { font-size: 12px; padding-bottom: 12px; }
#abao-mgo.myriad-ui .myriad-visitors > b { font-size: 40px; letter-spacing: -.035em; margin: 8px 0; }
#abao-mgo.myriad-ui .myriad-visitors > :is(small, p) { font-size: 12px; line-height: 1.6; }
#abao-mgo.myriad-ui .myriad-numbers { gap: clamp(18px, 2vw, 30px); margin: 14px 0; }
#abao-mgo.myriad-ui .myriad-numbers b { font-size: 34px; font-variant-numeric: tabular-nums; }
#abao-mgo.myriad-ui .myriad-numbers small,
#abao-mgo.myriad-ui .myriad-distribution > small { font-size: 12px; }
#abao-mgo.myriad-ui .myriad-text-link { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; margin-top: 12px; }
#abao-mgo.myriad-ui :is(.myriad-footprints, .myriad-activity) > header b { font-size: 14px; font-weight: 600; }
#abao-mgo.myriad-ui :is(.myriad-footprints, .myriad-activity) > header button { font-size: 12px; white-space: nowrap; }
#abao-mgo.myriad-ui .myriad-footprint-count { margin-top: 11px; flex-wrap: wrap; gap: 5px 8px; }
#abao-mgo.myriad-ui .myriad-footprint-count b { font-size: 30px; font-variant-numeric: tabular-nums; }
#abao-mgo.myriad-ui .myriad-footprint-count :is(small, span) { font-size: 12px; }
#abao-mgo.myriad-ui .myriad-news-item { margin-top: 14px; gap: 10px; }
#abao-mgo.myriad-ui .myriad-news-item > span { width: 30px; height: 30px; border-radius: 9px; }
#abao-mgo.myriad-ui .myriad-news-item b { font-size: 14px; line-height: 1.45; }
#abao-mgo.myriad-ui .myriad-news-item small { font-size: 12px; line-height: 1.4; margin-top: 3px; }
#abao-mgo.myriad-ui .myriad-activity > button:not(.myriad-news-item) { font-size: 14px; line-height: 1.6; margin-top: 30px; }
#abao-mgo.myriad-ui .myriad-widget .mgo-mini-heat { height: 58px; margin: 9px 0 0; }
#abao-mgo.myriad-ui .myriad-widget .mgo-mini-heat .mgo-heat-col i { width: 6px; height: 6px; border-radius: 2px; }
#abao-mgo.myriad-ui .myriad-widget :is(.mgo-stage-kpi b, .mgo-stage-counts b) { font-size: 32px; }
#abao-mgo.myriad-ui .myriad-widget :is(.mgo-stage-kpi small, .mgo-stage-counts small, .mgo-stage-trend-foot, .mgo-stage-kind-labels, footer) { font-size: 12px; }
#abao-mgo.myriad-ui .myriad-widget .mgo-stage-entry b { font-size: 14px; }
#abao-mgo.myriad-ui .myriad-widget .mgo-stage-entry small { font-size: 12px; }
#abao-mgo.myriad-ui .myriad-music { gap: 10px; }
#abao-mgo.myriad-ui .myriad-music b { font-size: 14px; line-height: 1.45; }
#abao-mgo.myriad-ui .myriad-music small { font-size: 12px; line-height: 1.5; }
#abao-mgo.myriad-ui .myriad-music > i { font-size: 12px; right: 12px; bottom: 10px; }
#abao-mgo.myriad-ui .myriad-music > img { width: 48px; height: 48px; border-radius: 12px; }
#abao-mgo.myriad-ui .myriad-music > b { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/* Existing compact carousels keep their semantics, with larger, steady captions. */
#abao-mgo.myriad-ui .myriad-grid .myriad-carousel,
#abao-mgo.myriad-ui .myriad-grid .myriad-shelf { padding: 0; }
#abao-mgo.myriad-ui .myriad-slide-caption { padding: 38px 16px 43px; min-height: 96px; }
#abao-mgo.myriad-ui .myriad-slide-caption b { font-size: 16px; max-width: 100%; line-height: 1.45; }
#abao-mgo.myriad-ui .myriad-slide-caption small { font-size: 12px; line-height: 1.5; }
#abao-mgo.myriad-ui .myriad-carousel-controls { gap: 3px; border-radius: 11px; }
#abao-mgo.myriad-ui .myriad-carousel-controls button { width: 28px; height: 28px; border-radius: 8px; font-size: 14px; }
#abao-mgo.myriad-ui .myriad-carousel-controls :is([data-myriad-position], [data-showcase-position]) { font-size: 12px; white-space: nowrap; font-variant-numeric: tabular-nums; }
#abao-mgo.myriad-ui .myriad-friends [data-myriad-slide] { padding: 14px 10px 44px; }
#abao-mgo.myriad-ui .myriad-friends [data-myriad-slide] > a { gap: 7px; }
#abao-mgo.myriad-ui .myriad-friends [data-myriad-slide] img { width: 44px; height: 44px; }
#abao-mgo.myriad-ui .myriad-friends [data-myriad-slide] :is(b, strong),
#abao-mgo.myriad-ui .myriad-friends > button b { font-size: 14px; }
#abao-mgo.myriad-ui .myriad-friends [data-myriad-slide] :is(small, p),
#abao-mgo.myriad-ui .myriad-friends > button small { font-size: 12px; line-height: 1.5; }
#abao-mgo.myriad-ui .myriad-friends .myriad-carousel-controls { left: 7px; right: 7px; justify-content: center; gap: 1px; padding: 2px; }
#abao-mgo.myriad-ui .myriad-friends .myriad-carousel-controls button { flex: 0 0 22px; width: 22px; height: 26px; }
#abao-mgo.myriad-ui .myriad-shelf .mgo-showcase-caption { left: 16px; right: 16px; bottom: 46px; }
#abao-mgo.myriad-ui .myriad-shelf .mgo-showcase-caption b { font-size: 16px; line-height: 1.45; }
#abao-mgo.myriad-ui .myriad-shelf .mgo-showcase-caption small { font-size: 12px; }
#abao-mgo.myriad-ui .myriad-shelf .mgo-showcase-rating { font-size: 14px; }
#abao-mgo.myriad-ui .myriad-shelf .mgo-showcase-empty { font-size: 14px; line-height: 1.7; }
#abao-mgo.myriad-ui [data-myriad-slide]:not([hidden]),
#abao-mgo.myriad-ui [data-showcase-slide]:not([hidden]) { animation: atelier-slide-in 360ms var(--atelier-ease) both; }
@keyframes atelier-slide-in { from { opacity: 0; transform: scale(.985); } to { opacity: 1; transform: scale(1); } }

/* A horizontal reading shelf: native scrolling, a visible next card and no marquee. */
#abao-mgo.myriad-ui .myriad-gallery {
  width: 100%;
  min-width: 0;
  margin-top: 42px;
  padding: 26px;
  border: 1px solid var(--atelier-edge);
  border-radius: 24px;
  background: var(--myriad-reading);
  box-shadow: var(--atelier-shadow);
  backdrop-filter: var(--myriad-blur);
  -webkit-backdrop-filter: var(--myriad-blur);
  color: var(--myriad-ink);
}
#abao-mgo.myriad-ui .myriad-gallery > header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 0 2px 22px;
  border-bottom: 1px solid var(--atelier-edge);
  margin-bottom: 20px;
}
#abao-mgo.myriad-ui .myriad-gallery > header > div:first-child { min-width: 0; }
#abao-mgo.myriad-ui .myriad-gallery > header small { display: block; font-size: 12px; font-weight: 600; letter-spacing: .12em; color: var(--myriad-accent); }
#abao-mgo.myriad-ui .myriad-gallery h2 { font-size: 30px; line-height: 1.4; font-weight: 500; letter-spacing: -.02em; margin: 7px 0 9px; }
#abao-mgo.myriad-ui .myriad-gallery > header p { max-width: 60ch; font-size: 15px; line-height: 1.8; color: var(--myriad-muted); margin: 0; }
#abao-mgo.myriad-ui .myriad-gallery > header .myriad-carousel-controls {
  position: static;
  flex: none;
  gap: 6px;
  padding: 5px;
  border-color: var(--atelier-edge);
  border-radius: 14px;
  color: var(--myriad-ink);
  background: var(--myriad-chrome);
  backdrop-filter: var(--myriad-blur);
  -webkit-backdrop-filter: var(--myriad-blur);
  box-shadow: var(--myriad-shadow);
}
#abao-mgo.myriad-ui .myriad-gallery > header .myriad-carousel-controls button { width: 34px; height: 34px; border-radius: 10px; }
#abao-mgo.myriad-ui .myriad-gallery > header .myriad-carousel-controls button:hover { background: var(--myriad-hover); }
#abao-mgo.myriad-ui .myriad-gallery .myriad-carousel-controls [data-myriad-position] { min-width: 44px; padding: 0 3px; text-align: center; }
#abao-mgo.myriad-ui .myriad-gallery-track {
  display: flex;
  align-items: stretch;
  gap: 18px;
  min-width: 0;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 4px 2px 18px;
  scroll-padding-inline: 2px;
  scroll-snap-type: x proximity;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--myriad-accent) var(--myriad-soft);
}
#abao-mgo.myriad-ui .myriad-gallery-card {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 0 0 clamp(320px, 34%, 420px);
  min-width: 0;
  padding: 0;
  overflow: hidden;
  scroll-snap-align: start;
  border: 1px solid var(--atelier-edge);
  border-radius: 20px;
  background: var(--myriad-chrome);
  color: var(--myriad-ink);
  box-shadow: var(--myriad-shadow);
  text-align: left;
  transition: transform 220ms var(--atelier-ease), border-color 220ms ease, box-shadow 220ms ease;
}
#abao-mgo.myriad-ui .myriad-gallery-card.is-active { border-color: var(--myriad-accent); }
#abao-mgo.myriad-ui .myriad-gallery-card figure { position: relative; display: block; flex: none; margin: 0; aspect-ratio: 16 / 10; background: var(--myriad-soft); border-bottom: 1px solid var(--atelier-edge); overflow: hidden; }
#abao-mgo.myriad-ui .myriad-gallery-card figure img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
#abao-mgo.myriad-ui .myriad-gallery-index { position: absolute; top: 14px; left: 14px; display: grid; place-items: center; min-width: 36px; height: 32px; padding: 0 8px; background: var(--myriad-chrome); border: 1px solid var(--atelier-edge); border-radius: 9px; color: var(--myriad-accent); font-size: 12px; font-variant-numeric: tabular-nums; }
#abao-mgo.myriad-ui .myriad-gallery-copy { display: flex; flex-direction: column; flex: 1; gap: 10px; padding: 23px 24px 22px; }
#abao-mgo.myriad-ui .myriad-gallery-copy > small { font-size: 12px; line-height: 1.5; font-weight: 600; color: var(--myriad-accent); }
#abao-mgo.myriad-ui .myriad-gallery-copy h3 { margin: 0; font-size: 22px; line-height: 1.5; font-weight: 500; letter-spacing: -.015em; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#abao-mgo.myriad-ui .myriad-gallery-copy p { margin: 0 0 10px; font-size: 14px; line-height: 1.8; color: var(--myriad-muted); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
#abao-mgo.myriad-ui .myriad-gallery-copy > span { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 15px; border-top: 1px solid var(--atelier-edge); font-size: 12px; font-weight: 500; color: var(--myriad-accent); }

/* One SVG vocabulary for chrome, navigation, contacts and controls. */
#abao-mgo.myriad-ui .mgo-svg-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
  vertical-align: middle;
}
#abao-mgo.myriad-ui .mgo-dock-btn .mgo-svg-icon,
#abao-mgo.myriad-ui .myriad-quick-grid .mgo-svg-icon { width: 24px; height: 24px; stroke-width: 1.75; }
#abao-mgo.myriad-ui .myriad-social .mgo-svg-icon { width: 32px; height: 32px; }
#abao-mgo.myriad-ui .myriad-greet > span .mgo-svg-icon { width: 32px; height: 32px; color: var(--myriad-accent); }
#abao-mgo.myriad-ui .myriad-music > span .mgo-svg-icon { width: 40px; height: 40px; }
#abao-mgo.myriad-ui .myriad-gallery-copy > span .mgo-svg-icon { width: 21px; height: 21px; }
#abao-mgo.myriad-ui .myriad-carousel-controls .mgo-svg-icon { width: 19px; height: 19px; }
#abao-mgo.myriad-ui .mgo-win-ico { width: 34px; height: 34px; border-radius: 10px; }
#abao-mgo.myriad-ui .mgo-win-ico .mgo-svg-icon { width: 22px; height: 22px; color: var(--myriad-accent); }

/* Distinct titlebar and reading paper, with a small and unblurred entrance. */
#abao-mgo.myriad-ui .mgo-window { border-color: var(--atelier-edge); border-radius: 22px; box-shadow: var(--atelier-window-shadow); transition: opacity 280ms ease, transform 280ms var(--atelier-ease), visibility 280ms; }
#abao-mgo.myriad-ui.mgo-workspace .mgo-scene:not(.mgo-win-dynamic):not([data-window="tapp"]) { background: var(--myriad-fill); border-color: var(--atelier-edge); box-shadow: var(--atelier-window-shadow); backdrop-filter: var(--myriad-blur); -webkit-backdrop-filter: var(--myriad-blur); }
#abao-mgo.myriad-ui .mgo-window-bar,
#abao-mgo.myriad-ui.mgo-workspace .mgo-scene:not(.mgo-win-dynamic):not([data-window="tapp"]) > .mgo-window-bar { min-height: 60px; padding: 10px 16px; gap: 12px; margin-bottom: 0; border: 0; border-bottom: 1px solid var(--atelier-edge); border-radius: 0; background: var(--myriad-chrome); box-shadow: none; }
#abao-mgo.myriad-ui .mgo-win-title { font-size: 15px; font-weight: 600; line-height: 1.5; }
#abao-mgo.myriad-ui .mgo-scene-back { width: 34px; height: 34px; flex: none; }
#abao-mgo.myriad-ui .mgo-win-tools button { min-width: 32px; height: 32px; font-size: 12px; font-weight: 500; }
#abao-mgo.myriad-ui .mgo-scroll-area { padding: 28px; }
#abao-mgo.myriad-ui .mgo-window.is-open { animation: atelier-window-in 280ms var(--atelier-ease) both; }
#abao-mgo.myriad-ui .mgo-window.is-restoring { animation: atelier-window-in 280ms var(--atelier-ease) both; }
#abao-mgo.myriad-ui .mgo-window.is-closing,
#abao-mgo.myriad-ui .mgo-window.is-minimizing { animation: atelier-window-out 200ms ease both; }
#abao-mgo.myriad-ui.mgo-workspace .mgo-scene.is-open { animation: atelier-window-in 280ms var(--atelier-ease) both !important; }
#abao-mgo.myriad-ui.mgo-workspace .mgo-scene.is-closing { animation: atelier-window-out 200ms ease both !important; }
#abao-mgo.myriad-ui.mgo-workspace .mgo-scene:not(.is-open) { opacity: 0; }
@keyframes atelier-window-in { from { opacity: 0; translate: 0 14px; scale: .985; } to { opacity: 1; translate: 0 0; scale: 1; } }
@keyframes atelier-window-out { to { opacity: 0; translate: 0 10px; scale: .985; } }

/* Console and workspace labels have a readable floor, independent of viewport. */
#abao-mgo.myriad-ui .mgo-chip { font-size: 13px; }
#abao-mgo.myriad-ui .mgo-chip i { font-size: 12px; }
#abao-mgo.myriad-ui .mgo-console { padding: 22px; border-color: var(--atelier-edge); box-shadow: var(--atelier-window-shadow); }
#abao-mgo.myriad-ui .myriad-console-header h2 { font-size: 18px; }
#abao-mgo.myriad-ui .myriad-console-header :is(small, p),
#abao-mgo.myriad-ui .myriad-console-time small,
#abao-mgo.myriad-ui .myriad-control-music small,
#abao-mgo.myriad-ui .myriad-console-quick-grid small,
#abao-mgo.myriad-ui .myriad-console-footer,
#abao-mgo.myriad-ui .mgo-console-foot { font-size: 12px; line-height: 1.6; }
#abao-mgo.myriad-ui .myriad-console-tabs button,
#abao-mgo.myriad-ui .myriad-preference-group > :is(span, b, label),
#abao-mgo.myriad-ui .myriad-preference-group button,
#abao-mgo.myriad-ui .myriad-quick-grid button,
#abao-mgo.myriad-ui .mgo-console-actions button { font-size: 12px; line-height: 1.5; }
#abao-mgo.myriad-ui .myriad-console-section > :is(h3, b, small) { font-size: 13px; }
#abao-mgo.myriad-ui .myriad-console-time b,
#abao-mgo.myriad-ui .myriad-control-music b,
#abao-mgo.myriad-ui .myriad-console-quick-grid b { font-size: 14px; }
#abao-mgo.myriad-ui .mgo-console-date,
#abao-mgo.myriad-ui .mgo-console-grid span { font-size: 12px; }
#abao-mgo.myriad-ui .myriad-console-quick-grid > div { align-items: flex-start; gap: 9px; padding: 14px 12px 50px; }
#abao-mgo.myriad-ui .myriad-console-quick-grid > div > span { display: grid; place-items: center; flex: none; width: 24px; height: 24px; color: var(--myriad-accent); }
#abao-mgo.myriad-ui .myriad-console-quick-grid > div > div { min-width: 0; }
#abao-mgo.myriad-ui .myriad-console-quick-grid button { min-width: 46px; min-height: 28px; font-size: 12px; padding: 3px 9px; }
#abao-mgo.myriad-ui .myriad-console-footer { flex-wrap: wrap; }
#abao-mgo.myriad-ui :is(.mgo-home-actions button, .mgo-library-toolbar small, [data-library-count], .mgo-lib-nav button, .mgo-zoombar button, .mgo-zoombar b, .mgo-card-meta small, .mgo-post-date, .mgo-post-card small, .mgo-page-card small, .mgo-store-app small, .mgo-portal-card small, .mgo-portal-card footer, .mgo-portal-page-card span, .mgo-portal-kicker, .mgo-portal-reader-tools [data-portal-progress]) { font-size: 12px; }
#abao-mgo.myriad-ui .mgo-library-toolbar { padding: 14px 16px; gap: 14px; }
#abao-mgo.myriad-ui .mgo-library-toolbar h2 { font-size: 18px; }
#abao-mgo.myriad-ui :is(.mgo-library-search, .mgo-desktop-search) input { font-size: 14px; }
#abao-mgo.myriad-ui .mgo-lib-nav button { padding: 9px 12px; }
#abao-mgo.myriad-ui .mgo-portal-home-strip { margin-top: 38px; padding: 26px; border-color: var(--atelier-edge); }
#abao-mgo.myriad-ui .mgo-portal-home-strip small { font-size: 12px; letter-spacing: .1em; }
#abao-mgo.myriad-ui .mgo-portal-home-strip h2 { font-size: 26px; }
#abao-mgo.myriad-ui :is(.mgo-portal-home-strip p, .mgo-portal-card p, .mgo-portal-page-card p, .mgo-post-card p, .mgo-page-card p, .mgo-store-app p, .mgo-library-empty p, .mgo-detail-desc) { font-size: 14px; line-height: 1.8; }
#abao-mgo.myriad-ui .mgo-portal-quickpages a { border-radius: 15px; padding: 20px; min-width: 175px; }
#abao-mgo.myriad-ui .mgo-portal-quickpages a b { font-size: 18px; }
#abao-mgo.myriad-ui .mgo-portal-quickpages a span { font-size: 12px; line-height: 1.6; }
#abao-mgo.myriad-ui .mgo-portal-card h3 { font-size: 20px; font-weight: 500; }
#abao-mgo.myriad-ui .mgo-portal-reader-tools button { font-size: 12px; }

@media (hover: hover) {
  #abao-mgo.myriad-ui :is(button.myriad-widget, a.myriad-widget, .myriad-gallery-card, .mgo-post-card, .mgo-portal-card, .mgo-desktop-app):hover { transform: translateY(-3px); border-color: var(--myriad-accent); box-shadow: var(--atelier-shadow); }
}

@media (min-width: 769px) {
  #abao-mgo.myriad-ui.mgo-workspace .mgo-scene,
  #abao-mgo.myriad-ui.mgo-edge-enabled.mgo-workspace .mgo-scene { left: 312px !important; right: 24px !important; }
}
@media (min-width: 1151px) and (max-width: 1600px) {
  #abao-mgo.myriad-ui .mgo-desktop { padding-left: 300px; }
  #abao-mgo.myriad-ui .myriad-widget { padding: 14px; }
  #abao-mgo.myriad-ui .myriad-social > .myriad-widget { padding: 2px; }
  #abao-mgo.myriad-ui .myriad-portrait { padding: 0; }
}
@media (min-width: 1151px) and (max-width: 1300px) {
  #abao-mgo.myriad-ui .myriad-friends .myriad-carousel-controls [data-myriad-position] { display: none; }
}
@media (min-width: 769px) and (max-width: 1150px) {
  #abao-mgo.myriad-ui .mgo-desktop { padding-left: 300px; padding-right: 24px; }
  #abao-mgo.myriad-ui .mgo-hero { margin-top: 78px; }
  #abao-mgo.myriad-ui .myriad-grid { height: 780px; gap: 12px; }
  #abao-mgo.myriad-ui .myriad-gallery-card { flex-basis: clamp(320px, 60%, 420px); }
  #abao-mgo.myriad-ui .myriad-gallery > header { align-items: flex-start; flex-wrap: wrap; gap: 16px; }
}
/* Keep eight tracks, but assign wider tiles when the character column leaves less room. */
@media (min-width: 769px) and (max-width: 1000px) {
  #abao-mgo.myriad-ui .myriad-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); grid-template-rows: none; grid-auto-rows: 87px; height: auto; }
  #abao-mgo.myriad-ui .myriad-grid > :is(.myriad-widget, .myriad-social) { grid-column: span 4; grid-row: span 2; }
  #abao-mgo.myriad-ui .myriad-grid > :is(.myriad-scenes, .myriad-shelf, .myriad-distribution, .myriad-footprints, .myriad-activity) { grid-column: span 8; }
  #abao-mgo.myriad-ui .myriad-grid > .myriad-scenes { grid-row: span 3; }
  #abao-mgo.myriad-ui .myriad-gallery h2 { font-size: 28px; }
  #abao-mgo.myriad-ui .myriad-owner-badge > div { flex-wrap: wrap; gap: 0 9px; }
  #abao-mgo.myriad-ui .myriad-owner-badge small { white-space: normal; line-height: 1.45; }
  #abao-mgo.myriad-ui .mgo-library-toolbar { flex-wrap: wrap; }
  #abao-mgo.myriad-ui .mgo-library-search { width: 100%; }
}
@media (max-width: 768px) {
  #abao-mgo.myriad-ui .mgo-desktop { padding: 72px 14px calc(104px + env(safe-area-inset-bottom)); }
  #abao-mgo.myriad-ui .mgo-hero { margin: 38px 0 24px; }
  #abao-mgo.myriad-ui .mgo-hero-title { font-size: clamp(32px, 8vw, 44px); }
  #abao-mgo.myriad-ui .mgo-hero-script { font-size: 15px; }
  #abao-mgo.myriad-ui .myriad-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: none; grid-auto-rows: 87px; height: auto; gap: 10px; }
  #abao-mgo.myriad-ui .myriad-grid .myriad-widget { padding: 14px; }
  #abao-mgo.myriad-ui .myriad-grid :is(.myriad-carousel, .myriad-portrait, .myriad-shelf, .myriad-social) { padding: 0; }
  #abao-mgo.myriad-ui .myriad-grid .myriad-social > .myriad-widget { padding: 4px; }
  #abao-mgo.myriad-ui .myriad-owner-badge > div { flex-wrap: wrap; gap: 0 9px; }
  #abao-mgo.myriad-ui .myriad-owner-badge small { white-space: normal; line-height: 1.45; }
  #abao-mgo.myriad-ui .myriad-gallery { margin-top: 34px; padding: 20px 16px; }
  #abao-mgo.myriad-ui .myriad-gallery > header { flex-wrap: wrap; align-items: flex-start; gap: 16px; margin-bottom: 16px; padding-bottom: 18px; }
  #abao-mgo.myriad-ui .myriad-gallery h2 { font-size: 27px; }
  #abao-mgo.myriad-ui .myriad-gallery > header p { font-size: 14px; }
  #abao-mgo.myriad-ui .myriad-gallery-track { gap: 14px; }
  #abao-mgo.myriad-ui .myriad-gallery-card { flex-basis: min(82%, 350px); min-width: min(270px, 100%); border-radius: 18px; }
  #abao-mgo.myriad-ui .myriad-gallery-copy { padding: 20px; }
  #abao-mgo.myriad-ui .myriad-gallery-copy h3 { font-size: 20px; }
  #abao-mgo.myriad-ui .mgo-console { padding: 18px; }
  #abao-mgo.myriad-ui .mgo-dock-label { font-size: 12px !important; }
  #abao-mgo.myriad-ui .mgo-dock-btn { height: 54px; gap: 4px; }
  #abao-mgo.myriad-ui .mgo-window-bar,
  #abao-mgo.myriad-ui.mgo-workspace .mgo-scene:not(.mgo-win-dynamic):not([data-window="tapp"]) > .mgo-window-bar { min-height: 54px; padding: 9px 12px; gap: 8px; }
  #abao-mgo.myriad-ui .mgo-scroll-area { padding: 20px 14px; }
  #abao-mgo.myriad-ui .mgo-win-title { font-size: 14px; }
  #abao-mgo.myriad-ui .mgo-portal-home-strip { padding: 20px; margin-top: 28px; }
  #abao-mgo.myriad-ui .mgo-portal-home-strip h2 { font-size: 23px; }
  #abao-mgo.myriad-ui .mgo-lib-nav { flex-wrap: wrap; }
  #abao-mgo.myriad-ui .mgo-lib-nav button { padding: 8px 10px; }
  #abao-mgo.myriad-ui .mgo-zoombar button { font-size: 12px; }
}

/* Site information stays in the home scroll flow, clear of the reading windows. */
#abao-mgo.myriad-ui .mgo-site-footer { margin: 28px 0 0; padding: 24px 20px; border-top: 1px solid rgba(100,116,150,.2); border-radius: 20px; background: rgba(255,255,255,.84); color: #4c5870; font-size: 14px; line-height: 1.8; text-align: center; }
#abao-mgo.myriad-ui :is(.mgo-site-footer-main, .mgo-site-footer-details) { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; column-gap: 22px; row-gap: 6px; }
#abao-mgo.myriad-ui .mgo-site-footer-details { margin-top: 8px; color: #59657c; font-size: 13px; }
#abao-mgo.myriad-ui .mgo-site-footer a { color: #46547e; text-decoration: none; text-underline-offset: 4px; border-radius: 3px; }
#abao-mgo.myriad-ui .mgo-site-footer a:hover { color: #304e8b; text-decoration: underline; }
#abao-mgo.myriad-ui .mgo-site-footer a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
@media (max-width: 600px) {
  #abao-mgo.myriad-ui .mgo-site-footer { padding: 20px 14px; }
  #abao-mgo.myriad-ui .mgo-site-footer-main { flex-direction: column; }
}

/* User preference and operating-system preference have equal authority. */
#abao-mgo.myriad-ui.mgo-motion-off :is(.mgo-window, .mgo-scene, .myriad-gallery, .myriad-gallery *, [data-myriad-slide], [data-showcase-slide]) { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
#abao-mgo.myriad-ui.mgo-motion-off.mgo-workspace .mgo-scene:is(.is-open, .is-closing) { animation: none !important; }
#abao-mgo.myriad-ui.mgo-motion-off :is(.myriad-widget, .myriad-gallery-card, .mgo-post-card, .mgo-portal-card, .mgo-desktop-app):hover { transform: none; }
@media (prefers-reduced-motion: reduce) {
  #abao-mgo.myriad-ui.mgo-workspace .mgo-scene:is(.is-open, .is-closing) { animation: none !important; }
  #abao-mgo.myriad-ui :is(.mgo-window, .mgo-scene, .myriad-gallery, .myriad-gallery *, [data-myriad-slide], [data-showcase-slide]) { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  #abao-mgo.myriad-ui :is(.myriad-widget, .myriad-gallery-card, .mgo-post-card, .mgo-portal-card, .mgo-desktop-app):hover { transform: none; }
}