/* Midnight Cards — an immersive navy library with a layered discovery stage. */
body[data-theme="midnight-cards"] {
    --accent: #a82e5d;
    --accent-strong: #861d46;
    --accent-soft: #38263e;
    --page: #121829;
    --panel: #1b243b;
    --ink: #f0f3ff;
    --muted: #b1bcd1;
    --line: #334059;
    --radius: 18px;
    --display-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    background: radial-gradient(ellipse at 20% 0, #43233e 0, transparent 36%), radial-gradient(ellipse at 100% 8%, #202d50 0, transparent 33%), #121829;
}
.mc-content { padding-top: 22px; }
.mc-night-intro { text-align: center; padding: 32px 20px 39px; }
.mc-orbit-label { display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-size: 11px; font-weight: 750; letter-spacing: .09em; color: #e9c4db; border: 1px solid #715168; border-radius: 99px; padding: 8px 14px; background: #35273d; }
.mc-orbit-label > span { width: 6px; height: 6px; border-radius: 50%; background: #f0a6ce; box-shadow: 0 0 14px #f0a6ce55; }
.mc-night-intro h1 { max-width: 920px; font-size: clamp(37px, 5.4vw, 68px); line-height: 1.07; letter-spacing: -.055em; margin: 21px auto 20px; font-weight: 780; color: #fff; }
.mc-night-intro > p { max-width: 720px; font-size: 15px; color: #c2c5d9; line-height: 1.85; margin: 0 auto; }
.mc-night-search { max-width: 680px; margin: 27px auto 0; text-align: left; }
.mc-night-search [data-ui="search"] { background: #1b243a; border: 1px solid #56617c; box-shadow: 0 14px 36px #050b1c30; padding: 5px; border-radius: 13px; }
.mc-night-search [data-ui="search"] input { border: 0; background: #1b243a; color: #fff; }
.mc-night-search [data-ui="search"] input::placeholder { color: #b9bfd1; }
.mc-night-search [data-ui="search"] button { background: #a82e5d; color: #fff; }
.mc-section-top { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 21px; }
.mc-section-top h2 { font-size: clamp(25px, 2.8vw, 32px); letter-spacing: -.035em; line-height: 1.2; margin: 7px 0 0; color: #f1f3ff; }
.mc-section-kicker { display: block; color: #e8acc8; font-size: 10px; font-weight: 800; letter-spacing: .13em; line-height: 1.7; text-transform: uppercase; }
.mc-soft-link { display: inline-flex; align-items: center; gap: 9px; color: #f0b7d1; font-size: 12px; font-weight: 700; }
.mc-discovery-stage { padding-bottom: 26px; }
.mc-stage-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 23px; align-items: stretch; }
.mc-stage-spotlight { min-width: 0; }
.mc-stage-spotlight [data-ui="feature"] { height: 100%; background: linear-gradient(135deg, #303052, #202d49); border: 1px solid #505475; border-radius: 22px; box-shadow: 0 18px 45px #060e1e25; overflow: hidden; }
.mc-stage-spotlight [data-ui="feature-link"] { height: 100%; display: grid; grid-template-columns: 100px minmax(0, 1fr); align-items: center; gap: 24px; padding: 30px; color: #fff; }
.mc-stage-spotlight [data-ui="feature-art"] { width: 100px; height: 100px; border-radius: 24px; border: 1px solid #ffffff30; box-shadow: 0 12px 26px #080b2533; }
.mc-stage-spotlight [data-ui="feature-copy"] h2,
.mc-stage-spotlight [data-ui="feature-copy"] h3 { font-size: 31px; line-height: 1.15; color: #fff; letter-spacing: -.035em; }
.mc-stage-spotlight [data-ui="feature-copy"] p { color: #c0c7dc; font-size: 13px; }
.mc-stage-spotlight [data-ui="feature-meta"] { color: #efbfd7; font-size: 11px; }
.mc-stage-spotlight [data-ui="feature-gallery"] { grid-column: 1 / -1; width: 100%; aspect-ratio: 2.15; max-height: 250px; object-fit: contain; padding: 8px; background: #111a30; border: 1px solid #485577; border-radius: 13px; }
.mc-stage-spotlight [data-ui="feature"]:not(:has([data-ui="feature-gallery"])) [data-ui="feature-link"] { grid-template-columns: 136px minmax(0, 1fr); min-height: 330px; padding: 35px; }
.mc-stage-spotlight [data-ui="feature"]:not(:has([data-ui="feature-gallery"])) [data-ui="feature-art"] { width: 136px; height: 136px; border-radius: 31px; }
.mc-stage-deck { min-width: 0; }
.mc-deck-heading { display: flex; align-items: center; gap: 18px; color: #b5bbd1; font-size: 11px; margin: 1px 0 15px; font-weight: 700; }
.mc-deck-line { height: 1px; background: #3c425d; flex: 1; }
.mc-stage-deck [data-ui="app-grid"] { grid-template-columns: 1fr; gap: 12px; }
.mc-stage-deck [data-ui="app-card"] { display: grid; grid-template-columns: 62px minmax(0, 1fr); align-items: center; gap: 9px 17px; padding: 18px 21px; border: 1px solid #37415c; border-radius: 13px; background: #1b233b; color: #fff; }
.mc-stage-deck [data-ui="app-icon"] { width: 62px; height: 62px; border-radius: 16px; grid-row: 1 / 3; }
.mc-stage-deck [data-ui="app-copy"] h3 { font-size: 17px; line-height: 1.25; color: #eef0fc; }
.mc-stage-deck [data-ui="app-action"] { grid-column: 2; font-size: 11px; color: #efb7d0; margin-top: 0; padding-top: 0; }
.mc-library-stats { border-block: 1px solid #354159; margin: 9px 0 43px; }
.mc-library-stats [data-ui="stats"] { border: 0; border-radius: 0; box-shadow: none; background: transparent; margin: 0; }
.mc-library-stats [data-ui="stats"] strong,
.mc-library-stats [data-ui="stats"] b { color: #f4e2ec; }
.mc-collection-lounge { margin-bottom: 47px; }
.mc-collection-lounge [data-ui="collection-grid"] { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.mc-collection-lounge [data-ui="collection-card"] { background: #222840; border: 1px solid #42445f; border-radius: 16px; padding: 22px; color: #f6f1fa; }
.mc-collection-lounge [data-ui="collection-card"]:nth-child(2n) { background: #1c2c40; border-color: #354a60; }
.mc-collection-lounge [data-ui="collection-card"] h3 { color: #f1ecfa; font-size: 18px; line-height: 1.3; }
.mc-collection-lounge [data-ui="collection-card"] p { color: #bdc3d4; font-size: 12px; }
.mc-collection-lounge [data-ui="collection-card"] [data-ui="app-action"] { color: #efb7d0; }
.mc-app-library { scroll-margin-top: 30px; }
.mc-library-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid #3b435b; }
.mc-library-heading h2 { margin: 8px 0 10px; font-size: clamp(30px, 3.6vw, 43px); line-height: 1.15; letter-spacing: -.045em; }
.mc-library-heading p { color: #b5bdd2; font-size: 13px; line-height: 1.6; margin: 0; }
.mc-profile-total { color: #f3d4e4; font-size: 35px; font-weight: 750; line-height: 1; text-align: right; }
.mc-profile-total small { display: block; font-size: 10px; font-weight: 500; color: #b5bcd1; margin-top: 9px; white-space: nowrap; }
.mc-app-library [data-ui="app-grid"] { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.mc-app-library [data-ui="app-card"] { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 17px; padding: 25px 16px 19px; min-width: 0; background: linear-gradient(165deg, #232c46, #1a2339); border: 1px solid #35425d; border-radius: 17px; color: #f6f8ff; box-shadow: 0 4px 16px #090f2112; transition: transform .2s, border-color .2s, box-shadow .2s; }
.mc-app-library [data-ui="app-card"]:hover { transform: translateY(-4px); border-color: #a06283; box-shadow: 0 14px 25px #050b2533; }
.mc-app-library [data-ui="app-icon"] { width: 82px; height: 82px; border-radius: 22px; box-shadow: 0 9px 23px #070c2038; }
.mc-app-library [data-ui="app-copy"] { width: 100%; min-width: 0; }
.mc-app-library [data-ui="app-copy"] h3 { font-size: 16px; line-height: 1.25; color: #f3f5ff; letter-spacing: -.02em; }
.mc-app-library [data-ui="app-copy"] p,
.mc-app-library [data-ui="app-copy"] small { color: #b6c0d5; font-size: 11px; }
.mc-app-library [data-ui="app-action"] { color: #f2bbd3; font-size: 11px; margin-top: auto; justify-content: center; }
.mc-directory-link { display: flex; width: fit-content; align-items: center; gap: 11px; font-size: 13px; color: #f0bad3; font-weight: 700; margin: 29px auto 0; }
.mc-after-hours { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 48px; }
.mc-reading-panel, .mc-answer-panel { min-width: 0; padding: 28px; border: 1px solid #35415a; border-radius: 18px; background: #192239; }
.mc-after-hours h2 { color: #f4f0fa; font-size: 26px; letter-spacing: -.03em; }
.mc-after-hours p { color: #bdc5d9; }
.mc-after-hours a { color: #f0bad3; }
body[data-theme="midnight-cards"] [data-ui="detail-hero"] { background: linear-gradient(135deg, #303052, #202d49); border-color: #4d5272; }
body[data-theme="midnight-cards"] [data-ui="detail-layout"] { gap: 26px; }
body[data-theme="midnight-cards"] [data-ui="page-title"] { border-color: #38445e; }
body[data-theme="midnight-cards"] [data-ui="content"] [data-ui="app-action"] { color: #f0b7d1; }
@media (max-width: 1080px) {
    .mc-app-library [data-ui="app-grid"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .mc-stage-grid { grid-template-columns: 1.2fr 1fr; gap: 18px; }
    .mc-stage-spotlight [data-ui="feature-link"] { padding: 24px; grid-template-columns: 80px minmax(0, 1fr); gap: 20px; }
    .mc-stage-spotlight [data-ui="feature-art"] { width: 80px; height: 80px; border-radius: 20px; }
    .mc-stage-spotlight [data-ui="feature"]:not(:has([data-ui="feature-gallery"])) [data-ui="feature-link"] { grid-template-columns: 1fr; justify-items: start; gap: 22px; padding: 28px; align-content: center; }
    .mc-stage-spotlight [data-ui="feature"]:not(:has([data-ui="feature-gallery"])) [data-ui="feature-art"] { width: 100px; height: 100px; border-radius: 25px; }
    .mc-collection-lounge [data-ui="collection-grid"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .mc-night-intro { padding: 23px 4px 32px; }
    .mc-night-intro h1 { font-size: clamp(36px, 7.8vw, 56px); }
    .mc-night-intro > p { font-size: 14px; }
    .mc-stage-grid { grid-template-columns: 1fr; }
    .mc-stage-spotlight [data-ui="feature"]:not(:has([data-ui="feature-gallery"])) [data-ui="feature-link"] { grid-template-columns: 100px minmax(0, 1fr); min-height: 235px; align-content: center; }
    .mc-stage-spotlight [data-ui="feature"]:not(:has([data-ui="feature-gallery"])) [data-ui="feature-art"] { width: 100px; height: 100px; }
    .mc-section-top { align-items: start; gap: 16px; flex-wrap: wrap; }
    .mc-app-library [data-ui="app-grid"] { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
    .mc-library-heading { gap: 17px; }
    .mc-library-heading p { max-width: 290px; font-size: 12px; }
    .mc-after-hours { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .mc-orbit-label { font-size: 10px; letter-spacing: .045em; padding: 8px 11px; }
    .mc-night-search { margin-top: 23px; }
    .mc-stage-spotlight [data-ui="feature-copy"] h2,
    .mc-stage-spotlight [data-ui="feature-copy"] h3 { font-size: 25px; }
    .mc-stage-spotlight [data-ui="feature-link"] { padding: 22px; grid-template-columns: 68px minmax(0, 1fr); gap: 17px; }
    .mc-stage-spotlight [data-ui="feature-art"] { width: 68px; height: 68px; border-radius: 18px; }
    .mc-stage-spotlight [data-ui="feature"]:not(:has([data-ui="feature-gallery"])) [data-ui="feature-link"] { grid-template-columns: 76px minmax(0, 1fr); padding: 22px; gap: 17px; }
    .mc-stage-spotlight [data-ui="feature"]:not(:has([data-ui="feature-gallery"])) [data-ui="feature-art"] { width: 76px; height: 76px; border-radius: 20px; }
    .mc-collection-lounge [data-ui="collection-grid"] { grid-template-columns: 1fr; }
    .mc-app-library [data-ui="app-grid"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mc-app-library [data-ui="app-card"] { padding: 22px 14px 17px; gap: 15px; }
    .mc-app-library [data-ui="app-icon"] { width: 76px; height: 76px; border-radius: 20px; }
    .mc-reading-panel, .mc-answer-panel { padding: 23px; }
}

.mc-content [data-ui="eyebrow"],
.mc-content [data-ui="app-category"],
.mc-content [data-ui="feature-action"] { color: #efb7d0; }
.mc-content [data-ui="collection-copy"] > span { color: #b9c3d9; }
.mc-library-stats [data-ui="stats"] dt { color: #bac3d7; }
.mc-library-stats [data-ui="stats"] dd { color: #f4e2ec; }
.mc-library-stats [data-ui="stats"] svg { color: #dfacc8; }
.mc-after-hours [data-ui="home-note"],
.mc-after-hours [data-ui="home-faq"] { display: block; border: 0; background: transparent; box-shadow: none; padding: 0; margin: 0; }
.mc-after-hours [data-ui="home-note"] > span { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 17px; color: #efb7d0; }
.mc-after-hours [data-ui="home-note"] [data-ui="text-link"] { margin-top: 18px; color: #efb7d0; }
.mc-after-hours [data-ui="home-faq"] > [data-ui="faq-list"] { margin-top: 21px; }

/* Light foreground links retain contrast on the dark navigation and panels. */
body[data-theme="midnight-cards"] [data-ui="main-nav"] a[aria-current="page"],
body[data-theme="midnight-cards"] [data-ui="main-nav"] a:hover,
body[data-theme="midnight-cards"] [data-ui="text-link"],
body[data-theme="midnight-cards"] [data-ui="collection-card"] > svg,
body[data-theme="midnight-cards"] [data-ui="faq-list"] summary svg { color: #efb7d0; }
body[data-theme="midnight-cards"] [data-ui="main-nav"] a[aria-current="page"]::after { background: #efb7d0; }