/* MIND FIST · ruhige Personenakten im Astronautenbar-CRT-System */
.mind-fist-philosoph-root,
.mind-fist-philosoph-page {
    min-height: 100%;
    background: #07090d;
}

.mind-fist-philosoph-page {
    --mind-fist-amber: #f0a54d;
    --mind-fist-amber-active: #ffd49a;
    --mind-fist-cyan: #8de6ff;
    --mind-fist-text: rgba(241, 235, 221, .92);
    --mind-fist-muted: rgba(220, 211, 192, .66);
    --mind-fist-line: rgba(240, 165, 77, .28);
    overflow-x: hidden;
    background:
        radial-gradient(ellipse at 50% 14%, rgba(240, 165, 77, .055), transparent 38%),
        linear-gradient(180deg, #07090d 0%, #090b10 58%, #050608 100%);
}

.mind-fist-philosoph {
    display: grid;
    width: 100%;
    max-width: none;
    gap: 14px;
    padding: 18px 0 34px;
    color: var(--mind-fist-text);
}

.mind-fist-philosoph-hero,
.mind-fist-philosoph-section {
    border: 1px solid var(--mind-fist-line);
    background: rgba(8, 9, 13, .68);
    box-shadow: inset 0 0 30px rgba(240, 165, 77, .025);
}

.mind-fist-philosoph-hero {
    display: grid;
    grid-template-columns: minmax(210px, 280px) minmax(0, 1fr);
    align-items: center;
    gap: clamp(24px, 5vw, 54px);
    padding: clamp(22px, 4vw, 38px);
}

.mind-fist-philosoph-portrait-frame {
    display: grid;
    align-items: end;
    min-height: 250px;
    overflow: hidden;
    border-bottom: 1px solid rgba(141, 230, 255, .3);
    background:
        radial-gradient(ellipse at 50% 70%, rgba(72, 200, 255, .11), transparent 61%),
        linear-gradient(180deg, rgba(11, 18, 25, .1), rgba(9, 23, 31, .36));
}

.mind-fist-philosoph-portrait-frame img {
    display: block;
    width: 100%;
    height: auto;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    filter: drop-shadow(0 0 11px rgba(72, 200, 255, .12));
}

.mind-fist-philosoph-intro { min-width: 0; }

.mind-fist-philosoph-kicker {
    margin: 0 0 12px;
    color: var(--mind-fist-amber);
    font-size: .7rem;
    letter-spacing: .16em;
}

.mind-fist-philosoph h1 {
    margin: 0;
    color: rgba(247, 241, 227, .97);
    font-size: clamp(1.75rem, 5vw, 3.25rem);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: .055em;
    overflow-wrap: anywhere;
    text-shadow: 0 0 3px rgba(255, 236, 202, .6), 0 0 13px rgba(240, 165, 77, .18);
}

.mind-fist-philosoph-lifespan {
    margin: 12px 0 0;
    color: var(--mind-fist-cyan);
    font-size: clamp(.76rem, 1.8vw, .9rem);
    letter-spacing: .12em;
    text-shadow: 0 0 8px rgba(72, 200, 255, .28);
}

.mind-fist-philosoph-lead {
    max-width: 52ch;
    margin: 22px 0 0;
    color: var(--mind-fist-text);
    font-size: clamp(.92rem, 2vw, 1.04rem);
    line-height: 1.7;
}

.mind-fist-philosoph-section { padding: clamp(22px, 4vw, 34px); }

.mind-fist-philosoph-section h2 {
    margin: 0 0 18px;
    color: var(--mind-fist-amber-active);
    font-size: clamp(.88rem, 2vw, 1.04rem);
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: .15em;
    text-shadow: 0 0 8px rgba(240, 165, 77, .28);
}

.mind-fist-philosoph-section > p,
.mind-fist-philosoph-stations,
.mind-fist-philosoph-reading {
    max-width: 68ch;
    color: var(--mind-fist-text);
    font-size: .97rem;
    line-height: 1.74;
}

.mind-fist-philosoph-section > p { margin: 0; }

.mind-fist-philosoph-stations,
.mind-fist-philosoph-reading {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mind-fist-philosoph-stations li,
.mind-fist-philosoph-reading li {
    position: relative;
    padding-left: 1.5em;
}

.mind-fist-philosoph-stations li::before,
.mind-fist-philosoph-reading li::before {
    position: absolute;
    left: 0;
    color: var(--mind-fist-cyan);
    content: ">";
}

.mind-fist-philosoph-reading { margin-top: 14px; }

.mind-fist-philosoph-works {
    display: grid;
    gap: 13px;
    max-width: 72ch;
    margin: 0;
}

.mind-fist-philosoph-works > div {
    display: grid;
    grid-template-columns: minmax(10rem, 15rem) minmax(0, 1fr);
    gap: 18px;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(240, 165, 77, .13);
}

.mind-fist-philosoph-works > div:last-child { padding-bottom: 0; border-bottom: 0; }
.mind-fist-philosoph-works dt { color: var(--mind-fist-amber-active); line-height: 1.55; }
.mind-fist-philosoph-works dd { margin: 0; color: var(--mind-fist-muted); line-height: 1.65; }

.mind-fist-philosoph-wisdom {
    border-color: rgba(141, 230, 255, .3);
    background:
        radial-gradient(ellipse at 14% 50%, rgba(72, 200, 255, .07), transparent 48%),
        rgba(8, 9, 13, .7);
}

.mind-fist-philosoph-wisdom > p {
    min-height: 4.8em;
    padding: 17px 0;
    color: #e5faff;
    font-size: clamp(1rem, 2.4vw, 1.18rem);
    line-height: 1.62;
    text-shadow: 0 0 2px rgba(226, 250, 255, .62), 0 0 10px rgba(72, 200, 255, .23);
}

.mind-fist-philosoph-wisdom button,
.mind-fist-philosoph-return {
    display: inline-grid;
    min-height: 46px;
    padding: 11px 16px;
    place-items: center;
    border: 1px solid rgba(240, 165, 77, .72);
    border-radius: 0;
    background: rgba(3, 5, 8, .9);
    color: #ffebc8;
    font: inherit;
    font-size: .76rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .1em;
    text-decoration: none;
    cursor: pointer;
}

.mind-fist-philosoph-wisdom button {
    display: grid;
    width: max-content;
    margin-inline: auto;
}

.mind-fist-philosoph-wisdom button:hover,
.mind-fist-philosoph-wisdom button:focus-visible,
.mind-fist-philosoph-return:hover,
.mind-fist-philosoph-return:focus-visible {
    border-color: var(--mind-fist-amber-active);
    background: rgba(23, 15, 8, .94);
    color: #fff4df;
    outline: 1px solid var(--mind-fist-amber-active);
    outline-offset: 3px;
    box-shadow: 0 0 13px rgba(240, 165, 77, .2);
}

.mind-fist-philosoph-return { justify-self: center; margin-top: 5px; }

@media (max-width: 620px) {
    .mind-fist-philosoph { padding-top: 12px; }
    .mind-fist-philosoph-hero { grid-template-columns: 1fr; gap: 20px; padding: 18px 16px 24px; }
    .mind-fist-philosoph-portrait-frame { width: min(100%, 280px); min-height: 0; margin: 0 auto; }
    .mind-fist-philosoph-intro { text-align: left; }
    .mind-fist-philosoph h1 { font-size: clamp(1.65rem, 9vw, 2.45rem); }
    .mind-fist-philosoph-section { padding: 22px 16px; }
    .mind-fist-philosoph-works > div { grid-template-columns: 1fr; gap: 4px; }
    .mind-fist-philosoph-wisdom > p { min-height: 6.4em; }
    .mind-fist-philosoph-return { width: auto; max-width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .mind-fist-philosoph-wisdom button,
    .mind-fist-philosoph-return { transition: none; }
}