/* EggSF identity: shell, yolk and paper-tray colours alongside the blue wordmark.
   Artwork stays in introductions; work tables and status colours keep their contrast. */
:root {
    --eggsf-shell: #fffaf0;
    --eggsf-shell-line: #eadcc3;
    --eggsf-yolk-ink: #976316;
    --eggsf-yolk-soft: #f9ebc9;
    --eggsf-sage-ink: #477561;
}

.eggsf-page-heading { display: flex; align-items: center; gap: 16px; }
.eggsf-page-heading-copy { min-width: 0; }
.eggsf-page-pictogram {
    display: grid; place-items: center; flex: 0 0 54px; width: 54px; height: 60px;
    border: 1px solid var(--eggsf-shell-line); border-radius: 48% 48% 42% 42%;
    color: var(--eggsf-yolk-ink); background: var(--eggsf-shell);
}
.eggsf-page-pictogram .mud-icon-root { width: 31px; height: 31px; }
.eggsf-home-heading {
    display: flex; align-items: center; gap: 12px; padding: 18px 24px;
    margin-bottom: 24px; border: 1px solid var(--eggsf-shell-line); border-radius: 14px;
    background: linear-gradient(105deg, var(--eggsf-surface) 35%, var(--eggsf-shell));
}
.eggsf-home-heading .eggsf-page-header { flex: 1; margin: 0; }
.eggsf-home-egg-art { width: 180px; height: 102px; object-fit: contain; flex: none; }
.eggsf-action-tile .eggsf-icon-well { width: 48px; height: 48px; }
.eggsf-action-tile-icon { width: 29px; height: 29px; }
.eggsf-egg-actions .eggsf-pickcard { min-height: 148px; }
.eggsf-egg-actions .eggsf-pickcard__icon { width: 38px; height: 38px; align-self: center; margin-bottom: 8px; }
.eggsf-egg-actions .eggsf-pickcard:nth-child(1) .eggsf-pickcard__icon { color: var(--mud-palette-primary); }
.eggsf-egg-actions .eggsf-pickcard:nth-child(2) .eggsf-pickcard__icon { color: var(--eggsf-sage-ink); }
.eggsf-egg-actions .eggsf-pickcard:nth-child(3) .eggsf-pickcard__icon { color: var(--eggsf-yolk-ink); }
.eggsf-egg-actions .eggsf-pickcard:nth-child(4) .eggsf-pickcard__icon { color: var(--mud-palette-primary); }
.eggsf-dark {
    --eggsf-shell: #302c22;
    --eggsf-shell-line: #534936;
    --eggsf-yolk-ink: #f1c572;
    --eggsf-yolk-soft: #443b29;
    --eggsf-sage-ink: #9ac6ae;
}

.eggsf-public { background: #fdfbf6; --pub-border: #e5e1d6; }
.public-hero { gap: 56px; padding-top: 54px; }
.public-hero-copy .public-eyebrow { display: inline-flex; padding: 7px 12px; background: #edf3ec; border-radius: 6px; color: #42644d; }
.public-egg-story {
    background: #f7f0e0; border: 1px solid #e8ddc6; border-radius: 26px;
    padding: 28px 24px 22px; position: relative; overflow: hidden;
}
.public-egg-story-heading { padding: 0 8px; }
.public-egg-story-heading .public-eyebrow { color: #86704c; font-size: 12px; margin-bottom: 5px; }
.public-egg-story-heading > strong { font-size: 23px; font-weight: 750; letter-spacing: -.03em; }
.public-egg-art { display: block; width: 100%; height: auto; margin: -4px auto -10px; }
.public-egg-journey { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; padding: 0; margin: 0; gap: 8px; }
.public-egg-journey li { position: relative; display: grid; justify-items: center; gap: 6px; padding: 16px 6px; background: #fffdf7; border: 1px solid #e9dfcd; border-radius: 12px; }
.public-egg-journey li + li::before { content: "→"; position: absolute; left: -12px; top: 45px; z-index: 1; width: 16px; text-align: center; color: #7b887c; background: #f7f0e0; }
.public-egg-journey strong { font-size: 14px; }
.public-egg-journey small { color: #717265; font-size: 11px; }
.public-icon { width: 48px; height: 48px; }
.public-icon .mud-icon-root { width: 29px; height: 29px; }
.public-egg-story-note { margin: 18px 0 0; text-align: center; color: #676e60; font-size: 12px; }
.public-three article { border-top: 3px solid #85a68d; }
.public-three article:nth-child(2) { border-top-color: #d6ad55; }
.public-three article:nth-child(3) { border-top-color: #799cc9; }
.public-cta { background: #eaf1e9; }

.eggsf-auth-brand { gap: 28px; padding: clamp(32px, 4vw, 60px); }
.eggsf-auth-hero h2 { font-size: clamp(1.9rem, 2.7vw, 2.65rem); margin-bottom: 14px; }
.eggsf-auth-kicker { color: #f1d199; }
.eggsf-auth-egg-art { display: block; width: min(100%, 380px); height: 200px; object-fit: contain; margin: 10px auto 0; }
.eggsf-auth-features { margin-top: 14px; gap: 14px; }
.eggsf-auth-feature-icon .mud-icon-root { width: 28px; height: 28px; }
.eggsf-auth-pane { background: #faf7f0; }
.eggsf-auth-egg-symbol { float: right; display: grid; place-items: center; width: 48px; height: 54px; margin: 0 0 10px 12px; border-radius: 48% 48% 42% 42%; color: #976316; background: #fff4d9; border: 1px solid #edddb9; }
.eggsf-auth-egg-symbol .mud-icon-root { width: 28px; height: 28px; }

@media (max-width: 1050px) {
    .eggsf-home-egg-art { width: 134px; height: 90px; }
    .eggsf-auth-egg-art { height: 155px; }
}
@media (max-width: 900px) {
    .public-hero { gap: 30px; }
    .public-egg-story { width: 100%; max-width: 620px; }
}
@media (max-width: 600px) {
    .eggsf-home-heading { padding: 16px; }
    .eggsf-home-egg-art { display: none; }
    .eggsf-home-heading .eggsf-page-header { gap: 4px; }
    .eggsf-home-heading .eggsf-title-row h1 { font-size: 1.5rem; }
    .eggsf-home-heading .eggsf-page-pictogram { align-self: flex-start; margin-top: 22px; }
    .eggsf-page-heading { gap: 12px; }
    .eggsf-page-pictogram { flex-basis: 44px; width: 44px; height: 50px; }
    .eggsf-page-pictogram .mud-icon-root { width: 27px; height: 27px; }
    .public-egg-story { padding: 22px 14px 18px; border-radius: 20px; }
    .public-egg-story-heading > strong { font-size: 21px; }
    .public-egg-journey strong { font-size: 12px; }
    .public-egg-journey small { font-size: 10px; }
    .public-egg-story-note { font-size: 11px; }
}
@media print {
    .eggsf-home-egg-art, .eggsf-page-pictogram { display: none; }
}