/* ════════════════════════════════════════════════════════════
   AUTHOROS PORTAL — layout & components
   ════════════════════════════════════════════════════════════ */

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }

body {
    background: var(--aos-void);
    color: var(--aos-parchment);
    font-family: var(--aos-font-body);
    font-size: var(--aos-text-base);
    line-height: var(--aos-leading-normal);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

::selection { background: var(--aos-amber-glow); color: var(--aos-parchment); }

/* Ambient warmth — a faint amber lamp-glow in the upper field, no gradients on UI */
.aos-root {
    min-height: 100vh;
    position: relative;
    isolation: isolate;
}
.aos-root::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(1200px 700px at 78% -8%, #D4A8430E, transparent 60%),
        radial-gradient(900px 600px at 4% 4%, #C2713A0A, transparent 55%);
    pointer-events: none;
}
body.aos-noglow .aos-root::before { display: none; }

/* ── SHELL ── */
.aos-shell {
    display: grid;
    grid-template-columns: 76px 1fr;
    min-height: 100vh;
}

/* ── RAIL NAV (desktop: narrow icons, labels on hover) ── */
.aos-rail {
    position: sticky;
    top: 0;
    height: 100vh;
    background: linear-gradient(180deg, var(--aos-shelf), #0E121A);
    border-right: 1px solid var(--aos-bronze-dim);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--aos-space-5) 0;
    gap: var(--aos-space-2);
    z-index: 40;
}
.aos-rail-mark {
    width: 40px; height: 40px;
    display: grid; place-items: center;
    margin-bottom: var(--aos-space-6);
    flex: 0 0 auto;
}
.aos-rail-mark .aos-logo-orb {
    width: 36px; height: 36px;
}
.aos-rail-items { display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto; }
.aos-rail-spacer { flex: 1 1 auto; }

.aos-rail-btn {
    position: relative;
    width: 48px; height: 44px;
    display: grid; place-items: center;
    border: none; background: transparent;
    color: var(--aos-vellum);
    border-radius: var(--aos-r-md);
    cursor: pointer;
    transition: color var(--aos-t-fast), background var(--aos-t-fast);
}
.aos-rail-btn svg { width: 21px; height: 21px; stroke-width: 1.5; }
.aos-rail-btn:hover { color: var(--aos-parchment); background: #ffffff08; }
.aos-rail-btn.is-active { color: var(--aos-amber); }
.aos-rail-btn.is-active::before {
    content: ""; position: absolute; left: -14px; top: 50%; transform: translateY(-50%);
    width: 3px; height: 22px; border-radius: 0 3px 3px 0; background: var(--aos-amber);
}
.aos-rail-btn .aos-rail-label {
    position: absolute; left: calc(100% + 12px); top: 50%; transform: translateY(-50%) translateX(-4px);
    background: var(--aos-nook); color: var(--aos-parchment);
    font-family: var(--aos-font-heading); font-size: var(--aos-text-sm);
    white-space: nowrap; padding: 6px 12px; border-radius: var(--aos-r-md);
    border: 1px solid var(--aos-bronze-dim);
    opacity: 0; pointer-events: none; transition: opacity var(--aos-t-fast), transform var(--aos-t-fast);
    z-index: 60;
}
.aos-rail-btn:hover .aos-rail-label { opacity: 1; transform: translateY(-50%) translateX(0); }

/* ── MAIN ── */
.aos-main {
    position: relative;
    padding: var(--aos-space-8) var(--aos-space-12) var(--aos-space-32);
    overflow-x: hidden;
}
.aos-canvas { max-width: 1120px; margin: 0 auto; }

/* topbar */
.aos-topbar {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: var(--aos-space-12);
}
.aos-wordmark {
    font-family: var(--aos-font-display);
    font-size: var(--aos-text-xl);
    letter-spacing: var(--aos-tracking-widest);
    background: linear-gradient(180deg, #FBE48A 0%, #E5A338 52%, #B9772A 100%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
    display: inline-flex; align-items: baseline; gap: 1px;
}
.aos-wordmark .tm { font-size: 0.55em; color: var(--aos-dust); transform: translateY(-0.5em); margin-left: 2px; -webkit-text-fill-color: var(--aos-dust); }
.aos-topbar-right { display: flex; align-items: center; gap: var(--aos-space-4); }
.aos-profile {
    display: flex; align-items: center; gap: var(--aos-space-3);
    cursor: pointer; padding: var(--aos-space-2) var(--aos-space-2) var(--aos-space-2) var(--aos-space-3);
    border-radius: 999px; border: 1px solid transparent; transition: border-color var(--aos-t-fast);
}
.aos-profile:hover { border-color: var(--aos-bronze-dim); }
.aos-profile-name { font-family: var(--aos-font-heading); font-size: var(--aos-text-sm); color: var(--aos-vellum); }
.aos-avatar {
    width: 34px; height: 34px; border-radius: 50%;
    background: linear-gradient(140deg, var(--aos-ember), var(--aos-bronze));
    display: grid; place-items: center;
    font-family: var(--aos-font-heading); font-weight: 600; font-size: var(--aos-text-sm);
    color: var(--aos-void);
}

/* ── GREETING ── */
.aos-greeting { margin-bottom: var(--aos-space-12); max-width: 880px; }
.aos-greeting-eyebrow {
    font-family: var(--aos-font-heading); font-size: var(--aos-text-xs);
    letter-spacing: var(--aos-tracking-widest); text-transform: uppercase;
    color: var(--aos-dust); margin: 0 0 var(--aos-space-4);
    display: flex; align-items: center; gap: var(--aos-space-3);
}
.aos-livedot { width: 7px; height: 7px; border-radius: 50%; background: var(--aos-amber); box-shadow: 0 0 0 0 var(--aos-amber-glow); animation: aos-breathe 4s ease-in-out infinite; }
.aos-greeting-title {
    font-family: var(--aos-font-display);
    font-size: clamp(2.2rem, 4.4vw, var(--aos-text-6xl));
    line-height: var(--aos-leading-tight);
    letter-spacing: var(--aos-tracking-tight);
    color: var(--aos-parchment);
    margin: 0 0 var(--aos-space-5);
    font-weight: 400;
}
.aos-greeting-title em { font-style: italic; color: var(--aos-amber); }
.aos-greeting-update {
    font-size: var(--aos-text-lg);
    line-height: var(--aos-leading-relaxed);
    color: var(--aos-vellum);
    max-width: 62ch; margin: 0 0 var(--aos-space-6);
}
.aos-greeting-update strong { color: var(--aos-parchment); font-weight: 600; }
.aos-greeting-actions { display: flex; align-items: center; gap: var(--aos-space-4); flex-wrap: wrap; }

/* ── BUTTONS ── */
.aos-btn {
    font-family: var(--aos-font-heading); font-weight: 600;
    font-size: var(--aos-text-sm); letter-spacing: var(--aos-tracking-wide);
    text-transform: uppercase; border-radius: var(--aos-r-md);
    padding: 0.7rem 1.4rem; cursor: pointer; border: 1px solid transparent;
    transition: background var(--aos-t-fast), color var(--aos-t-fast), border-color var(--aos-t-fast), transform 0.1s ease;
    display: inline-flex; align-items: center; gap: var(--aos-space-2); white-space: nowrap;
}
.aos-btn svg { width: 16px; height: 16px; stroke-width: 1.75; }
.aos-btn-primary { background: var(--aos-amber); color: var(--aos-void); }
.aos-btn-primary:hover { background: var(--aos-ember); }
.aos-btn-primary:active { transform: scale(0.98); }
.aos-btn-secondary { background: transparent; color: var(--aos-parchment); border-color: var(--aos-bronze); }
.aos-btn-secondary:hover { border-color: var(--aos-amber); color: var(--aos-amber); }
.aos-btn-ghost {
    background: transparent; color: var(--aos-vellum); border: none; text-transform: none;
    letter-spacing: 0; font-weight: 500; padding: 0.5rem 0.25rem;
    text-decoration: underline; text-decoration-color: var(--aos-bronze); text-underline-offset: 4px;
}
.aos-btn-ghost:hover { color: var(--aos-amber); text-decoration-color: var(--aos-amber); }

/* ── PANELS / GRID ── */
.aos-section-label {
    font-family: var(--aos-font-heading); font-size: var(--aos-text-xs);
    letter-spacing: var(--aos-tracking-widest); text-transform: uppercase;
    color: var(--aos-dust); margin: 0 0 var(--aos-space-5);
}
.aos-row { margin-bottom: var(--aos-space-12); }
.aos-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--aos-space-6); }
.aos-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--aos-space-6); }

