/* News magazine. Loaded only by /journal/; shared components stay untouched. */
.journal-magazine{padding-bottom:16px}
.journal-magazine .journal-heading{padding-block:42px 25px}
.journal-magazine .journal-heading .eyebrow{color:var(--ink);font-size:12px;letter-spacing:.12em;margin-bottom:16px}
.journal-magazine .journal-heading h1{font-size:clamp(56px,7vw,100px);margin-bottom:18px}
.journal-magazine .journal-heading>p:last-child{font-size:18px;max-width:42em}
.journal-magazine .journal-tools{border-top:1px solid var(--line);min-height:64px;gap:18px}
.journal-magazine .journal-count{color:var(--ink);font-weight:600}
.journal-magazine .journal-search-toggle{padding:10px 0 10px 12px}
.journal-magazine .journal-search-row{background:#fff;border-radius:10px;margin-bottom:12px}
.journal-magazine .journal-filters{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:4px 4px 16px;margin-inline:-4px}
.journal-magazine .journal-filters>button{flex:0 0 auto;max-width:none;min-height:44px;padding:10px 16px;text-align:center;white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:13px;font-weight:500;line-height:1.3}
.journal-magazine .journal-filters>button:after{display:none}
.journal-magazine .journal-filters>button:hover{border-color:var(--pink-text);color:var(--pink-text)}
.journal-magazine .journal-filters>button[aria-pressed="true"]{background:var(--deep);border-color:var(--deep);color:#fff;font-weight:600;box-shadow:inset 0 -3px var(--pink)}
.journal-magazine .journal-filters>button:focus-visible{outline-offset:2px}
.journal-magazine .journal-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:4px}
.journal-magazine .journal-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #e0dbd2;border-radius:14px;box-shadow:0 3px 12px #11131a04}
.journal-magazine .journal-card>a{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;align-items:start;min-height:100%;padding:22px;text-decoration:none}
.journal-magazine .journal-card-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:100%;gap:0}
.journal-magazine .journal-entry-meta{display:flex;flex-direction:column;flex-wrap:wrap;gap:4px;margin-bottom:12px;padding:0;font-size:11px;line-height:1.5;color:var(--muted)}
.journal-magazine .journal-entry-meta>span:first-child{font-size:12px;letter-spacing:.03em;font-weight:700;color:var(--pink-text)}
.journal-magazine .journal-card h3{font-size:clamp(21px,2.1vw,28px);line-height:1.16;letter-spacing:-.045em;margin:0 0 12px;text-wrap:pretty;overflow-wrap:break-word}
.journal-magazine .journal-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 14px}
.journal-magazine .journal-entry-action{display:flex;align-items:center;gap:16px;margin-top:auto;min-height:30px;font-size:13px;font-weight:600;color:var(--ink)}
.journal-magazine .journal-entry-arrow{font-size:21px;line-height:1;grid-column:auto;grid-row:auto}
.journal-magazine .journal-card>a:focus-visible{outline:3px solid var(--blue);outline-offset:-3px;border-radius:13px}
.journal-magazine .journal-card>a:hover h3{color:var(--pink-text)}
.journal-magazine .journal-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;position:relative;overflow:hidden;width:112px;min-height:112px;border-radius:8px;background:var(--deep);color:#fff;align-self:start}
.journal-magazine .journal-visual>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.journal-magazine .journal-visual-cover{background:none;border-radius:0;overflow:visible;color:var(--muted);gap:7px}
.journal-magazine .journal-visual-cover>img{border-radius:4px;box-shadow:0 3px 9px #11131a1c}
.journal-magazine .journal-visual-caption{display:block;max-width:100%;padding:0 8px 8px;text-align:center;font-size:9px;font-weight:500;line-height:1.35;letter-spacing:.02em}
.journal-magazine .journal-visual-cover .journal-visual-caption{padding:0;text-align:left;align-self:flex-start}
.journal-magazine .journal-visual-contest{height:160px;gap:4px;background:#071c32}
.journal-magazine .journal-visual-contest>img{width:72px;height:126px;aspect-ratio:auto;object-fit:contain}
.journal-magazine .journal-visual-spot{background:#071c32}
.journal-magazine .journal-visual-photo{background:#eef0f4;color:var(--ink);gap:10px;padding-top:8px}
.journal-magazine .journal-visual-photo>img{aspect-ratio:4/3;object-fit:contain}
.journal-magazine .journal-visual-person{background:#ecedf5;padding-top:12px;color:var(--muted)}
.journal-magazine .journal-visual-person>img{height:116px;object-fit:contain;aspect-ratio:auto}
.journal-magazine .journal-visual-portrait{background:#edf0f6;color:var(--muted);padding:8px 4px 0}
.journal-magazine .journal-visual-portrait>img{border-radius:50%}
.journal-magazine .journal-visual-type{min-height:136px;gap:17px;padding:16px 6px;background:var(--deep)}
.journal-magazine .journal-visual-type>strong{font-size:21px;letter-spacing:-.07em;line-height:1.1;text-align:center;overflow-wrap:anywhere}
.journal-magazine .journal-type-rule{display:block;width:30px;height:3px;background:var(--pink)}
.journal-magazine .journal-visual-vs{height:150px;background:var(--deep);gap:4px}
.journal-magazine .journal-vs-stage{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:2px;width:100%;height:121px;padding:0 4px}
.journal-magazine .journal-vs-stage>img{width:48%;height:115px;object-fit:contain}
.journal-magazine .journal-vs-stage>strong{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);color:#ff82cd;font-size:27px;line-height:1;font-style:italic;letter-spacing:-.1em;text-shadow:0 1px 4px var(--deep)}
.journal-magazine .journal-feature{grid-column:1/-1;background:var(--deep);border-color:var(--deep);color:#fff;box-shadow:none;margin-bottom:8px}
.journal-magazine .journal-feature>a{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:0;padding:0;align-items:stretch;color:#fff;min-height:360px}
.journal-magazine .journal-feature .journal-visual{width:100%;height:100%;min-height:0;align-self:stretch;border-radius:0;padding:30px;background:#121d4d;color:#c9cfe5;overflow:hidden;gap:14px}
.journal-magazine .journal-feature .journal-visual>img{width:min(100%,300px);height:auto;aspect-ratio:1;object-fit:contain;border-radius:4px;box-shadow:0 18px 35px #070f3666}
.journal-magazine .journal-feature .journal-visual-caption{align-self:center;font-size:10px;padding:0}
.journal-magazine .journal-feature .journal-card-copy{justify-content:center;padding:36px 40px}
.journal-magazine .journal-feature-label{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.13em;color:#ff82cd;margin-bottom:18px}
.journal-magazine .journal-feature-label:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:var(--pink)}
.journal-magazine .journal-feature .journal-entry-meta{flex-direction:row;gap:6px 14px;margin-bottom:14px;color:#c9cfe5;font-size:11px}
.journal-magazine .journal-feature .journal-entry-meta>span:first-child{font-size:11px;color:#ff82cd}
.journal-magazine .journal-feature h3{font-size:clamp(30px,3.3vw,48px);line-height:1.08;margin-bottom:17px}
.journal-magazine .journal-feature p{display:block;overflow:visible;font-size:16px;line-height:1.6;color:#dce0ee;max-width:45ch;margin-bottom:22px}
.journal-magazine .journal-feature .journal-entry-action{color:#fff;margin-top:0;padding-bottom:5px;border-bottom:1px solid #ffffff66;gap:24px}
.journal-magazine .journal-feature>a:hover h3{color:#ffb3df}
.journal-magazine .journal-feature>a:focus-visible{outline-color:#ff82cd}
.journal-magazine .journal-empty{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px;margin-top:8px}
@media(max-width:1000px){
  .journal-magazine .journal-card>a{grid-template-columns:96px minmax(0,1fr);gap:16px;padding:18px}
  .journal-magazine .journal-visual{width:96px}
  .journal-magazine .journal-feature>a{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding:0;gap:0}
  .journal-magazine .journal-feature .journal-card-copy{padding:30px}
  .journal-magazine .journal-feature .journal-visual{width:100%;padding:26px}
}
@media(max-width:700px){
  .journal-magazine .journal-heading{padding-block:28px 20px}
  .journal-magazine .journal-heading .eyebrow{font-size:10px;margin-bottom:12px}
  .journal-magazine .journal-heading h1{font-size:clamp(46px,13vw,64px);margin-bottom:12px}
  .journal-magazine .journal-heading>p:last-child{font-size:16px;max-width:27em}
  .journal-magazine .journal-tools{min-height:56px;gap:12px}
  .journal-magazine .journal-count,.journal-magazine .journal-search-toggle,.journal-magazine .journal-reset{font-size:12px}
  .journal-magazine .journal-filters{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:4px;scrollbar-width:thin;padding-bottom:12px;margin-bottom:6px}
  .journal-magazine .journal-filters>button{min-height:44px;padding:10px 15px;font-size:12px}
  .journal-magazine .journal-entries{grid-template-columns:minmax(0,1fr);gap:14px}
  .journal-magazine .journal-card>a{grid-template-columns:88px minmax(0,1fr);padding:18px;gap:15px}
  .journal-magazine .journal-visual{width:88px;min-height:88px}
  .journal-magazine .journal-card h3{font-size:22px}
  .journal-magazine .journal-entry-meta{grid-column:auto;font-size:11px;gap:4px;margin-bottom:10px}
  .journal-magazine .journal-entry-meta>span:first-child{font-size:12px;flex-shrink:0}
  .journal-magazine .journal-card p{font-size:14px;line-height:1.55;margin-bottom:12px}
  .journal-magazine .journal-visual-vs{height:138px}
  .journal-magazine .journal-vs-stage{height:108px}
  .journal-magazine .journal-vs-stage>img{height:104px}
  .journal-magazine .journal-visual-type>strong{font-size:18px}
  .journal-magazine .journal-feature{margin-bottom:4px}
  .journal-magazine .journal-feature>a{grid-template-columns:minmax(0,1fr);gap:0;padding:0;min-height:0}
  .journal-magazine .journal-feature .journal-visual{padding:20px 24px 13px;gap:10px;width:100%;height:auto;background:#121d4d}
  .journal-magazine .journal-feature .journal-visual>img{width:176px;max-width:100%;height:auto}
  .journal-magazine .journal-feature .journal-card-copy{padding:23px 24px 25px}
  .journal-magazine .journal-feature-label{margin-bottom:14px;font-size:10px}
  .journal-magazine .journal-feature .journal-entry-meta{font-size:10px;line-height:1.5;margin-bottom:12px}
  .journal-magazine .journal-feature h3{font-size:clamp(27px,7.8vw,36px);margin-bottom:13px}
  .journal-magazine .journal-feature p{font-size:15px;line-height:1.6;margin-bottom:16px}
  .journal-magazine .journal-archive{padding-bottom:42px}
}
@media(max-width:360px){
  .journal-magazine .journal-card>a{padding:16px;gap:12px;grid-template-columns:72px minmax(0,1fr)}
  .journal-magazine .journal-visual{width:72px;min-height:72px}
  .journal-magazine .journal-card h3{font-size:20px}
  .journal-magazine .journal-feature>a{grid-template-columns:minmax(0,1fr);padding:0;gap:0}
  .journal-magazine .journal-feature .journal-visual{width:100%}
  .journal-magazine .journal-feature .journal-card-copy{padding:22px 20px}
  .journal-magazine .journal-feature h3{font-size:27px}
}
@media(max-width:280px){
  .journal-magazine .journal-card>a{grid-template-columns:minmax(0,1fr)}
  .journal-magazine .journal-visual{width:88px}
  .journal-magazine .journal-feature .journal-visual{width:100%}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .journal-magazine .journal-card{transition:box-shadow .22s ease,transform .22s ease}
  .journal-magazine .journal-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #11131a0b}
}
@media print{
  .journal-magazine .journal-entries{display:block}
  .journal-magazine .journal-card{margin-bottom:16px;break-inside:avoid;box-shadow:none}
  .journal-magazine .journal-card p{display:block;overflow:visible}
}