/* BaseballContext — směr C: sportovní noviny. Novinový papír, černá a signální červená, rastrová fotografie, box score. */
:root{
  --paper:#ECEAE3;--ink:#141414;--red:#D2231B;--red-h:#B11A13;--grey:#55524C;--grey2:#3E3B36;--dash:#8A867D;--field:#F7F6F1;
  --display:"Anton",Impact,"Arial Narrow",sans-serif;
  --label:"Barlow Condensed","Arial Narrow",sans-serif;
  --body:"Spectral",Georgia,"Noto Serif JP",serif;
  --kanji:"Noto Serif JP","Noto Serif CJK JP",serif;
}
html[lang=ja]{
  --display:"Anton","Noto Sans JP",sans-serif;
  --label:"Barlow Condensed","Noto Sans JP",sans-serif;
  --body:"Spectral","Noto Serif JP",serif;
  font-synthesis:none;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}
body{margin:0;font-synthesis-style:none;background:var(--paper) url("../img/papir.jpg") repeat;color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%}
a{color:var(--ink)}
a:hover{color:var(--red-h)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.red{color:var(--red)}
.wrap{max-width:1280px;margin:0 auto;padding:0 clamp(16px,3.5vw,44px)}
.skip{position:absolute;left:-9999px;top:8px;background:var(--ink);color:var(--paper);padding:8px 14px;font-family:var(--label);font-weight:700;letter-spacing:.1em;text-transform:uppercase;z-index:10}
.skip:focus{left:12px;color:var(--paper)}
.label{font-family:var(--label);font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.kicker{font-family:var(--label);font-weight:700;font-size:17px;letter-spacing:.2em;text-transform:uppercase;color:var(--red-h)}
html[lang=ja] .kicker{letter-spacing:.12em}

/* top bar */
.topbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 24px;padding:12px 0 10px;border-bottom:1px solid var(--ink);font-family:var(--label);font-weight:600;font-size:15px;letter-spacing:.14em;text-transform:uppercase}
html[lang=ja] .topbar{letter-spacing:.08em}
.topbar .author{color:var(--red-h)}
.langs{display:flex;gap:2px}
.langs a{display:inline-flex;align-items:center;min-height:30px;padding:0 9px;text-decoration:none;border:1px solid transparent}
.langs a[aria-current]{background:var(--ink);color:var(--paper)}
.langs a:not([aria-current]):hover{border-color:var(--ink);color:var(--ink)}

/* masthead */
.masthead{padding:14px 0 0;text-align:center}
.masthead .brand{display:block;text-decoration:none;color:var(--ink);font-family:"Anton",Impact,sans-serif;font-size:clamp(60px,10.5vw,160px);line-height:.95;letter-spacing:.015em;text-transform:uppercase}
.masthead.small .brand{font-size:clamp(44px,6.4vw,92px)}
.masthead .brand:hover{color:var(--ink)}
.dbl{margin-top:10px;border-top:6px solid var(--ink);border-bottom:1px solid var(--ink);height:10px}
.subrow{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding:10px 0;border-bottom:1px solid var(--ink);text-align:left}
.subrow .tag{font-style:italic;font-size:17px}
html[lang=ja] .subrow .tag{font-style:normal;font-size:15.5px}
.mainnav{display:flex;flex-wrap:wrap;gap:4px 22px;font-family:var(--label);font-weight:700;font-size:17px;letter-spacing:.12em;text-transform:uppercase}
html[lang=ja] .mainnav{letter-spacing:.06em;font-size:16px}
.mainnav a{text-decoration:none;padding:4px 0;border-bottom:3px solid transparent}
.mainnav a[aria-current]{border-bottom-color:var(--red)}

/* home */
.lead{padding:clamp(32px,4vw,56px) 0 36px;border-bottom:1px solid var(--ink);display:flex;flex-direction:column;gap:18px}
.lead h1{margin:0;padding-top:.06em;font-family:var(--display);font-weight:400;font-size:clamp(60px,9.6vw,150px);line-height:.9;text-transform:uppercase;letter-spacing:.005em;text-wrap:balance}
html[lang=ja] .lead h1{font-weight:900;font-size:clamp(40px,6.4vw,96px);line-height:1.12;letter-spacing:0}
.lead .dek{margin:0;max-width:34em;font-style:italic;font-size:clamp(21px,2.3vw,30px);line-height:1.3}
html[lang=ja] .lead .dek{font-style:normal;font-size:clamp(18px,1.9vw,24px);line-height:1.7;max-width:38em}
.byline{display:flex;flex-wrap:wrap;gap:4px 18px;font-family:var(--label);font-weight:600;font-size:16px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey2)}
html[lang=ja] .byline{letter-spacing:.06em}
.byline .who{color:var(--ink);font-weight:700}
.split{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--ink)}
.split>figure{flex:999 1 640px;min-width:0;margin:0;padding:28px 28px 28px 0;border-right:1px solid var(--ink);display:flex;flex-direction:column;gap:10px}
.split>aside{flex:1 1 300px;min-width:0;padding:28px 0 28px 28px}
@media (max-width:980px){.split>figure{padding-right:0;border-right:0}.split>aside{padding-left:0;padding-top:0}}
.halftone{position:relative;overflow:hidden;background:var(--ink)}
.halftone img{display:block}
.halftone img{display:block;width:100%;height:auto;filter:grayscale(1)}
.hero-img img{aspect-ratio:16/9;object-fit:cover}
.art-hero .hero-img img{aspect-ratio:2/1;object-position:50% 40%}
.cap{font-family:var(--label);font-weight:500;font-size:15px;letter-spacing:.04em;line-height:1.35;color:var(--grey2)}
.cap b{font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:.08em}
h2.boxhead{margin:0 0 12px;font-family:var(--display);font-weight:400;font-size:34px;text-transform:uppercase;border-bottom:4px solid var(--ink);padding-bottom:6px}
html[lang=ja] h2.boxhead{font-weight:900;font-size:28px}
.toclist a,.toclist .empty{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--ink);text-decoration:none;color:var(--ink)}
.toclist .num{font-family:"Anton",Impact,sans-serif;font-size:30px;line-height:1;color:var(--red)}
.toclist .t{display:flex;flex-direction:column;gap:3px}
.toclist .tt{font-family:var(--label);font-weight:700;font-size:20px;line-height:1.1;text-transform:uppercase}
html[lang=ja] .toclist .tt{font-size:18px;line-height:1.4}
.toclist .tl{font-size:15px;line-height:1.4;color:var(--grey)}
.toclist a:hover .tt{color:var(--red-h)}
.toclist .empty{border-bottom:1px dashed var(--dash);color:var(--dash)}
.toclist .empty .num{color:var(--dash)}
.toclist .empty .tt{font-weight:600;font-size:18px;letter-spacing:.1em}
.intro{padding:32px 0 40px;border-bottom:1px solid var(--ink);display:flex;flex-direction:column;gap:22px}
.cols{columns:3 280px;column-gap:36px;column-rule:1px solid var(--ink);font-size:17.5px;line-height:1.6;text-align:justify;hyphens:auto}
.cols p{margin:0 0 14px}
html[lang=ja] .cols{font-size:16.5px;line-height:1.95;columns:3 300px}
.drop::first-letter{float:left;font-family:"Anton",Impact,sans-serif;font-size:4.6em;line-height:.85;padding:6px 10px 0 0;color:var(--red)}
html[lang=ja] .drop::first-letter{font-family:"Noto Serif JP",serif;font-weight:900;font-size:3.4em;line-height:1;padding:4px 8px 0 0}
.btn{align-self:flex-start;display:inline-flex;align-items:center;gap:12px;min-height:50px;padding:0 22px;border:3px solid var(--ink);background:transparent;color:var(--ink);text-decoration:none;font-family:var(--label);font-weight:700;font-size:19px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,color .2s ease}
.btn:hover{background:var(--ink);color:var(--paper)}
.btn.solid{background:var(--red);border-color:var(--red);color:#fff}
.btn.solid:hover{background:var(--red-h);border-color:var(--red-h);color:#fff}
html[lang=ja] .btn{letter-spacing:.06em;font-size:17px}
.secblock{padding:40px 0;border-bottom:1px solid var(--ink);display:flex;flex-direction:column;gap:18px}
.sechead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px;border-bottom:6px solid var(--ink);padding-bottom:6px}
.sechead h2{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(36px,4.2vw,56px);text-transform:uppercase;line-height:1}
html[lang=ja] .sechead h2{font-weight:900;font-size:clamp(28px,3.2vw,42px)}
.sechead .aside{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 22px;font-family:var(--label);font-weight:600;font-size:16px;letter-spacing:.12em;text-transform:uppercase}

/* glossary cards */
.terms{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:0 28px}
.term{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:start;padding:14px 0;border-bottom:1px solid var(--ink)}
.term .tk{font-family:var(--kanji);font-weight:900;font-size:34px;line-height:1.1;text-align:center;padding-top:2px;word-break:break-all}
.term .tk.l3{font-size:24px}.term .tk.l5{font-size:18px}
.term .tk.lat{font-family:"Anton",Impact,sans-serif;font-weight:400;color:var(--red);font-size:34px}
.term .tb{display:flex;flex-direction:column;gap:2px;min-width:0}
.term .tn{font-family:var(--label);font-weight:700;font-size:21px;line-height:1.15;text-transform:uppercase}
html[lang=ja] .term .tn{font-size:18px;line-height:1.45}
.term .ts{font-size:14.5px;font-style:italic;color:var(--grey)}
.term .td{font-size:15.5px;line-height:1.45;color:var(--grey2)}
html[lang=ja] .term .td{line-height:1.75}

/* about / coupon */
.coupon{border:3px dashed var(--ink);padding:clamp(22px,3vw,36px);display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:24px 48px;position:relative;margin:44px 0 56px}
.coupon .scis{position:absolute;top:-15px;left:24px;background:var(--paper);padding:0 10px;display:flex}
.coupon .c1{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:10px}
.coupon .c2{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:10px}
.coupon h2{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(40px,4.8vw,66px);line-height:1;text-transform:uppercase}
html[lang=ja] .coupon h2{font-weight:900}
.creds{list-style:none;margin:6px 0 0;padding:0;border-top:1px solid var(--ink)}
.creds li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--ink);font-family:var(--label);font-weight:700;font-size:20px;line-height:1.2;letter-spacing:.04em}
html[lang=ja] .creds li{font-size:17px;line-height:1.5;letter-spacing:.02em}
.creds li::before{content:"";width:12px;height:12px;background:var(--red);transform:translateY(-1px)}
.mailbox{display:flex;flex-direction:column;gap:8px}
.mailbox .ml{font-family:var(--label);font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase}
.mailbox .addr{display:block;min-height:54px;padding:12px 16px;background:var(--field);border:2px solid var(--ink);font-family:var(--body);font-size:clamp(18px,2vw,22px);overflow-wrap:anywhere;user-select:all}
.mailbox .acts{display:flex;flex-wrap:wrap;gap:10px}
.mailbox .acts .btn{min-height:48px;font-size:17px}
.copied{font-family:var(--label);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:15px;color:var(--red-h);min-height:1.4em}

