/*
 * KHAN readability layer (loaded after command.css).
 * Raises body text only: paragraphs, descriptions, notes and secondary lines.
 * Headings, eyebrows, labels, buttons, navigation, numbers and calendar cells keep their size.
 * Remove the <link> to this file to return to the previous sizes.
 */

body { font-size: 15px; }

/* Main reading text: 11-13px -> 15px */
.feature-panel p,
.source-alert p,
.selected-event-info,
.resource-note,
.news-article p,
.db-card p, .db-card dd,
.db-card .db-steps,
.calc-description,
.creed-grid p,
.armada-leader p,
.armada-note,
.armada-capabilities p,
.briefing-description,
.day-briefing-item p, .briefing-empty p,
.briefing-score p,
.galaxy-atlas p,
.telemetry-evidence p,
.telemetry-roadmap p,
.incursion-snapshot-info p, .incursion-bottom-grid p,
.event-series-wrapper .telemetry-heading p, .telemetry-heading p,
.series-card p,
.server-registry p,
.incursion-live-copy p {
    font-size: 15px;
    line-height: 1.65;
}

/* Intro lines under page titles: 12-13px -> 15px */
.page-heading p,
.hero-description,
.creed-hero p,
.telemetry-main p {
    font-size: 15px;
    line-height: 1.6;
}

/* Secondary text (notes, meta lines, footnotes): 9-12px -> 13px */
.stat-bottom,
.event-meta small,
.card-footnote,
.news-mini small,
.agenda-main small,
.event-detail-meta span,
.calc-row,
.toast,
.armada-meta,
.demo-pilot,
.demo-pilot small,
.calendar-hint,
.briefing-meta,
.briefing-footnote,
.galaxy-atlas small,
.telemetry-stat small,
.incursion-spotlight small,
.incursion-metric small,
.server-result span,
.server-results .no-results,
.incursion-live-copy small,
.incursion-live-shortcut small,
.db-count {
    font-size: 13px;
    line-height: 1.55;
}

/* Links that sit inside reading text */
.resource-links a { font-size: 13px; }

/* Sidebar disclaimer: 11px -> 12px (narrow column) */
.independent-note { font-size: 10px; line-height: 1.5; }

/* Fleet Intel scoreboard card: match the larger body text */
.fleet-intel-embed .fi-scoreboard { font-size: 14px; }

/* Calendar month grid (desktop only; small screens keep their compact sizes) */
@media (min-width: 741px) {
    .calendar-event { font-size: 10px; line-height: 1.3; white-space: normal; }
    .calendar-more { font-size: 10px; }
    .day-number { font-size: 12px; }
    .day-name { font-size: 10px; }
}

/* Phones: readable agenda and small labels (desktop and tablet unchanged) */
@media (max-width: 740px) {
    .agenda-main strong { font-size: 15px; line-height: 1.35; }
    .agenda-main small { font-size: 13px; }
    .agenda-day { font-size: 11px; }
    .agenda-row button { font-size: 11px; }
    .today-btn, .month-nav > .today-btn { font-size: 10px; }
    .day-name { font-size: 10px; }
    .day-number { font-size: 11px; }
    .eyebrow, .section-eyebrow, .feature-eyebrow, .telemetry-kicker { font-size: 10px; }
    .news-article-tag, .news-article time, .news-article a { font-size: 11px; }
    .db-card-badge, .db-card dt, .db-card-level { font-size: 10px; }
    .armada-demo-badge, .demo-empty, .armada-action-strip, .armada-action-strip strong { font-size: 11px; }
    .telemetry-chips span, .telemetry-stat > span, .telemetry-hero-number > span { font-size: 10px; }
    .calc-state { font-size: 12px; }
}

