.info-page {
    width: min(1280px, 100%);
    min-height: 70vh;
    margin: 0 auto;
    padding: clamp(48px, 6vw, 88px) clamp(20px, 5vw, 72px);
    background: radial-gradient(ellipse at 90% 0, rgba(233,195,73,.07), transparent 45%), #0b1014;
    color: #e5e1dc;
}
.info-hero { max-width: 1000px; }
.info-hero > span {
    display: block;
    color: #e9c349;
    font: 700 12px/1.6 "Roboto Mono", monospace;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.info-hero h1 {
    position: static;
    inset: auto;
    margin: 22px 0 24px;
    max-width: 1000px;
    color: #ffb68d;
    font: 700 clamp(34px, 4.8vw, 64px)/1.12 "Libre Caslon Text", serif;
    letter-spacing: -.035em;
    text-wrap: balance;
}
.info-hero p {
    max-width: 820px;
    margin: 0;
    color: #d9beb1;
    font: 16px/1.8 ABeeZee, sans-serif;
}
.info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin: 48px 0;
}
.info-grid article {
    min-width: 0;
    padding: 28px;
    border: 1px solid rgba(233,195,73,.18);
    border-radius: 10px;
    background: #12191e;
}
.info-grid b {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(233,195,73,.25);
    border-radius: 8px;
    background: rgba(233,195,73,.04);
    color: #e9c349;
    font: 500 13px/1 "Roboto Mono", monospace;
}
.info-grid h2 {
    margin: 20px 0 12px;
    color: #ffb68d;
    font: 700 23px/1.35 "Libre Caslon Text", serif;
}
.info-grid p {
    margin: 0;
    color: #d9beb1;
    font: 14px/1.8 ABeeZee, sans-serif;
}
.info-answer {
    padding: clamp(24px, 4vw, 40px);
    border: 1px solid rgba(233,195,73,.22);
    border-left: 3px solid #e9c349;
    border-radius: 0 10px 10px 0;
    background: #12191e;
}
.info-answer h2 {
    margin: 0 0 16px;
    color: #ffb68d;
    font: 700 clamp(24px, 3vw, 32px)/1.3 "Libre Caslon Text", serif;
}
.info-answer p {
    max-width: 900px;
    margin: 0;
    color: #d9beb1;
    font: 15px/1.8 ABeeZee, sans-serif;
}
.info-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 28px;
}
.info-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 14px 22px;
    border: 1px solid rgba(233,195,73,.45);
    border-radius: 6px;
    color: #e9c349;
    font: 14px/1.5 ABeeZee, sans-serif;
    text-align: center;
}
.info-actions a:first-child { background: #ffb68d; border-color: #ffb68d; color: #382318; }
.info-actions a:hover { border-color: #ffb68d; background: rgba(255,182,141,.1); }
.info-actions a:first-child:hover { background: #ffc7a8; }
.info-actions a:focus-visible { outline: 2px solid #e9c349; outline-offset: 4px; }
.process-corridor article {
    border-top: 2px solid rgba(233,195,73,.4);
    background: linear-gradient(145deg, #172027, #10171c);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 8px 20px rgba(0,0,0,.12);
}
.info-stories { margin-top: 56px; padding-top: 32px; border-top: 1px solid rgba(233,195,73,.18); }
.info-stories header { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.info-stories h2 { margin: 0; color: #ffb68d; font: 700 28px/1.3 "Libre Caslon Text", serif; }
.journal-story-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 28px; }
.journal-story-card { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: 28px; border: 1px solid rgba(233,195,73,.22); border-radius: 10px; background: linear-gradient(145deg, #172027, #10171c); text-decoration: none; }
.story-status { padding: 5px 10px; border: 1px solid rgba(233,195,73,.25); border-radius: 5px; color: #e9c349; font: 11px/1.5 "Roboto Mono", monospace; }
.journal-story-card h3 { margin: 22px 0 28px; color: #ffb68d; font: 700 22px/1.45 "Libre Caslon Text", serif; }
.story-card-action { display: flex; justify-content: space-between; align-items: center; gap: 16px; width: 100%; margin-top: auto; padding-top: 18px; border-top: 1px solid rgba(233,195,73,.15); color: #e9c349; font: 13px/1.5 ABeeZee, sans-serif; }
.is-upcoming .story-card-action { color: #bba99e; }
a.journal-story-card:hover { border-color: #ffb68d; background: #1b252d; }
a.journal-story-card:focus-visible { outline: 2px solid #e9c349; outline-offset: 4px; }
@media (max-width: 1000px) { .journal-story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .journal-story-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; } .journal-story-card { padding: 24px; } }
@media (min-width: 1200px) {
    .info-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .info-grid article { padding: 24px; }
    .info-grid h2 { font-size: 21px; }
}
@media (max-width: 600px) {
    .info-grid { grid-template-columns: minmax(0, 1fr); margin: 32px 0; gap: 16px; }
    .info-grid article { padding: 24px; }
    .info-actions { flex-direction: column; }
    .info-actions a { width: 100%; }
    .info-hero p { font-size: 15px; }
}