@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src:url(inter-latin.woff2) format('woff2')}
:root{--bg:#fff;--ink:#242424;--ink2:#6b6b6b;--chip:#f2f2f2;--chip2:#e6e6e6;--card:#fff;--brand:#7e1325;--accent:#7e1325;--mark:#242424;--field:#f9f9f9;--field2:#efefef;
  --hl:rgba(126,19,37,.10);--hl2:rgba(126,19,37,.20);
  --shadow:0 2px 6px rgba(0,0,0,.06),0 12px 32px rgba(0,0,0,.12);
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
[data-theme=dark]{--accent:#e0687c;--mark:#fff;--field:#242424;--field2:#2f2f2f;--bg:#121212;--ink:#e6e6e6;--ink2:#9a9a9a;--chip:#232323;--chip2:#2f2f2f;--card:#1c1c1c;
  --hl:rgba(214,72,96,.22);--hl2:rgba(214,72,96,.38);
  --shadow:0 2px 6px rgba(0,0,0,.4),0 12px 32px rgba(0,0,0,.5)}
@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--accent:#e0687c;--mark:#fff;--field:#242424;--field2:#2f2f2f;--bg:#121212;--ink:#e6e6e6;--ink2:#9a9a9a;
  --hl:rgba(214,72,96,.22);--hl2:rgba(214,72,96,.38);
  --chip:#232323;--chip2:#2f2f2f;--card:#1c1c1c;--shadow:0 2px 6px rgba(0,0,0,.4),0 12px 32px rgba(0,0,0,.5)}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.5;
  font-feature-settings:'cv05';-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;transition:color .15s,opacity .15s}a:hover{text-decoration:none}
button,input{font:inherit;color:inherit}
.wrap{max-width:1192px;margin:0 auto;padding:0 24px}
.masthead{display:flex;align-items:center;gap:16px;height:72px;padding:0 24px}
.masthead .brand{flex:none;font-family:'Source Serif 4',Georgia,serif;
  font-optical-sizing:auto;font-size:28px;font-weight:700;line-height:1;letter-spacing:-.035em;color:var(--mark)}
.search{position:relative;flex:1;max-width:240px}
.topic-select{margin-right:auto}
.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;
  color:var(--ink2);pointer-events:none}
.search input{width:100%;border:0;outline:0;border-radius:999px;background:var(--field);
  height:40px;padding:0 16px 0 42px;font-size:14px;transition:background .15s,box-shadow .15s}
.search:focus-within{max-width:420px}.search{transition:max-width .2s}
.suggest{min-width:320px}
.search input:focus{background:var(--card);box-shadow:var(--shadow)}
.search input::placeholder{color:var(--ink2)}
.suggest{position:absolute;top:calc(100% + 8px);left:0;right:0;margin:0;padding:6px;list-style:none;
  background:var(--card);border-radius:14px;box-shadow:var(--shadow);z-index:10}
.suggest a{display:block;padding:10px 12px;border-radius:10px}
.suggest a[aria-selected=true],.suggest a:hover{background:var(--chip)}
.suggest .t{display:block;font-size:14px;font-weight:600;line-height:20px}
.suggest .m{display:block;font-size:12px;line-height:18px;color:var(--ink2)}
.suggest .none{padding:10px 12px;font-size:14px;color:var(--ink2)}
.toggle{flex:none;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:999px;
  background:var(--chip);cursor:pointer;transition:background .15s}
.toggle:hover{background:var(--chip2)}.toggle svg{width:18px;height:18px}
.topics{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-top:8px}
.topics::-webkit-scrollbar{display:none}
.topic-select{flex:none;appearance:none;-webkit-appearance:none;border:0;outline:0;border-radius:999px;
  background:var(--field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6b6b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center/14px;
  height:40px;padding:0 38px 0 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s}
.topic-select:hover{background-color:var(--field2)}
[data-theme=dark] .topic-select{color:var(--ink2)}
@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .topic-select{color:var(--ink2)}}
.topic-select option{background:var(--card);color:var(--ink)}
.badge{display:table;margin-bottom:8px;padding:2px 7px;border-radius:3px;background:var(--brand);color:#fff;
  font-size:11px;font-weight:700;line-height:16px;letter-spacing:.04em;text-transform:uppercase}
