@charset "UTF-8";
:root {
  --ink:#1d201e;
  --muted:#565d58;
  --paper:#f1eee7;
  --pale:#e9e5dc;
  --rule:#bdbeb6;
  --accent:#c7482f;
  --dark:#252f2b;
  --white:#fffdf9;
  --serif:"Hiragino Mincho ProN","Yu Mincho","Noto Serif CJK JP",serif;
  --sans:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font:15px/1.8 var(--sans); -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
a:hover { color:var(--accent); }
button,input { font:inherit; }
button { cursor:pointer; }
::selection { background:#d7a397; color:var(--ink); }
:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
[hidden] { display:none !important; }
.container { width:min(1220px,calc(100% - 88px)); margin:0 auto; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:absolute; z-index:100; background:#fff; padding:.5rem 1rem; left:1rem; top:-5rem; }
.skip-link:focus { top:.5rem; }
.masthead { border-bottom:1px solid var(--ink); background:var(--paper); }
.masthead__inner { max-width:1400px; padding:0 44px; height:86px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.wordmark { display:inline-flex; flex-direction:column; gap:0; line-height:1.16; }
.wordmark__jp { font-family:var(--serif); font-size:31px; font-weight:800; letter-spacing:-.075em; }
.wordmark__en { font:bold 9px/1.3 Arial,sans-serif; letter-spacing:.15em; margin-top:5px; }
.global-nav { display:flex; gap:2.5rem; font-weight:700; font-size:13px; }
.global-nav a { padding:12px 0; }
.ticker { display:flex; justify-content:space-between; border-bottom:1px solid var(--rule); padding:17px 0 14px; font-size:11px; font-weight:700; letter-spacing:.11em; }
.ticker__right { color:var(--muted); letter-spacing:0; }
.hero { display:grid; grid-template-columns:minmax(0,1.17fr) minmax(0,.83fr); min-height:675px; border-bottom:1px solid var(--ink); }
.hero__left { padding:67px 35px 45px 0; display:flex; flex-direction:column; align-items:flex-start; }
.edition { display:inline-block; font:700 11px/1.4 Arial,sans-serif; letter-spacing:.17em; color:var(--accent); margin-bottom:38px; }
.hero h1 { margin:0; font:800 clamp(58px,6.9vw,112px)/1.18 var(--serif); letter-spacing:-.08em; }
.hero h1 em { color:var(--accent); font-style:normal; }
.hero__lead { font-size:19px; line-height:2.1; font-weight:700; margin:39px 0 0; }
.hero__minor { color:var(--muted); margin:18px 0 27px; font-size:14px; }
.text-link { display:inline-flex; align-items:center; border-bottom:2px solid currentColor; padding:0 0 7px; gap:34px; font-weight:800; }
.text-link span { font-size:23px; line-height:1; }
.hero__right { border-left:1px solid var(--ink); display:flex; flex-direction:column; }
.graphic { height:388px; background:var(--dark); overflow:hidden; position:relative; color:#f0efe7; flex-shrink:0; }
.graphic__ring { width:240px; height:240px; border:2px solid #f2efe7; border-radius:50%; position:absolute; left:50%; top:44%; transform:translate(-50%,-50%); }
.graphic__ring::before,.graphic__ring::after { content:""; position:absolute; border:1px solid #f2efe7; inset:19px; border-radius:50%; opacity:.55; }
.graphic__ring::after { inset:38px; opacity:.32; }
.graphic__slash { display:block; width:18px; height:420px; transform:rotate(44deg); background:var(--accent); position:absolute; top:-16px; left:57%; }
.graphic__dot { width:27px; height:27px; border-radius:50%; background:var(--paper); position:absolute; top:48px; right:42px; }
.graphic__note { position:absolute; left:22px; bottom:24px; color:#ddd8cc; font:bold 10px/1.7 Arial,sans-serif; letter-spacing:.12em; }
.hero__categories { flex:1; display:flex; flex-direction:column; }
.hero__categories a { display:grid; grid-template-columns:34px 1fr auto; grid-template-rows:auto auto; column-gap:9px; flex:1; align-content:center; padding:16px 26px; border-top:1px solid var(--rule); transition:background-color .18s; }
.hero__categories a:hover { background:#e6dfd3; color:var(--ink); }
.hero__categories a span:first-child { grid-row:1 / 3; color:var(--accent); font:bold 11px/2 Arial,sans-serif; }
.hero__categories strong { font:800 26px/1.3 var(--serif); }
.hero__categories small { font-size:12px; color:var(--muted); margin-top:2px; }
.hero__categories .hero__categories__arrow { grid-column:3; grid-row:1 / 3; align-self:center; font-size:26px; }
.feature { padding:75px 0 87px; }
.feature__rail { display:flex; justify-content:space-between; border-bottom:1px solid var(--ink); padding-bottom:14px; font-size:11px; font-weight:800; letter-spacing:.08em; }
.feature__story { display:grid; grid-template-columns:36% 64%; border-bottom:1px solid var(--ink); min-height:310px; background:var(--pale); transition:background .18s; }
.feature__story:hover { background:#e3ddd3; color:var(--ink); }
.feature__accent { background:var(--accent); color:var(--white); padding:25px 31px; display:flex; align-items:flex-start; justify-content:space-between; flex-direction:column; overflow:hidden; }
.feature__accent>span:first-child { font:800 13px Arial,sans-serif; letter-spacing:.22em; }
.feature__symbol { align-self:flex-end; font:400 clamp(130px,20vw,290px)/.85 Georgia,serif; transform:rotate(12deg); }
.feature__text { padding:30px 47px 35px; display:flex; align-items:flex-start; justify-content:center; flex-direction:column; }
.overline { font-size:12px; font-weight:800; letter-spacing:.08em; color:var(--accent); }
.feature__text h2 { font:800 clamp(26px,3.1vw,44px)/1.35 var(--serif); letter-spacing:-.04em; margin:13px 0 13px; }
.feature__text p { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; max-width:670px; color:var(--muted); line-height:1.9; font-size:14px; margin:0 0 16px; }
.feature__text strong { color:var(--ink); font-size:13px; }
.archive { padding:24px 0 96px; }
.section-heading { display:grid; grid-template-columns:125px auto; align-items:start; gap:24px; padding-bottom:26px; }
.section-heading__index { font:800 12px Arial,sans-serif; color:var(--accent); padding-top:14px; letter-spacing:.15em; }
.section-heading h2 { font:800 clamp(32px,4.1vw,56px)/1.32 var(--serif); letter-spacing:-.05em; margin:0; }
.section-heading p { margin:8px 0 0; color:var(--muted); }
.archive__controls { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:25px; border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); padding:18px 0; }
.search-field { display:flex; align-items:center; min-width:280px; flex:1; max-width:520px; }
.search-field__icon { font:30px/1 Georgia,serif; margin-right:10px; }
.search-field input { background:transparent; color:var(--ink); border:0; border-bottom:1px solid var(--rule); width:100%; min-width:0; padding:11px 3px; border-radius:0; outline-offset:3px; }
.search-field input::placeholder { color:#69706d; }
.topic-pills { display:flex; flex-wrap:wrap; gap:8px; }
.topic-pill { border:1px solid var(--rule); border-radius:0; background:transparent; color:var(--ink); font-weight:700; font-size:12px; min-width:64px; padding:9px 14px; }
.topic-pill:hover { background:#e4ded5; }
.topic-pill.is-active { color:var(--white); background:var(--ink); border-color:var(--ink); }
.archive__list { display:block; }
.story { display:grid; grid-template-columns:65px minmax(0,1fr) 33px; gap:18px; padding:29px 6px 30px 2px; align-items:start; border-bottom:1px solid var(--rule); transition:padding .2s,background .2s; }
.story:hover { padding-left:13px; background:#eae5db; color:var(--ink); }
.story__num { font:700 13px Arial,sans-serif; color:var(--accent); padding-top:9px; }
.story__body { display:flex; flex-direction:column; align-items:flex-start; gap:7px; }
.story__label { font-size:11px; font-weight:800; color:#646a65; letter-spacing:.07em; }
.story__title { font:800 clamp(19px,2vw,27px)/1.5 var(--serif); letter-spacing:-.04em; }
.story__summary { color:var(--muted); font-size:13px; line-height:1.85; }
.story__arrow { font:24px/1.5 Georgia,serif; padding-top:6px; transition:transform .2s; }
.story:hover .story__arrow { transform:translate(4px,-4px); color:var(--accent); }
.empty-results { border-bottom:1px solid var(--rule); padding:40px 0; }
.archive__end { display:flex; justify-content:space-between; color:var(--muted); font-size:12px; padding:17px 0; font-weight:700; }
.manifesto { display:grid; grid-template-columns:32% 1fr; padding:52px 0 95px; border-top:5px solid var(--ink); }
.manifesto__label { font:bold 12px Arial,sans-serif; letter-spacing:.13em; color:var(--accent); }
.manifesto h2 { margin:0; font:800 clamp(35px,4vw,56px)/1.5 var(--serif); letter-spacing:-.07em; }
.manifesto p { max-width:610px; line-height:2.2; margin:23px 0 26px; }
.footer { background:var(--dark); color:#eeede5; padding:65px 0 45px; }
.footer__inner { display:grid; grid-template-columns:1.5fr .7fr .9fr; gap:30px; }
.footer__logo { font:800 32px var(--serif); letter-spacing:-.09em; }
.footer__period { color:#ea715a; }
.footer__inner p { color:#c9cac3; font-size:12px; line-height:2; }
.footer__links { display:flex; flex-direction:column; align-items:flex-start; gap:13px; font-size:13px; }
.footer__copyright { align-self:end; }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding:22px 0; border-bottom:1px solid var(--rule); color:var(--muted); font-size:12px; }
.breadcrumbs a { color:var(--ink); }
.category-page,.article-page,.about-page { min-height:65vh; }
.category-title { padding:63px 0 65px; border-bottom:1px solid var(--ink); }
.category-title>span { font:bold 12px Arial,sans-serif; color:var(--accent); letter-spacing:.13em; }
.category-title h1 { font:800 clamp(70px,11vw,145px)/1.14 var(--serif); letter-spacing:-.09em; margin:12px 0 18px; }
.category-title__point { color:var(--accent); }
.category-title p { font-size:18px; font-weight:700; margin:0; }
.archive--standalone { padding:65px 0 90px; }
.archive--standalone .section-heading { padding-bottom:13px; }
.next-themes { border-top:1px solid var(--ink); padding:35px 0 70px; display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.next-themes span { color:var(--muted); margin-right:10px; font-size:12px; }
.next-themes a { font:700 20px var(--serif); border-bottom:1px solid var(--ink); }
.article-head { padding:65px 0 33px; max-width:990px; }
.article-head h1 { font:800 clamp(40px,5.3vw,76px)/1.45 var(--serif); letter-spacing:-.065em; margin:18px 0 18px; text-wrap:pretty; }
.article-head__dek { font-size:17px; line-height:2; max-width:800px; margin-bottom:40px; }
.article-head__meta { display:flex; flex-wrap:wrap; gap:13px 24px; padding:15px 0; border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); color:var(--muted); font-size:11px; }
.article-layout { display:grid; grid-template-columns:minmax(0,755px) minmax(170px,1fr); column-gap:75px; padding-bottom:80px; }
.article-body { min-width:0; }
.verdict { border-left:6px solid var(--accent); background:#e6e0d5; padding:25px 34px 31px; margin:40px 0 44px; }
.verdict__label { color:var(--accent); font-size:12px; font-weight:900; letter-spacing:.13em; }
.verdict p { font:800 clamp(20px,2.4vw,29px)/1.7 var(--serif); letter-spacing:-.03em; margin:12px 0 0; }
.article-intro { font-size:18px; line-height:2.25; margin:0 0 57px; }
.article-body h2 { font:800 27px/1.5 var(--serif); letter-spacing:-.04em; }
.decision { margin:0 0 66px; }
.decision h2 { padding-bottom:12px; border-bottom:2px solid var(--ink); margin:0 0 0; }
.decision__header,.decision__row { display:grid; grid-template-columns:38% minmax(0,62%); gap:20px; padding:19px 16px; }
.decision__header { font-size:11px; font-weight:800; letter-spacing:.09em; color:var(--muted); padding-top:16px; padding-bottom:10px; }
.decision__row { border-top:1px solid var(--rule); line-height:1.9; }
.decision__row strong { font-size:14px; }
.decision__row p { margin:0; }
.prose-section { margin:0 0 65px; scroll-margin-top:35px; }
.prose-section__count { color:var(--accent); font:bold 12px Arial,sans-serif; }
.prose-section h2 { margin:9px 0 22px; padding-bottom:17px; border-bottom:1px solid var(--rule); }
.prose-section p { margin:0 0 1.5rem; font-size:16px; line-height:2.3; }
.sample { padding:30px 31px; border:1px solid var(--ink); background:#e8e3d9; margin:70px 0; scroll-margin-top:20px; }
.sample__header { display:flex; justify-content:space-between; align-items:center; gap:12px; border-bottom:1px solid var(--rule); padding-bottom:13px; }
.sample__header span { color:var(--accent); font-weight:800; font-size:12px; }
.sample__header button { background:transparent; border:0; border-bottom:1px solid var(--ink); padding:4px 0; font-size:12px; font-weight:700; color:var(--ink); }
.sample h2 { font-size:21px; margin:24px 0 10px; }
.sample blockquote { background:var(--white); margin:0; padding:25px 26px; font-size:16px; line-height:2.15; border-left:3px solid var(--accent); white-space:pre-wrap; }
.sample>p { font-size:12px; color:var(--muted); margin:13px 0 0; }
.boundaries { padding:31px 34px; border-top:4px solid var(--ink); border-bottom:1px solid var(--rule); margin:65px 0; }
.boundaries h2 { margin:0 0 16px; }
.boundaries p { line-height:2; margin:14px 0; padding-left:15px; border-left:2px solid var(--rule); }
.faqs { scroll-margin-top:30px; margin:70px 0; }
.faqs h2 { margin-bottom:20px; }
.faqs details { border-top:1px solid var(--rule); }
.faqs details:last-child { border-bottom:1px solid var(--rule); }
.faqs summary { padding:20px 26px 20px 2px; font-weight:800; cursor:pointer; position:relative; list-style:none; }
.faqs summary::-webkit-details-marker { display:none; }
.faqs summary::after { content:"＋"; position:absolute; right:1px; color:var(--accent); }
.faqs details[open] summary::after { content:"−"; }
.faqs details>div { color:var(--muted); line-height:2; padding:0 15px 22px 15px; }
.references { border-top:1px solid var(--ink); margin:70px 0; padding-top:14px; }
.references h2 { font-size:23px; }
.references>p { font-size:12px; color:var(--muted); }
.references ol { padding-left:24px; }
.references li { padding:7px 0; font-size:13px; word-break:break-word; }
.references a { border-bottom:1px solid var(--rule); }
.article-aside { padding-top:43px; }
.aside__sticky { position:sticky; top:24px; padding:0 0 20px 25px; border-left:1px solid var(--rule); display:flex; flex-direction:column; gap:13px; }
.aside__heading { font-weight:800; font-size:12px; margin-bottom:12px; }
.aside__sticky>a { font-size:12px; color:var(--muted); line-height:1.7; }
.aside__sticky>a:hover { color:var(--accent); }
.aside__aside-note { font-size:12px; background:var(--pale); padding:17px; line-height:1.9; margin-top:22px; }
.aside__aside-note span { display:block; font:bold 11px Arial,sans-serif; letter-spacing:.12em; color:var(--accent); margin-bottom:7px; }
.related { border-top:4px solid var(--ink); padding:25px 0 96px; }
.related__title { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--rule); }
.related__title h2 { font:800 29px var(--serif); }
.related__title span { font:bold 11px Arial,sans-serif; letter-spacing:.12em; color:var(--accent); }
.story--compact { padding:18px 0; }
.story--compact .story__title { font-size:21px; }
.story--compact .story__summary { display:none; }
.about-hero { padding:70px 0 65px; border-bottom:1px solid var(--ink); }
.about-hero>span { color:var(--accent); font:800 12px Arial,sans-serif; letter-spacing:.14em; }
.about-hero h1 { font:800 clamp(42px,7vw,86px)/1.45 var(--serif); letter-spacing:-.07em; margin:12px 0 20px; }
.about-hero>p { font-size:18px; max-width:700px; }
.about-content { max-width:900px; margin:0 auto; padding:35px 0 85px; }
.about-content section { display:grid; grid-template-columns:230px 1fr; gap:25px; border-bottom:1px solid var(--rule); padding:32px 0; }
.about-content h2 { font:800 22px var(--serif); margin:0; }
.about-content p { font-size:15px; line-height:2.25; margin:0; }
.about-end { padding:0 0 90px; }
.about-end a { border-bottom:2px solid var(--ink); font-weight:800; padding-bottom:7px; }
@media (max-width:1050px) {
 .container { width:min(100% - 56px,1150px); }
 .hero { min-height:590px; }
 .hero h1 { font-size:clamp(60px,7.8vw,86px); }
 .hero__lead { font-size:16px; }
 .graphic { height:345px; }
 .article-layout { grid-template-columns:minmax(0,1fr) 210px; gap:35px; }
}
@media (max-width:760px) {
 .masthead__inner { padding:0 22px; height:72px; }
 .wordmark__jp { font-size:24px; }
 .wordmark__en { font-size:8px; }
 .global-nav { gap:16px; font-size:11px; }
 .container { width:calc(100% - 36px); }
 .ticker { font-size:10px; }
 .hero { display:flex; flex-direction:column; min-height:0; }
 .hero__left { padding:42px 0 55px; }
 .edition { font-size:9px; margin-bottom:26px; }
 .hero h1 { font-size:clamp(57px,12.5vw,85px); }
 .hero__lead { font-size:16px; margin-top:26px; }
 .hero__minor { margin-bottom:21px; font-size:12px; }
 .hero__right { border-left:0; border-top:1px solid var(--ink); display:grid; grid-template-columns:41% 59%; }
 .graphic { height:auto; min-height:284px; }
 .graphic__ring { width:170px; height:170px; }
 .graphic__slash { height:320px; width:13px; }
 .graphic__dot { top:23px; right:15px; width:18px; height:18px; }
 .graphic__note { font-size:8px; }
 .hero__categories a { padding:15px; grid-template-columns:25px 1fr 14px; gap:4px; }
 .hero__categories strong { font-size:20px; }
 .hero__categories small { font-size:11px; line-height:1.5; }
 .hero__categories .hero__categories__arrow { font-size:16px; }
 .feature { padding:56px 0 60px; }
 .feature__story { grid-template-columns:31% 69%; min-height:255px; }
 .feature__text { padding:20px; }
 .feature__text h2 { font-size:25px; }
 .feature__text p { font-size:12px; line-height:1.75; }
 .feature__symbol { font-size:150px; }
 .feature__accent { padding:17px; }
 .feature__accent>span:first-child { font-size:9px; }
 .section-heading { grid-template-columns:1fr; gap:5px; }
 .section-heading h2 { font-size:39px; }
 .section-heading__index { padding-top:0; }
 .archive { padding-bottom:68px; }
 .archive__controls { flex-direction:column; align-items:stretch; gap:15px; }
 .search-field { max-width:none; }
 .story { grid-template-columns:34px 1fr 20px; gap:11px; padding:20px 0; }
 .story__title { font-size:20px; }
 .story__summary { font-size:12px; }
 .story__arrow { font-size:20px; }
 .manifesto { grid-template-columns:1fr; gap:22px; padding:35px 0 80px; }
 .manifesto h2 { font-size:38px; }
 .manifesto p { font-size:14px; }
 .footer__inner { grid-template-columns:1fr 1fr; }
 .footer__copyright { grid-column:1/-1; }
 .article-head { padding:42px 0 26px; }
 .article-head h1 { font-size:clamp(36px,7vw,55px); }
 .article-head__dek { font-size:15px; }
 .article-layout { grid-template-columns:1fr; }
 .article-aside { display:none; }
 .article-intro { font-size:16px; }
 .category-title { padding:52px 0; }
 .category-title h1 { font-size:80px; }
 .about-content section { grid-template-columns:1fr; gap:9px; }
}
@media (max-width:460px) {
 .global-nav a:first-child { display:none; }
 .hero__right { display:block; }
 .graphic { min-height:220px; }
 .graphic__ring { width:160px; height:160px; }
 .hero__categories { display:block; }
 .hero__categories a { min-height:88px; }
 .feature__story { display:block; }
 .feature__accent { height:100px; flex-direction:row; overflow:hidden; }
 .feature__symbol { font-size:155px; line-height:.7; }
 .feature__text { padding:24px 21px 28px; }
 .feature__text h2 { font-size:26px; }
 .feature__text p { -webkit-line-clamp:2; }
 .section-heading h2 { font-size:34px; }
 .story__title { font-size:18px; }
 .article-head h1 { font-size:37px; }
 .article-head__meta { font-size:10px; }
 .verdict { padding:20px; }
 .verdict p { font-size:21px; }
 .decision__header,.decision__row { grid-template-columns:1fr; gap:5px; padding:15px 5px; }
 .decision__header { display:none; }
 .decision__row strong { color:var(--accent); }
 .article-body h2 { font-size:23px; }
 .sample { padding:21px 17px; }
 .sample blockquote { padding:18px; }
 .boundaries { padding:24px 17px; }
 .footer__inner { grid-template-columns:1fr; }
 .footer__copyright { grid-column:auto; }
 .category-title h1 { font-size:70px; }
 .related__title span { font-size:9px; }
 .related .story--compact .story__title { font-size:17px; }
}
@media (prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 * { transition:none !important; animation:none !important; }
}

/* 「マナー、だるい。」編集刷新：飾りではなく具体的な引っかかりを文章として見せる */
:root { --accent:#d44c2a; }
.edition { display:inline-block; padding:8px 13px 7px; background:var(--ink); color:var(--white); font:800 12px/1.6 var(--sans); letter-spacing:.04em; transform:rotate(-1.2deg); }
.hero h1 { font-weight:900; font-size:clamp(65px,8vw,130px); line-height:1.2; }
.hero__lead { margin-top:35px; }
.hero__minor { max-width:560px; line-height:2; font-size:14px; }
.graphic__verdict { position:absolute; left:50%; top:43%; transform:translate(-50%,-50%) rotate(-8deg); z-index:3; color:#f6f1e7; font:900 clamp(56px,6.5vw,99px)/1.15 var(--serif); letter-spacing:-.07em; white-space:nowrap; text-align:center; text-shadow:3px 4px 0 var(--dark); }
.graphic__note { max-width:90%; }
.feature__gripe { color:var(--accent)!important; font:800 clamp(16px,2.1vw,27px)/1.6 var(--serif)!important; -webkit-line-clamp:unset!important; display:block!important; overflow:visible!important; margin:14px 0 0!important; }
.feature__text h2 { margin-top:11px; font-size:clamp(24px,2.6vw,40px); }
.story__gripe { color:var(--accent); font-weight:800; font-size:13px; line-height:1.7; letter-spacing:.015em; }
.article-grumble { display:flex; flex-direction:column; align-items:flex-start; margin:12px 0 26px; gap:8px; }
.article-grumble>span { display:inline-block; background:var(--accent); color:var(--white); font-size:11px; font-weight:800; line-height:1.4; padding:7px 12px; transform:rotate(-1.3deg); }
.article-grumble p { margin:0; max-width:860px; font:800 clamp(23px,3vw,38px)/1.65 var(--serif); letter-spacing:-.045em; }
.friction { border-top:3px solid var(--accent); margin:0 0 62px; padding:26px 25px 27px; background:#e7dfd1; scroll-margin-top:20px; }
.friction__label { color:var(--accent); font-size:13px; font-weight:800; }
.friction p { font:700 17px/2.05 var(--sans); margin:10px 0 0; }
.article-head h1 { margin-bottom:14px; }
.article-head__dek { margin-bottom:25px; }
.article-head__meta { margin-top:26px; }
.about-hero h1 { color:var(--ink); }
@media (max-width:1050px) { .hero h1 { font-size:clamp(62px,8.4vw,95px); } }
@media (max-width:760px) { .edition { font-size:10px; } .hero h1 { font-size:clamp(55px,11vw,84px); } .graphic__verdict { font-size:clamp(45px,7vw,75px); } .article-grumble p { font-size:clamp(22px,4vw,29px); } }
@media (max-width:460px) { .hero h1 { font-size:clamp(55px,13vw,74px); } .graphic__verdict { font-size:66px; } .feature__gripe { font-size:21px!important; } .story__gripe { font-size:12px; } .friction { padding:19px; } .friction p { font-size:15px; } }