/* Dropdown lists: dark list with readable text (Windows/Chrome otherwise shows light text on white) */
select { color-scheme: dark; }
select option, select optgroup { background-color: #101d29; color: #e6edf2; }

/* Calendar filters (khan-calendar.js) */
.khan-filter-hidden { display: none !important; }
#khan-type-filter { margin-left: 8px; }
.khan-ended-toggle {
    display: inline-flex; align-items: center; gap: 6px; margin-left: 10px;
    font-size: 11px; font-weight: 700; letter-spacing: .08em; color: #c7d4dc; cursor: pointer; white-space: nowrap;
}
.khan-ended-toggle input { width: 15px; height: 15px; accent-color: #f0a632; }
.khan-filter-note { display: block; min-height: 1em; margin: 6px 0 0; font-size: 12px; color: #8d9cab; }

/* Current Arc banner (fleet-intel/arc-banner) */
.khan-arc-banner {
    position: relative; overflow: hidden; margin: 18px 0; padding: 22px 24px 18px;
    border: 1px solid rgba(240, 166, 50, .55); border-radius: 14px; color: #f2f5f8;
    background:
        radial-gradient(1px 1px at 12% 22%, rgba(255,255,255,.8), transparent 60%),
        radial-gradient(1px 1px at 37% 68%, rgba(255,255,255,.6), transparent 60%),
        radial-gradient(1.5px 1.5px at 64% 30%, rgba(255,255,255,.7), transparent 60%),
        radial-gradient(1px 1px at 82% 74%, rgba(255,255,255,.5), transparent 60%),
        radial-gradient(1px 1px at 91% 18%, rgba(255,255,255,.6), transparent 60%),
        radial-gradient(120% 140% at 85% 20%, rgba(224, 96, 90, .28), transparent 55%),
        radial-gradient(90% 120% at 10% 100%, rgba(79, 140, 255, .22), transparent 60%),
        linear-gradient(135deg, #0c1522 0%, #131c33 55%, #1d1730 100%);
}
.khan-arc-badges { margin-bottom: 8px; }
.khan-arc-badge {
    display: inline-block; padding: 3px 10px; border-radius: 4px; background: #f0a632; color: #14100a;
    font-size: 11px; font-weight: 800; letter-spacing: .1em;
}
.khan-arc-name { margin: 0; font-size: clamp(30px, 4.5vw, 46px); line-height: 1.05; text-transform: uppercase; letter-spacing: .02em; }
.khan-arc-sub { margin: 4px 0 0; font-size: 14px; color: #c7d4dc; }
.khan-arc-dates { margin: 8px 0 0; font-size: 12px; letter-spacing: .06em; color: #9fb0c0; }
.khan-arc-countdown { margin: 10px 0 0; font-size: 15px; font-weight: 800; letter-spacing: .08em; color: #f0a632; }
.khan-arc-progress { height: 6px; margin-top: 12px; border-radius: 3px; background: rgba(255,255,255,.12); overflow: hidden; }
.khan-arc-progress span { display: block; height: 100%; background: linear-gradient(90deg, #f0a632, #e0605a); }
.khan-arc-source { display: inline-block; margin-top: 10px; font-size: 12px; font-weight: 700; letter-spacing: .08em; color: #f0a632; }
@media (max-width: 740px) {
    .khan-arc-banner { padding: 18px 16px 14px; }
    #khan-type-filter { margin-left: 0; }
    .khan-ended-toggle { margin-left: 0; }
}

/* TODAY button feedback (khan-calendar.js) */
.khan-today-pulse { position: relative; z-index: 1; animation: khanTodayPulse 1.8s ease-out; border-radius: 8px; }
@keyframes khanTodayPulse {
    0%   { box-shadow: 0 0 0 0 rgba(240, 166, 50, .9); outline: 2px solid rgba(240, 166, 50, .9); }
    70%  { box-shadow: 0 0 0 14px rgba(240, 166, 50, 0); outline: 2px solid rgba(240, 166, 50, .6); }
    100% { box-shadow: 0 0 0 0 rgba(240, 166, 50, 0); outline: 2px solid rgba(240, 166, 50, 0); }
}
@media (prefers-reduced-motion: reduce) { .khan-today-pulse { animation: none; outline: 2px solid #f0a632; } }