/* inner page header */
.pagehead{padding:clamp(28px,4vw,52px) 0 26px;border-bottom:1px solid var(--ink);display:flex;flex-direction:column;gap:14px}
.pagehead h1{margin:0;padding-top:.06em;font-family:var(--display);font-weight:400;font-size:clamp(46px,7.4vw,112px);line-height:.92;text-transform:uppercase;text-wrap:balance}
html[lang=ja] .pagehead h1{font-weight:900;font-size:clamp(34px,5.4vw,76px);line-height:1.15}
.pagehead .dek{margin:0;max-width:40em;font-size:clamp(19px,1.9vw,24px);line-height:1.4;font-style:italic}
html[lang=ja] .pagehead .dek{font-style:normal;line-height:1.7}
.note{font-size:16px;line-height:1.55;color:var(--grey2);max-width:52em}

/* article */
.art-hero{margin:0;padding:28px 0 22px;border-bottom:1px solid var(--ink);display:flex;flex-direction:column;gap:10px}
.art-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:12px 0 48px}
@media (min-width:1100px){.art-grid{grid-template-columns:260px minmax(0,740px);gap:64px;justify-content:center}}
.toc{font-family:var(--label)}
.toc details{border-bottom:1px solid var(--ink)}
.toc summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:14px 0;font-weight:700;font-size:17px;letter-spacing:.16em;text-transform:uppercase}
.toc summary::-webkit-details-marker{display:none}
.toc summary::after{content:"+";font-family:"Anton",Impact,sans-serif;font-size:24px;color:var(--red)}
.toc details[open] summary::after{content:"−"}
.toc ol{list-style:none;margin:0;padding:0 0 12px}
.toc li a{display:block;padding:8px 0 8px 12px;border-left:3px solid transparent;text-decoration:none;font-size:16.5px;line-height:1.2;font-weight:600}
html[lang=ja] .toc li a{font-size:15px;line-height:1.45}
.toc li a .k{display:block;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--red-h);font-weight:700}
.toc li a.on{border-left-color:var(--red)}
.toc .extra{border-top:1px solid var(--ink);margin-top:6px;padding-top:6px}
@media (min-width:1100px){
  .toc{position:sticky;top:18px;align-self:start;max-height:calc(100vh - 36px);overflow:auto;padding-top:14px}
  .toc summary{pointer-events:none}
  .toc summary::after{display:none}
}
.art-body{min-width:0;font-size:19px;line-height:1.7}
html[lang=ja] .art-body{font-size:17.5px;line-height:2;letter-spacing:.02em;line-break:strict}
.art-body p{margin:0 0 1.05em}
.art-body .drop::first-letter{font-size:4.2em}
.sec{scroll-margin-top:12px}
.sec-head{clear:both;border-top:6px solid var(--ink);padding-top:12px;margin:58px 0 24px;display:flex;flex-direction:column;gap:6px}
.sec:first-child .sec-head{margin-top:24px}
.sec-head h2{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(30px,3.4vw,46px);line-height:1.02;text-transform:uppercase;letter-spacing:.005em;text-wrap:balance}
html[lang=ja] .sec-head h2{font-weight:900;font-size:clamp(24px,2.6vw,34px);line-height:1.4;letter-spacing:.02em}
.cite{font-family:var(--label);font-weight:600;font-size:.78em;letter-spacing:.02em;color:var(--grey);white-space:normal}
.cite a{color:var(--red-h);text-decoration:none}
.cite a:hover{text-decoration:underline}
blockquote.q{margin:30px 0;padding:16px 0 14px 22px;border-left:6px solid var(--red);clear:none}
.q p{margin:0 0 10px}
.q .qo{font-style:italic;font-size:1.08em;line-height:1.55}
.q .qo.cjk{font-style:normal;font-family:var(--kanji);font-size:1.02em}
.q .qo.cjk i{font-style:normal}
html[lang=ja] .q .qo{font-style:normal}
.q .qt{font-size:.94em}
.q .qa{font-family:var(--label);font-weight:600;font-size:15px;letter-spacing:.04em;line-height:1.4;color:var(--grey)}
.fig{margin:6px 0 18px;width:40%}
.fig.p{width:33%}
.fig.right{float:right;margin-left:28px}
.fig.left{float:left;margin-right:28px}
.fig figcaption{margin-top:8px}
.fig-pair{clear:both;display:flex;gap:18px;margin:12px 0 26px}
.fig-pair .fig{flex:1 1 0;width:auto;margin:0;float:none}
@media (max-width:700px){
  .fig.right,.fig.left{float:none;width:100%;max-width:420px;margin:22px auto}
  .fig.p{max-width:300px}
}
.clear{clear:both}
/* diagram */
.diagram{clear:both;margin:30px 0 32px}
.dg{position:relative;container-type:inline-size;background:#EFE8DC;border:1px solid var(--ink)}
.dg-img{max-width:230px;margin:0 auto;aspect-ratio:652/1086;overflow:hidden}
.dg-img img{display:block;width:222%;max-width:none;height:auto}
.dg-labels{list-style:none;margin:0;padding:6px 16px 14px}
.dg-labels li{padding:10px 0;border-top:1px dotted var(--grey)}
.dg-k{font-family:var(--kanji);font-weight:900;font-size:24px;line-height:1.1;margin-right:10px}
.dg-r{font-family:var(--label);font-weight:700;font-size:18px;letter-spacing:.14em;text-transform:uppercase}
.dg-d{display:block;font-size:15.5px;line-height:1.45;margin-top:4px;color:var(--grey2)}
.dg-d.inline{display:inline;margin:0;font-size:17px}
@container (min-width:520px){
  .dg-img{max-width:none;aspect-ratio:auto;overflow:visible}
  .dg-img img{width:100%}
  .dg-labels{padding:0}
  .dg-labels li{position:absolute;left:45.4%;width:52.5%;padding:0;border:0}
  .dg-k{font-size:3.15cqw;margin-right:1.1cqw}
  .dg-r{font-size:2.35cqw}
  .dg-d{font-size:2.02cqw;margin-top:.5cqw;line-height:1.4}
  .dg-d.inline{font-size:2.2cqw}
}
html[lang=ja] .dg-d{line-height:1.6}
/* stats table */
.tablewrap{overflow-x:auto;margin:6px 0 10px;border-top:4px solid var(--ink)}
table.stats{width:100%;border-collapse:collapse;font-family:var(--label);font-size:16.5px;line-height:1.25;font-variant-numeric:tabular-nums}
.stats th{background:var(--ink);color:var(--paper);text-align:left;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:9px 10px;font-size:14.5px}
.stats td{padding:9px 10px;border-bottom:1px solid var(--ink);vertical-align:top}
.stats tbody tr:nth-child(even){background:rgba(20,20,20,.045)}
.stats td:first-child{font-weight:700;white-space:nowrap}
.stats td:nth-child(3){white-space:nowrap}
.tnote{font-family:var(--label);font-weight:500;font-size:14.5px;letter-spacing:.03em;color:var(--grey2);line-height:1.4}
/* references */
.refs-intro p{font-size:16.5px;line-height:1.6;color:var(--grey2);margin:0 0 12px}
ol.refs{list-style:none;margin:16px 0 0;padding:0;border-top:4px solid var(--ink)}
.refs li{display:grid;grid-template-columns:50px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid var(--ink);font-size:15.5px;line-height:1.5;scroll-margin-top:12px}
html[lang=ja] .refs li{line-height:1.75}
.refs .rn{font-family:"Anton",Impact,sans-serif;font-size:20px;line-height:1.2;color:var(--red)}
.refs li:target{background:rgba(210,35,27,.09)}
.refs .ext{font-family:var(--label);font-weight:700;font-size:14px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--red-h);text-decoration:none;margin-left:6px}
.refs .ext:hover{text-decoration:underline}
.totop{display:inline-block;margin-top:26px;font-family:var(--label);font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;font-size:16px}
/* people */
.jump{display:flex;flex-wrap:wrap;gap:8px 18px;font-family:var(--label);font-weight:600;font-size:16px;letter-spacing:.1em;text-transform:uppercase}
.group{padding:34px 0 10px}
.group h2{margin:0 0 6px;font-family:var(--display);font-weight:400;font-size:clamp(28px,3vw,40px);line-height:1.05;text-transform:uppercase;border-bottom:6px solid var(--ink);padding-bottom:8px}
html[lang=ja] .group h2{font-weight:900;font-size:clamp(22px,2.4vw,30px);line-height:1.4}
.ents{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:0 32px}
.ent{padding:12px 0;border-bottom:1px solid var(--ink)}
.ent .en{font-family:var(--label);font-weight:700;font-size:20px;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}
html[lang=ja] .ent .en{font-size:18px}
.ent .ep{font-size:14.5px;color:var(--grey)}
.ent .ed{display:block;font-size:15.5px;line-height:1.5;color:var(--grey2);margin-top:3px}
/* footer */
.foot{background:var(--ink);color:var(--paper);margin-top:0}
.foot .wrap{padding-top:22px;padding-bottom:22px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-family:var(--label);font-weight:600;font-size:16px;letter-spacing:.1em;text-transform:uppercase}
html[lang=ja] .foot .wrap{letter-spacing:.05em}
.foot a{color:var(--paper);text-decoration:none}
.foot a:hover{color:#fff;text-decoration:underline}
.foot .langs a[aria-current]{background:var(--paper);color:var(--ink)}
.foot .langs a:not([aria-current]):hover{border-color:var(--paper);color:var(--paper)}
@media (prefers-reduced-motion:reduce){.btn{transition:none}html{scroll-behavior:auto}}
@media print{.topbar .langs,.mainnav,.toc,.foot,.skip{display:none}.halftone::after{display:none}body{background:#fff}}

html[lang=cs] .lead h1{line-height:1.2}
html[lang=cs] .pagehead h1{line-height:1.26}
html[lang=cs] .sec-head h2,html[lang=cs] .sechead h2,html[lang=cs] .group h2{line-height:1.2}
html[lang=cs] .coupon h2{line-height:1.08}
html[lang=ja] .lead h1,html[lang=ja] .pagehead h1,html[lang=ja] .sec-head h2{text-spacing-trim:trim-start}
html[lang=ja] .creds li{word-break:normal;line-break:strict}
.nw{white-space:nowrap}
.bouten{font-style:normal;-webkit-text-emphasis:filled sesame;text-emphasis:filled sesame}
html:not([lang=ja]) .q .qo em{font-style:normal}
html[lang=ja] .q .qo em{font-style:italic;font-synthesis:none}

/* ---- newsprint layer: paper, ink, flags, rules ---- */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 40%,transparent 55%,rgba(110,92,55,.07) 100%)}
body>*{position:relative;z-index:1}
.skip{z-index:10}
.masthead .brand,.lead h1,.pagehead h1,.sec-head h2,.sechead h2,.group h2,.coupon h2{text-shadow:0 0 .6px rgba(20,20,20,.55),0 0 1.4px rgba(20,20,20,.18)}
.topbar .folio{color:var(--red-h)}
.mastrow{position:relative;display:flex;justify-content:center;align-items:center}
.ear{display:none}
@media (min-width:1100px){
  .masthead:not(.small) .brand{font-size:clamp(80px,7.3vw,108px)}
  .ear{display:flex;flex-direction:column;gap:4px;position:absolute;top:50%;transform:translateY(-50%);width:clamp(132px,12vw,168px);padding:9px 11px 10px;border:2px solid var(--ink);text-decoration:none;text-align:left;font-family:var(--label);background:rgba(255,255,255,.22)}
  .ear::before{content:"";position:absolute;inset:3px;border:1px solid var(--ink);pointer-events:none}
  .ear.left{left:0}.ear.right{right:0}
  .ear .et{font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--red-h)}
  .ear .eb{font-weight:700;font-size:17px;line-height:1.15;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}
  .ear:hover .eb{color:var(--red-h)}
}
.dbl{border-top-width:7px}
/* flags */
.lead>.kicker{align-self:flex-start;background:var(--red);color:#fff;padding:5px 10px 4px}
.sec-head .kicker,.pagehead>.kicker,.coupon .kicker{align-self:flex-start;background:var(--ink);color:var(--paper);padding:4px 9px 3px;letter-spacing:.16em}
html[lang=ja] .lead>.kicker,html[lang=ja] .sec-head .kicker,html[lang=ja] .pagehead>.kicker,html[lang=ja] .coupon .kicker{letter-spacing:.08em}
/* thick + thin rules */
.sec-head{padding-top:16px;background:linear-gradient(var(--ink),var(--ink)) 0 4px/100% 1px no-repeat}
.sechead{position:relative;margin-bottom:6px}
.sechead::after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:1px;background:var(--ink)}
.group h2{position:relative;margin-bottom:12px}
.group h2::after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:1px;background:var(--ink)}
h2.boxhead{border-bottom-width:5px;position:relative;margin-bottom:16px}
h2.boxhead::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;background:var(--ink)}
/* article typography */
@media (min-width:700px){
  html:not([lang=ja]) .art-body p{text-align:justify;-webkit-hyphens:auto;hyphens:auto}
  html[lang=ja] .art-body p{text-align:justify}
}
html:not([lang=ja]) .art-body .drop::first-line{font-variant-caps:small-caps;letter-spacing:.05em}
@media (min-width:1100px){.toc{border-right:1px solid var(--ink);padding-right:22px}}
.endmark{display:inline-block;width:.6em;height:.6em;background:var(--red);margin-left:.35em;vertical-align:-.02em}
/* pull quotes */
blockquote.q{border-left:0;border-top:4px solid var(--ink);border-bottom:1px solid var(--ink);padding:18px 0 14px 60px;position:relative;margin:36px 0}
blockquote.q::before{content:"“";position:absolute;left:0;top:6px;font-family:"Anton",Impact,sans-serif;font-size:86px;line-height:.8;color:var(--red)}
html[lang=cs] blockquote.q::before{content:"„";top:-34px}
.q .qa::before{content:"— "}
/* photos */
.fig .halftone,.art-hero .halftone,.split .halftone{box-shadow:0 0 0 1px var(--ink)}
.fig figcaption{border-top:1px solid var(--ink);padding-top:5px;margin-top:9px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;font-size:13.5px;color:var(--ink)}
.fig figcaption::before,.art-hero .cap::before,.split .cap::before,.diagram .cap::before{content:"";display:inline-block;width:8px;height:8px;background:var(--red);margin-right:7px;vertical-align:.08em}
html[lang=ja] .fig figcaption{letter-spacing:.04em}
/* numbers box */
.numbers{margin-top:24px;border:3px solid var(--ink);padding:12px 14px 4px;background:rgba(255,255,255,.22);position:relative}
.numbers::before{content:"";position:absolute;inset:3px;border:1px solid var(--ink);pointer-events:none}
.numbers h3{margin:0 0 4px;font-family:var(--display);font-weight:400;font-size:24px;text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid var(--ink);padding-bottom:6px}
html[lang=ja] .numbers h3{font-weight:900;font-size:20px}
.numbers ul{list-style:none;margin:0;padding:0}
.numbers li{display:grid;grid-template-columns:78px 1fr;gap:10px;align-items:baseline;padding:7px 0;border-bottom:1px dotted var(--grey)}
.numbers li:last-child{border-bottom:0}
.numbers .nn{font-family:"Anton",Impact,sans-serif;font-size:30px;line-height:1;color:var(--red);text-align:right}
.numbers .nn small{font-family:var(--label);font-size:14px;font-weight:700;color:var(--ink);margin-left:2px}
.numbers .nl{font-family:var(--label);font-weight:700;font-size:16px;letter-spacing:.08em;text-transform:uppercase;line-height:1.2}
html[lang=ja] .numbers .nl{letter-spacing:.02em}
/* continued line */
.controw{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px}
.cont{font-family:var(--label);font-weight:600;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey);font-style:italic}
html[lang=ja] .cont{font-style:normal;letter-spacing:.04em}
/* coupon looks clipped */
.coupon{background:rgba(255,255,255,.2)}
.cols{column-rule-width:1px}
@media print{body::before{display:none}}
.cj{display:inline-block;text-indent:0}
.q p{text-align:left!important;-webkit-hyphens:manual!important;hyphens:manual!important}
.split>figure .numbers{margin-top:14px}
.split>figure .numbers ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.split>figure .numbers li{grid-template-columns:1fr;gap:2px;padding:8px 10px 6px;border-bottom:0;border-left:1px solid var(--ink);text-align:left;align-items:start}
.split>figure .numbers li:first-child{border-left:0;padding-left:0}
.split>figure .numbers .nn{text-align:left;font-size:34px}
.split>figure .numbers .nl{font-size:14.5px}
@media (max-width:640px){.split>figure .numbers ul{grid-template-columns:repeat(2,minmax(0,1fr))}.split>figure .numbers li{border-left:0;border-top:1px dotted var(--grey)}}
@media (max-width:640px){.split>figure .numbers li,.split>figure .numbers li:first-child{padding-left:0}}
.topbar .langs{margin-left:auto}
.signoff{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 18px;margin:22px 0 0!important;padding-top:10px;border-top:1px solid var(--ink);font-family:var(--label);font-weight:600;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey2);text-align:right!important}
.signoff .who{color:var(--ink);font-weight:700}
html[lang=ja] .signoff{letter-spacing:.05em}
.coupon .c1>p{line-height:1.55}