.aos-card {
    background: var(--aos-nook);
    border: 1px solid var(--aos-bronze-dim);
    border-radius: var(--aos-r-lg);
    padding: var(--aos-space-6);
    transition: border-color var(--aos-t-normal), opacity var(--aos-t-slow), transform var(--aos-t-normal);
}
.aos-card:hover { border-color: var(--aos-copper); }

/* ── PRIZE PRODUCTS (Audiobook / VOLTA spotlight) ── */
.aos-prize { display: block; width: 100%; text-align: left; background: linear-gradient(160deg, var(--aos-alcove), var(--aos-shelf)); border: 1px solid var(--aos-amber-glow); border-radius: var(--aos-r-lg); padding: var(--aos-space-6) var(--aos-space-6) var(--aos-space-5); cursor: pointer; position: relative; overflow: hidden; transition: border-color var(--aos-t-normal), transform var(--aos-t-normal); }
.aos-prize:hover { border-color: var(--aos-amber); transform: translateY(-2px); }
.aos-prize::after { content: ""; position: absolute; right: -60px; top: -60px; width: 200px; height: 200px; border-radius: 50%; background: radial-gradient(circle, var(--aos-amber-soft), transparent 70%); pointer-events: none; }
.aos-prize .ic { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--aos-amber-glow); color: var(--aos-amber); margin-bottom: var(--aos-space-4); }
.aos-prize .ic svg { width: 20px; height: 20px; }
.aos-prize .eyebrow { font-family: var(--aos-font-heading); font-size: var(--aos-text-xs); letter-spacing: var(--aos-tracking-wider); text-transform: uppercase; color: var(--aos-amber); margin: 0 0 var(--aos-space-2); }
.aos-prize .metric { font-family: var(--aos-font-display); font-size: var(--aos-text-4xl); color: var(--aos-parchment); line-height: 1; margin: 0 0 var(--aos-space-3); }
.aos-prize .metric small { font-family: var(--aos-font-body); font-size: var(--aos-text-sm); color: var(--aos-dust); margin-left: 6px; }
.aos-prize .line { font-size: var(--aos-text-sm); line-height: var(--aos-leading-relaxed); color: var(--aos-vellum); margin: 0 0 var(--aos-space-4); max-width: 42ch; }
.aos-prize .cta { font-family: var(--aos-font-heading); font-size: var(--aos-text-sm); color: var(--aos-amber); }