.tag{border:0;border-radius:999px;background:var(--field);color:var(--ink);padding:8px 16px;
  font-size:14px;font-weight:500;line-height:20px;white-space:nowrap;flex:none;cursor:pointer;
  transition:background .15s,color .15s}
.tag:hover{background:var(--field2)}
.cover-wrap{display:block}.cover-wrap img+svg{display:none}
.cover{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:8px;background:var(--chip);
  transition:opacity .15s}
h1,h2,h3{line-height:1.2;margin:0}
.intro{margin:24px 0 0;font-size:15px;line-height:24px;color:var(--ink2)}
.section{font-size:16px;font-weight:700;line-height:24px;margin:48px 0 20px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 32px}
.tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-top:8px}
.tabs::-webkit-scrollbar{display:none}
.tab{flex:none;padding:8px 16px;border-radius:999px;font-size:15px;font-weight:500;line-height:20px;color:var(--ink2);
  white-space:nowrap;transition:background .15s,color .15s}
.tab:hover{color:var(--ink);background:var(--field)}
.tab[aria-current=page]{background:var(--ink);color:var(--bg)}
.card .title{font-size:20px;font-weight:700;line-height:24px;letter-spacing:-.016em;margin:16px 0 8px}
.card .dek{color:var(--ink2);font-size:16px;line-height:20px;margin:0 0 12px}
.card:hover .title,.more a:hover{color:var(--accent)}
.card:hover .cover{opacity:.9}
.byline{font-size:13px;line-height:20px;color:var(--ink2)}
.byline .src{color:var(--ink)}
.hidden{display:none!important}
.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start;padding-top:32px}
.hero .cover{aspect-ratio:2/1}
.hero > a:first-child{display:block;border-radius:8px;overflow:hidden}
.hero .kicker{font-size:13px;font-weight:600;line-height:20px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.hero h2{font-size:34px;font-weight:700;line-height:42px;letter-spacing:-.022em;margin:8px 0 12px}
.hero .dek{font-size:18px;line-height:26px;color:var(--ink2);margin:0 0 12px}
.hero a:hover h2{color:var(--accent)}.hero a:hover .cover{opacity:.9}
.hero .art,.ep-art{position:relative;display:block;width:100%;aspect-ratio:2/1;border-radius:8px;
  overflow:hidden;background:radial-gradient(120% 140% at 30% 20%,#a3253b 0%,var(--brand) 45%,#3d0911 100%)}
.ep-art{margin:40px 0}
.hero .art img,.ep-art img{position:absolute;left:8%;right:8%;bottom:4%;width:84%;height:auto}
.hero .when{margin-bottom:16px}
.hero a.art:hover img{opacity:.9}
article.page .player{margin:28px 0 0}
.player{display:flex;align-items:center;gap:10px;max-width:360px;margin-top:16px;padding:4px 12px 4px 4px;border-radius:999px;background:var(--chip)}
.player .pp{flex:none;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:999px;
  background:var(--brand);color:#fff;cursor:pointer;transition:filter .15s}
.player .pp:hover{filter:brightness(1.15)}.player .pp svg{width:12px;height:12px}
.player .bar{position:relative;flex:1;height:4px;border-radius:999px;background:var(--chip2);cursor:pointer}
.player .fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;background:var(--brand)}
.player .time{flex:none;font-size:12px;color:var(--ink2);font-variant-numeric:tabular-nums}
.pubbar{padding:0 24px;background:var(--chip)}
.pubbar .in{max-width:1000px;margin:0 auto;height:56px;display:flex;align-items:center;font-size:18px;font-weight:600;
  letter-spacing:-.01em}
.pubbar a:hover{color:var(--accent)}
.post{display:grid;grid-template-columns:200px minmax(0,728px);gap:72px;justify-content:center;padding:40px 24px 80px}
.post .side{position:sticky;top:32px;align-self:start;font-size:15px;line-height:24px;color:var(--ink2)}
.logo{display:block;width:56px;height:56px;border-radius:8px;
  background:var(--brand) url(logo.png) no-repeat center/cover}
.post .side .logo{margin-bottom:16px}
.post .side p{margin:0 0 16px}
.post .side a.listen{color:var(--accent);font-weight:600}.post .side a.listen:hover{opacity:.75}
article.page{min-width:0}
article.page .topics{flex-wrap:wrap;padding:0 0 24px}
article.page h1{font-size:42px;font-weight:700;line-height:52px;letter-spacing:-.03em;margin-bottom:12px}
article.page .dek{font-size:22px;line-height:30px;color:var(--ink2);margin:0 0 28px}
.author{display:flex;align-items:center;gap:12px;font-size:15px;line-height:20px;color:var(--ink2)}
.author .logo{width:44px;height:44px;border-radius:999px}
.author .name{color:var(--ink);font-weight:500}
.author .name .src{font-weight:400;color:var(--ink2)}
.author .meta{margin-top:2px;font-size:14px}
article.page .cover{margin:40px 0}
article.page p{font-size:20px;line-height:32px;letter-spacing:-.003em;margin:0 0 32px}
mark.hl{color:inherit;background:var(--hl);padding:2px 0;-webkit-box-decoration-break:clone;box-decoration-break:clone;
  transition:background .15s;cursor:default}
mark.hl:hover{background:var(--hl2)}
aside.pull{margin:40px 0;padding-left:23px;box-shadow:inset 3px 0 0 var(--ink);font-size:20px;font-style:italic;
  line-height:32px;letter-spacing:-.003em}
ol.sources{font-size:14px;line-height:22px;color:var(--ink2);padding-left:20px;margin:0}
ol.sources li{margin:8px 0}ol.sources a:hover{color:var(--accent)}
article.page a.byname{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
article.page a.byname:hover{color:var(--accent)}
.more{margin-top:56px}.lost{padding-top:56px}
.more ul{list-style:none;padding:0;margin:0}.more li{margin:12px 0;font-size:18px;font-weight:600;line-height:24px}
footer{margin-top:80px;padding:40px 0 48px;background:var(--field);color:var(--ink2);font-size:14px;line-height:20px}
footer .in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px}
footer .mark{display:block;font-family:'Source Serif 4',Georgia,serif;font-size:22px;font-weight:700;letter-spacing:-.035em;
  line-height:1;color:var(--mark);margin-bottom:8px}
footer .slogan{color:var(--ink)}
footer .links{display:flex;flex-wrap:wrap;gap:8px 24px}
footer .links a{color:var(--ink);font-weight:600}
footer a:hover,footer .links a:hover{color:var(--accent)}
@media (max-width:1100px){.post{grid-template-columns:minmax(0,728px)}.post .side{display:none}}
@media (max-width:820px){.grid,.hero{grid-template-columns:1fr}.masthead{gap:12px}.hero h2{font-size:28px;line-height:34px}
  article.page h1{font-size:32px;line-height:40px}article.page p{font-size:18px;line-height:28px}}
@media (max-width:600px){.masthead{flex-wrap:wrap;height:auto;padding:16px}.toggle{margin-left:auto}
  .topic-select{order:4;width:130px;margin:0}
  .search,.search:focus-within{order:3;flex:1 1 55%;min-width:0;max-width:none}}
@media print{.masthead,.toggle,.topics,.tabs,.more,footer{display:none}body{background:#fff;color:#000}article.page p{font-size:12pt}}