/* Revision 10 — navigation, optical alignment and content-aware journal layouts. */
html{scroll-padding-top:112px}
.site-header{position:sticky;top:0;z-index:15;background:#ffffffed;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .24s ease,box-shadow .24s ease}
.site-header.is-scrolled{box-shadow:0 1px 0 #e7eaf0,0 8px 24px -20px #25345040}
.site-header.is-scrolled .wrap{border-bottom-color:transparent}
.site-header.is-hidden{transform:translateY(-101%);pointer-events:none}
/* The pill is one flex row; the play disc no longer floats on guessed coordinates. */
.cinema-play{display:grid;place-items:center;place-content:normal;padding:20px}
.cinema-play>span.cinema-pill{display:flex;align-items:center;justify-content:center;gap:14px;min-width:0;min-height:0;padding:10px 22px 10px 10px;border:1px solid #ffffffd9;border-radius:100px;background:#fff;box-shadow:0 8px 30px #142a4d24;font-size:17px;line-height:1.4;font-weight:550;color:#2c3650}
.cinema-play .cinema-disc{position:static;display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;background:#5267cc;border-radius:50%;box-shadow:inset 0 1px 0 #ffffff25;transform:none}
.cinema-play .cinema-disc svg,.journal-play svg{display:block;width:24px;height:24px;fill:currentColor;margin:0}
.cinema-play .cinema-duration{font-size:14px;line-height:20px;font-weight:400;color:#6e7b91;padding-left:14px;border-left:1px solid #e0e4ec}
.cinema-play:hover .cinema-disc{transform:none;background:#465dc5}
.cinema-play:focus-visible{outline:-webkit-focus-ring-color auto 1px;outline-offset:-5px}
.journal-play{display:grid;place-items:center;width:56px;height:56px}
/* Keep the status visibly attached to its phase title at every breakpoint. */
.phase-heading{display:grid;grid-template-columns:20px 1fr;gap:7px 10px;align-items:center}
.phase-number{grid-column:1;grid-row:1}
.phase-heading h3{grid-column:2;grid-row:1}
.phase-status{grid-column:2;grid-row:2;width:auto;margin:0;font-size:14px;line-height:1.5}
.roadmap-phase ul{margin-top:25px}
/* One feature, two equal stories, or the original three-card grid. */
.journal-grid[data-count="1"]{grid-template-columns:1fr}
.journal-grid[data-count="1"] .journal-card{display:grid;grid-template-columns:1.35fr 1fr;gap:48px;align-items:center}
.journal-grid[data-count="1"] .journal-card-copy{padding:12px 24px 12px 0}
.journal-grid[data-count="1"] h3{font-size:32px;line-height:1.2;letter-spacing:-.04em;max-width:380px}
.journal-grid[data-count="1"] .journal-card-meta{margin:0 0 15px}
.journal-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.journal-grid[data-count="2"] h3{font-size:25px}
.journal-description{font-size:18px;line-height:1.65;color:#748097;margin-top:18px;max-width:380px}
.journal-watch{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:16px;font-weight:500;background:#f4f6fc;border:1px solid #e1e6f2;border-radius:8px;color:#5368b6;padding:10px 17px;margin-top:24px}
.journal-watch:hover{background:#edf1fd;border-color:#cdd7f0}
.journal-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px 14px;line-height:1.6}
.journal-card-meta time{color:#7d8798;font-variant-numeric:tabular-nums}
.journal-empty{font-size:18px;color:#748097;grid-column:1/-1;padding:35px 0}
/* Errors belong to the field. Submission has its own consistent spacing. */
.consent-group{margin:24px 0 28px}
.consent-group .consent{margin:0;cursor:pointer}
.consent-group .field-error{margin:10px 0 0 31px;font-size:14px;line-height:1.5;max-width:440px}
.consent input[aria-invalid="true"]{border-color:#ad626b;background:#fff9f9}
.consent input:focus-visible{outline:2px solid #8092d4;outline-offset:3px;box-shadow:none}
#proposal-form .submit{margin-top:0}
@media(max-width:1000px) and (min-width:761px){.journal-grid[data-count="1"] .journal-card{gap:30px;grid-template-columns:1.2fr 1fr}.journal-grid[data-count="1"] h3{font-size:28px}.journal-description{font-size:17px}.journal-grid[data-count="1"] .journal-card-copy{padding-right:0}}
@media(max-width:760px){
 html{scroll-padding-top:96px}
 .cinema-play{padding:12px}
 .cinema-play>span.cinema-pill{gap:11px;padding:8px 17px 8px 8px;font-size:16px}
 .cinema-play .cinema-disc{width:42px;height:42px;flex-basis:42px}
 .cinema-play .cinema-disc svg{width:22px;height:22px}
 .cinema-play .cinema-duration{font-size:14px;padding-left:11px}
 .journal-grid[data-count="1"],.journal-grid[data-count="2"]{grid-template-columns:1fr;gap:32px}
 .journal-grid[data-count="1"] .journal-card{grid-template-columns:1fr;gap:20px}
 .journal-grid[data-count="1"] .journal-card-copy{padding:0}
 .journal-grid[data-count="1"] .journal-card-meta{margin:0 0 8px}
 .journal-grid[data-count="1"] h3,.journal-grid[data-count="2"] h3{font-size:26px;max-width:none}
 .journal-description{font-size:17px;margin-top:14px;max-width:none}
 .journal-watch{margin-top:20px}
 .phase-status{width:auto;margin:0}
 .consent-group{margin-bottom:26px}
}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}
.journal-grid[data-count="1"] .journal-title-button{text-wrap:balance}