/* card entrance (enhancement only — stays visible if animation doesn't run) */
.aos-fade { animation: aos-fadeup 0.5s ease both; }

/* ── METRICS ── */
.aos-metric { background: var(--aos-alcove); border: 1px solid var(--aos-bronze-dim); border-radius: var(--aos-r-lg); padding: var(--aos-space-6); position: relative; overflow: hidden; }
.aos-metric::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 3px; background: var(--aos-bronze); opacity: 0.5; }
.aos-metric-label { font-family: var(--aos-font-heading); font-size: var(--aos-text-xs); letter-spacing: var(--aos-tracking-wider); text-transform: uppercase; color: var(--aos-dust); margin: 0 0 var(--aos-space-4); }
.aos-metric-value { font-family: var(--aos-font-display); font-size: var(--aos-text-5xl); line-height: 1; color: var(--aos-parchment); margin: 0 0 var(--aos-space-3); }
.aos-metric-delta { font-family: var(--aos-font-heading); font-size: var(--aos-text-sm); color: var(--aos-sage); display: inline-flex; align-items: center; gap: 6px; }
.aos-metric-delta svg { width: 14px; height: 14px; stroke-width: 2; }
.aos-metric-delta.dust { color: var(--aos-dust); }

/* ── PIPELINE (reading-progress bar) ── */
.aos-pipe { background: var(--aos-nook); border: 1px solid var(--aos-bronze-dim); border-radius: var(--aos-r-lg); padding: var(--aos-space-6) var(--aos-space-8); transition: border-color var(--aos-t-normal); }
.aos-pipe:hover { border-color: var(--aos-copper); }
.aos-pipe + .aos-pipe { margin-top: var(--aos-space-4); }
.aos-pipe-head { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--aos-space-6); margin-bottom: var(--aos-space-6); }
.aos-pipe-titlewrap { display: flex; align-items: center; gap: var(--aos-space-5); min-width: 0; }
.aos-cover { flex: 0 0 auto; width: 52px; height: 80px; border-radius: 4px; border: 1px solid var(--aos-bronze-dim); position: relative; overflow: hidden; background: var(--aos-alcove); }
.aos-cover .ph { position: absolute; inset: 0; background-image: repeating-linear-gradient(135deg, #ffffff08 0 6px, transparent 6px 12px); }
.aos-cover .ph-label { position: absolute; inset: 0; display: grid; place-items: center; font-family: var(--aos-font-mono); font-size: 8px; color: var(--aos-dust); text-align: center; letter-spacing: 0.04em; padding: 4px; }
.aos-pipe-title { font-family: var(--aos-font-display); font-size: var(--aos-text-2xl); color: var(--aos-parchment); margin: 0; line-height: 1.15; }
.aos-pipe-sub { font-size: var(--aos-text-sm); color: var(--aos-dust); margin: 4px 0 0; }
.aos-pipe-stage { text-align: right; flex: 0 0 auto; }
.aos-pipe-stage-label { font-family: var(--aos-font-heading); font-size: var(--aos-text-xs); letter-spacing: var(--aos-tracking-wider); text-transform: uppercase; color: var(--aos-dust); }
.aos-pipe-stage-now { font-family: var(--aos-font-heading); font-size: var(--aos-text-lg); color: var(--aos-amber); margin-top: 2px; }
.aos-pipe-stage-now.live { color: var(--aos-sage); }

.aos-bar { position: relative; height: 4px; border-radius: 4px; background: var(--aos-alcove); margin: var(--aos-space-6) 0 var(--aos-space-5); }
.aos-bar-fill { position: absolute; left: 0; top: 0; height: 100%; border-radius: 4px; background: linear-gradient(90deg, var(--aos-amber), var(--aos-sage)); transition: width var(--aos-t-glacial); }
.aos-bar-dot { position: absolute; top: 50%; width: 12px; height: 12px; border-radius: 50%; background: var(--aos-amber); transform: translate(-50%, -50%); box-shadow: 0 0 0 4px var(--aos-void), 0 0 16px var(--aos-amber); transition: left var(--aos-t-glacial); }
.aos-bar-dot.live { background: var(--aos-sage); box-shadow: 0 0 0 4px var(--aos-void), 0 0 16px var(--aos-sage); }
.aos-gates { display: flex; justify-content: space-between; }
.aos-gate { font-family: var(--aos-font-heading); font-size: var(--aos-text-xs); letter-spacing: var(--aos-tracking-wide); color: var(--aos-dust); display: inline-flex; align-items: center; gap: 5px; }
.aos-gate.done { color: var(--aos-vellum); }
.aos-gate.now { color: var(--aos-amber); }
.aos-gate svg { width: 13px; height: 13px; stroke-width: 2; }
.aos-pipe-approve { margin-top: var(--aos-space-5); display: flex; align-items: center; gap: var(--aos-space-4); }
.aos-approve-note { font-size: var(--aos-text-sm); color: var(--aos-vellum); }

/* ── SALES MINI CHART ── */
.aos-chart { display: flex; align-items: stretch; gap: 7px; height: 116px; margin: var(--aos-space-2) 0 var(--aos-space-5); }
.aos-chart-col { flex: 1; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 8px; }
.aos-chart-bar { width: 100%; max-width: 26px; border-radius: 4px 4px 0 0; background: linear-gradient(180deg, var(--aos-amber), #8b6e2a); opacity: 0.9; transition: height var(--aos-t-slow); }
.aos-chart-day { font-family: var(--aos-font-mono); font-size: 10px; color: var(--aos-dust); }
.aos-legend { display: flex; flex-direction: column; gap: var(--aos-space-3); }
.aos-legend-item { display: flex; align-items: baseline; justify-content: space-between; gap: var(--aos-space-4); font-size: var(--aos-text-sm); }
.aos-legend-item .k { color: var(--aos-vellum); display: inline-flex; align-items: center; gap: 8px; }
.aos-legend-item .v { font-family: var(--aos-font-mono); color: var(--aos-parchment); }
.aos-swatch { width: 9px; height: 9px; border-radius: 2px; }

/* ── CHANNELS ── */
.aos-channel + .aos-channel { margin-top: var(--aos-space-5); }
.aos-channel-top { display: flex; justify-content: space-between; font-size: var(--aos-text-sm); margin-bottom: 8px; }
.aos-channel-top .name { color: var(--aos-vellum); }
.aos-channel-top .pct { font-family: var(--aos-font-mono); color: var(--aos-parchment); }
.aos-channel-track { height: 6px; border-radius: 6px; background: var(--aos-alcove); overflow: hidden; }
.aos-channel-fill { height: 100%; border-radius: 6px; background: var(--aos-bronze); transition: width var(--aos-t-slow); }
.aos-channel-fill.lead { background: var(--aos-amber); }

/* ── MARKETING STATS ── */
.aos-statlist { display: grid; grid-template-columns: 1fr 1fr; gap: var(--aos-space-5) var(--aos-space-6); }
.aos-stat .lbl { font-family: var(--aos-font-heading); font-size: var(--aos-text-xs); letter-spacing: var(--aos-tracking-wide); text-transform: uppercase; color: var(--aos-dust); margin: 0 0 4px; }
.aos-stat .num { font-family: var(--aos-font-mono); font-size: var(--aos-text-xl); color: var(--aos-parchment); }
.aos-stat .num small { font-family: var(--aos-font-body); font-size: var(--aos-text-xs); color: var(--aos-dust); margin-left: 6px; }

/* ── ACTIVITY ── */
.aos-feed { list-style: none; margin: 0; padding: 0; }
.aos-feed li { display: flex; gap: var(--aos-space-4); padding: var(--aos-space-3) 0; border-bottom: 1px solid var(--aos-bronze-dim); }
.aos-feed li:last-child { border-bottom: none; }
.aos-feed .ico { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--aos-alcove); color: var(--aos-vellum); }
.aos-feed .ico svg { width: 15px; height: 15px; stroke-width: 1.75; }
.aos-feed .ico.sage { color: var(--aos-sage); }
.aos-feed .ico.amber { color: var(--aos-amber); }
.aos-feed .txt { flex: 1; font-size: var(--aos-text-sm); color: var(--aos-parchment); line-height: 1.45; }
.aos-feed .when { font-family: var(--aos-font-mono); font-size: var(--aos-text-xs); color: var(--aos-dust); margin-top: 2px; }

/* ── BRIEFING (the spotlight card) ── */
.aos-brief { background: var(--aos-nook); border: 1px solid var(--aos-bronze-dim); border-radius: var(--aos-r-xl); padding: var(--aos-space-8) var(--aos-space-10); position: relative; transition: border-color var(--aos-t-normal); }
.aos-brief-head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--aos-space-6); margin-bottom: var(--aos-space-8); }
.aos-brief-eyebrow { font-family: var(--aos-font-heading); font-size: var(--aos-text-xs); letter-spacing: var(--aos-tracking-widest); text-transform: uppercase; color: var(--aos-amber); margin: 0 0 var(--aos-space-3); }
.aos-brief-title { font-family: var(--aos-font-display); font-size: var(--aos-text-3xl); color: var(--aos-parchment); margin: 0; font-weight: 400; line-height: 1.25; }
.aos-brief-body { font-size: var(--aos-text-lg); line-height: var(--aos-leading-relaxed); color: var(--aos-vellum); max-width: 70ch; margin: 0; }
.aos-brief-body .hl { color: var(--aos-parchment); font-weight: 600; }
.aos-brief-more { max-height: 0; overflow: hidden; transition: max-height var(--aos-t-slow); }
.aos-brief-more.open { max-height: 520px; }
.aos-brief-more p { font-size: var(--aos-text-base); line-height: var(--aos-leading-relaxed); color: var(--aos-vellum); max-width: 70ch; margin: var(--aos-space-5) 0 0; }
.aos-brief-actions { display: flex; align-items: center; gap: var(--aos-space-4); margin-top: var(--aos-space-6); }

/* ── NEXT (what to write) ── */
.aos-next { border-radius: var(--aos-r-xl); padding: var(--aos-space-8) var(--aos-space-10); border: 1px solid var(--aos-bronze-dim); background:
    linear-gradient(0deg, var(--aos-shelf), var(--aos-shelf)) padding-box; position: relative; overflow: hidden; }
.aos-next::after { content: ""; position: absolute; right: -80px; top: -80px; width: 280px; height: 280px; border-radius: 50%; background: radial-gradient(circle, var(--aos-amber-soft), transparent 70%); pointer-events: none; }
.aos-next-eyebrow { font-family: var(--aos-font-heading); font-size: var(--aos-text-xs); letter-spacing: var(--aos-tracking-widest); text-transform: uppercase; color: var(--aos-ember); margin: 0 0 var(--aos-space-4); }
.aos-next-quote { font-family: var(--aos-font-display); font-size: var(--aos-text-2xl); line-height: var(--aos-leading-normal); color: var(--aos-parchment); margin: 0 0 var(--aos-space-6); max-width: 64ch; font-weight: 400; }
.aos-next-quote em { font-style: italic; color: var(--aos-amber); }

/* ── FOOTER ── */
.aos-foot { margin-top: var(--aos-space-16); padding-top: var(--aos-space-8); border-top: 1px solid var(--aos-bronze-dim); }
.aos-foot p { font-size: var(--aos-text-xs); color: var(--aos-dust); margin: 0 0 4px; }

/* ════════════════════════════════════════════════════════════
   VOICE-FIRST: when active, dim everything; spotlight referenced card
   ════════════════════════════════════════════════════════════ */
.aos-main.voice-active [data-aos-card]:not(.is-spotlight) { opacity: 0.2; }
.aos-main.voice-active [data-aos-card].is-spotlight { border-color: var(--aos-amber); animation: aos-spotlight 2.4s ease-in-out infinite; }

@keyframes aos-spotlight {
    0%, 100% { box-shadow: 0 0 0 1px var(--aos-amber-glow); }
    50% { box-shadow: 0 0 28px 2px var(--aos-amber-glow); }
}
@keyframes aos-breathe {
    0%, 100% { box-shadow: 0 0 0 0 var(--aos-amber-glow); opacity: 0.85; }
    50% { box-shadow: 0 0 0 5px transparent; opacity: 1; }
}
@keyframes aos-fadeup { from { opacity: 0.5; transform: translateY(10px); } to { opacity: 1; transform: none; } }

/* ════════════════════════════════════════════════════════════
   RESPONSIVE
   ════════════════════════════════════════════════════════════ */
@media (max-width: 1024px) {
    .aos-main { padding: var(--aos-space-8) var(--aos-space-8) var(--aos-space-32); }
    .aos-grid-3 { gap: var(--aos-space-4); }
}
@media (max-width: 860px) {
    .aos-shell { grid-template-columns: 1fr; }
    .aos-rail {
        position: fixed; bottom: 0; top: auto; left: 0; right: 0;
        height: 64px; width: 100%;
        flex-direction: row; justify-content: space-around; align-items: center;
        padding: 0 var(--aos-space-3); gap: 0;
        border-right: none; border-top: 1px solid var(--aos-bronze-dim);
        background: #0E121AF2; backdrop-filter: blur(12px);
    }
    .aos-rail-mark { display: none; }
    .aos-rail-spacer { display: none; }
    .aos-rail-items { flex-direction: row; gap: var(--aos-space-1); flex: 0 1 auto; }
    .aos-rail-items .aos-rail-btn.is-secondary { display: none; }
    .aos-rail-btn.is-active::before { left: 50%; top: -8px; transform: translateX(-50%); width: 22px; height: 3px; border-radius: 3px; }
    .aos-rail-btn .aos-rail-label { display: none; }
    .aos-main { padding: var(--aos-space-6) var(--aos-space-5) calc(64px + var(--aos-space-24)); }
    .aos-grid-2 { grid-template-columns: 1fr; }
    .aos-grid-3 { grid-template-columns: 1fr; gap: var(--aos-space-4); }
    .aos-topbar { margin-bottom: var(--aos-space-8); }
    .aos-brief, .aos-next { padding: var(--aos-space-6) var(--aos-space-6); }
    .aos-pipe { padding: var(--aos-space-5) var(--aos-space-5); }
    .aos-pipe-head { flex-direction: column; align-items: flex-start; gap: var(--aos-space-4); }
    .aos-pipe-stage { text-align: left; }
}
@media (max-width: 480px) {
    .aos-statlist { grid-template-columns: 1fr; }
    .aos-greeting-title { font-size: 2rem; }
    .aos-profile-name { display: none; }
}