/* v2-p15: contemporary museum (MoMA/Tate). White + light gray, #111 ink, one red accent (#3B3FD8). Inter everywhere except Bible text. */
html.v2.p12.p13 {
  --bg: #f5f5f3; --paper: #ffffff; --paper-2: #efefec; --ink: #111111; --muted: #6b6b6b; --line: #e3e3df;
  --accent: #3B3FD8; --accent-soft: #f6e3e3; --select: #f1f1ee; --select-edge: #3B3FD8; --pop: #3B3FD8;
  --brass: #3B3FD8; --brass-2: #3B3FD8; --oxblood: #3B3FD8; --gold: #3B3FD8; --hx-indigo: #3B3FD8;
  --display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; --serif: var(--display);
  --noise: none; --contour: none; --r-card: 10px;
}
html.v2.p12.p13[data-theme="dark"] {
  --bg: #0e0e0e; --paper: #1a1a1a; --paper-2: #232323; --ink: #f5f5f5; --muted: #9a9a9a; --line: #2c2c2c;
  --accent: #5B5FE6; --accent-soft: #3a1717; --select: #242424; --select-edge: #5B5FE6; --pop: #5B5FE6; --brass: #5B5FE6; --brass-2: #5B5FE6; --oxblood: #c62828; --hx-indigo: #5B5FE6;
}
html.v2.p13 body, html.v2.p13 .v2-sheet, html.v2.p13 .v2-tabs, .p13-welcome { background-image: none !important; }
html.v2.p13 .hx, html.v2.p13 .p12-votd, html.v2.p13 .hx-xfeat, .p13-mapbox { background-image: none !important; }
/* type: bold, tight, large */
html.v2.p13 :is(h1, h2, h3, .hx-greet, .p12-card-t strong, .v2-sheet-head h2, .p13-wel-t, .p13-placard strong, .p13-card strong, .p13-lawcat strong, .p14-req > strong, .p14-tl strong, .p13-srow-open strong, .p13-tab-t strong, .p12-day summary strong, .v2-st-card strong, .p14-check strong, .p13-prof-head strong, .p14-stats b) { font-family: var(--display) !important; font-weight: 700 !important; letter-spacing: -.025em !important; }
html.v2.p13 .p12-head .hx-greet { font-size: 34px; }
html.v2.p13 .hx-sec-h h2 { font-size: 24px !important; }
html.v2.p13 .reading h2 { font-family: var(--display) !important; font-weight: 800 !important; letter-spacing: -.03em; }
html.v2.p13 :is(.p12-votd blockquote, .reading .verse, .p13-art-d) { font-family: var(--scripture) !important; font-style: normal; }
html.v2.p13 :is(.p13-credit, .p13-placard em, .p13-fine, .p13-intro, .p12-search, .v2-st-sum, .p13-wel-s, .p13-empty, .p14-wait, .p13-note) { font-family: var(--sans) !important; font-style: normal !important; }
html.v2.p13 :is(.p13-intro, .v2-st-sum, .p13-wel-s) { font-size: 16px !important; line-height: 1.55 !important; }
html.v2.p13 :is(.hx-eyebrow, .v2-eyebrow, .p13-catalog, .p11-k, .p12-eyebrow, .p12-head .hx-date) { color: var(--muted) !important; letter-spacing: .08em !important; font-weight: 600; }
html.v2.p13 .p13-wordmark { color: var(--ink); font-family: var(--display); font-style: normal; font-weight: 800; letter-spacing: -.02em; }
/* flat cards, hairlines */
html.v2.p13 :is(.v2-today, .p10-recap, .hx-xlist, .v2-pace, .p11-pc, .p11-when, .p11-pbg, .hx-pick, .p12-votd, .v2-st-story, .v2-intro, .p12-day, .v2-rt-card, .hx-tile, .hx-mini, .p13-card, .p13-lawcat, .p14-req, .p13-visit, .p14-check, .p14-heat, .p13-mapbox, .p13-placard) { background: var(--paper) !important; box-shadow: 0 0 0 1px var(--line) !important; border-radius: var(--r-card) !important; }
html.v2.p13 .p14-check.compact { box-shadow: none !important; background: none !important; }
html.v2.p13 .hx-xfeat { background: var(--ink) !important; color: var(--bg) !important; box-shadow: none !important; border-radius: var(--r-card) !important; }
html.v2.p13 .hx-xfeat .hx-eyebrow { color: #A9A6FF !important; }
html.v2.p13[data-theme="dark"] .hx-xfeat { background: #fff !important; color: #111 !important; }
html.v2.p13 .hx-xrow-ic, html.v2.p13 .v2-st-dn { box-shadow: none !important; background: var(--paper-2) !important; color: var(--ink) !important; border-radius: 10px !important; }
html.v2.p13 .p13-divider::after, html.v2.p13 .hx-xgroup > h2::after { background: var(--line); }
/* gallery cards: crisp, image + caption, no frame */
html.v2.p13 .p12-card { padding: 0; border-radius: var(--r-card); box-shadow: 0 0 0 1px var(--line); overflow: hidden; }
html.v2.p13 .p12-card .p12-img, html.v2[data-theme="dark"].p13 .p12-card .p12-img { box-shadow: none; border-radius: 0; height: 260px; flex-basis: 260px; }
html.v2.p13 .p12-card-t { padding: 16px 16px 12px; }
html.v2.p13 .p13-credit { border-top: 0; padding-top: 2px; font-size: 12px; color: var(--muted); }
html.v2.p13 .p12-more { margin: 0; color: var(--ink); letter-spacing: .06em; }
html.v2.p13 .p12-arrow { background: var(--accent); color: #fff; box-shadow: none; }
html.v2.p13 .p12-heart { background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.15); }
html.v2.p13 .p12-heart.on::before, html.v2.p13 .p12-burst { background: #3B3FD8; }
html.v2.p13 .v2-st-art { box-shadow: none !important; margin: 0 !important; border-radius: var(--r-card) !important; }
html.v2.p13 .p12-thumb { box-shadow: none; border-radius: 8px; }
html.v2.p13 .p13-frame { background: var(--paper-2); box-shadow: none; padding: 0; border-radius: var(--r-card); overflow: hidden; }
html.v2.p13 .p13-frame img { height: 170px; }
html.v2.p13 .p13-artcard .p13-placard { box-shadow: none !important; background: none !important; padding: 8px 2px 0; }
html.v2.p13 .p13-placard-lg { box-shadow: 0 0 0 1px var(--line) !important; }
html.v2.p13 .p13-art-hero { background: var(--paper-2); }
/* buttons, chips: black primary, red accent */
html.v2.p13 :is(.v2-ov-start, .v2-read-now, .v2-dp-go, .p13-pill-dark, .p12-votd .hx-pill, .v2-st-go) { background: var(--ink) !important; color: var(--bg) !important; box-shadow: none !important; border-radius: 999px !important; letter-spacing: 0; font-weight: 600; }
html.v2.p13[data-theme="dark"] :is(.v2-ov-start, .v2-read-now, .p13-pill-dark, .p12-votd .hx-pill, .v2-st-go) { background: #fff !important; color: #111 !important; }
html.v2.p13 .p13-pill { border-radius: 999px; }
html.v2.p13 :is(.v2-lib-chips button, .p12-chips button, .v2-map-chips button, .v2-pace-chips button) { border-radius: 999px !important; letter-spacing: 0; }
html.v2.p13 [aria-pressed="true"]:is(.v2-lib-chips button, .p12-chips button, .v2-map-chips button, .v2-pace-chips button) { box-shadow: none !important; }
html.v2.p13 .p12-search, html.v2.p13 .p12-filter { border-radius: 999px; }
html.v2.p13 .p12-filter { background: var(--ink); box-shadow: none; } html.v2.p13 .p12-filter-ic { --bg: var(--paper); } html.v2.p13 .p12-filter-ic::before, html.v2.p13 .p12-filter-ic::after { background: var(--ink); box-shadow: 0 0 0 2px var(--paper); }
html.v2.p13 .p13-chip { box-shadow: inset 0 0 0 1px var(--line); border-radius: 999px; color: var(--accent); }
html.v2.p13 .p13-seal, html.v2.p13 .p12-avatar { background: var(--accent) !important; color: #fff !important; box-shadow: none !important; border-radius: 50% !important; font-family: var(--display); font-weight: 700; }
/* flat tags instead of wax seals */
html.v2.p13 .p11-badge, html.v2.p13 .p13-wax { min-width: 0; padding: 3px 9px; border-radius: 999px; font: 600 11px var(--sans); letter-spacing: .02em; text-transform: none; box-shadow: none; background: var(--accent-soft) !important; color: var(--accent) !important; }
html.v2.p13 .p11-badge.partly, html.v2.p13 .p13-wax-seasonal { background: #fff4d6 !important; color: #7a5600 !important; }
html.v2.p13 .p11-badge.await, html.v2.p13 .p13-wax-traveling { background: var(--paper-2) !important; color: var(--muted) !important; }
html.v2.p13[data-theme="dark"] .p11-badge.partly, html.v2.p13[data-theme="dark"] .p13-wax-seasonal { background: #3a3010 !important; color: #f2d27a !important; }
/* tab bar: white, hairline, red indicator */
html.v2.p12.p13 .v2-tabs { background: color-mix(in srgb, var(--paper) 92%, transparent) !important; box-shadow: 0 -1px 0 var(--line) !important; }
html.v2.p12.p13 .v2-tabs svg { filter: none; stroke-width: 1.7; }
html.v2.p12.p13 .v2-tabs button span { letter-spacing: .02em; text-transform: none; font-size: 10.5px; font-weight: 600; }
html.v2.p12.p13 .v2-tabs button[aria-current="page"], html.v2.p12.p13[data-theme="dark"] .v2-tabs button[aria-current="page"] { color: var(--ink); }
html.v2.p13 .p12-tabdot { background: var(--accent); width: 22px !important; }
html.v2.p13 .v2-bar { background: color-mix(in srgb, var(--bg) 90%, transparent); box-shadow: 0 1px 0 var(--line); }
html.v2.p13 .v2-sheet { border-radius: 16px 16px 0 0 !important; box-shadow: 0 -10px 40px -20px rgba(0,0,0,.35) !important; }
html.v2.p13 .v2-grab { background: var(--line); opacity: 1; }
/* misc */
.p13-roman { color: var(--accent) !important; box-shadow: none; background: var(--accent-soft); font-family: var(--display) !important; font-size: 17px !important; }
.p13-tablet { background: var(--paper) !important; border-radius: var(--r-card) !important; box-shadow: 0 0 0 1px var(--line) !important; }
.p13-tabs button[aria-selected="true"] { box-shadow: inset 0 -2px 0 var(--accent) !important; background: none !important; border-radius: 0; }
.p13-field input, .p14-form textarea, .p14-ansform textarea, .p14-ansform input { border: 0 !important; box-shadow: inset 0 0 0 1px var(--line); border-radius: 10px !important; }
.p13-field input:focus { box-shadow: inset 0 0 0 2px var(--ink); background: var(--paper) !important; }
.p14-heat i.on, html[data-theme="dark"] .p14-heat i.on { background: var(--accent); }
.p14-check.on .p14-seal { background: var(--accent); box-shadow: none; }
.p14-tl { border-left-color: var(--line); } .p14-tl li::before { background: var(--accent); }
.p14-ans { border-left-color: var(--accent); }
.p13-dot { fill: var(--accent); } .p13-us { fill: var(--paper-2); stroke: var(--muted); stroke-width: .8; }
.p13-link, .p13-guest, .p13-remove, .p14-ansbtn, .p14-home-open, .hx-see { color: var(--accent) !important; }
.p13-link { border-bottom-color: var(--accent); }
/* welcome: logo centered on white */
.p13-welcome { background: var(--paper) !important; }
html[data-theme="dark"] .p13-welcome { background: #0e0e0e !important; }
.p13-wel-t { font-size: 34px !important; }
html[data-theme="dark"] .p13-wel-logo, html[data-theme="dark"] .p13-wordmark img { filter: none !important; content: url(icons/mark-light.svg); }
html.v2.p13 .p12-card::before, html.v2.p13 .p12-card::after { content: none !important; display: none !important; }
html.v2.p13 .v2-week-day.today i { box-shadow: 0 0 0 2px var(--accent) !important; border-color: var(--accent) !important; }
html.v2.p13 .p14-seal { box-shadow: inset 0 0 0 1.5px var(--accent); }
html.v2.p13 .v2-brand { background: none !important; box-shadow: none !important; }
html.v2.p13 .v2-brand img.p15-brand { width: 30px; height: 30px; border-radius: 0; }
html[data-theme="dark"] .v2-brand img.p15-brand { content: url(icons/mark-light.svg); }
.p16-choose { display: flex; align-items: center; gap: 14px; width: calc(100% - 40px); margin: 12px 20px 0; padding: 16px; border: 0; border-radius: var(--r-card); background: var(--paper); box-shadow: 0 0 0 1px var(--line); color: var(--ink); text-align: left; cursor: pointer; font: inherit; transition: transform .15s; }
.p16-choose:active { transform: scale(.98); }
.p16-choose strong { display: block; font-size: 17px; font-weight: 700; letter-spacing: -.01em; } .p16-choose small { color: var(--muted); font-size: 13.5px; }
.p16-choose > span:nth-child(2) { flex: 1; }
.p16-choose-ic { width: 42px; height: 42px; border-radius: 10px; background: var(--accent-soft); color: var(--accent); display: grid; place-items: center; font-size: 20px; }
.p16-arr { color: var(--accent); font-size: 24px; }