:root{
  --bg:#f7f6f2;--ink:#111;--ink2:#2a2a26;--mute:#5a5a55;--mute2:#8a8a83;--line:#dcdad3;--line2:#e9e7e1;
  --bar:#2d2b3f;--bar2:#1e1c2e;--cream:#efe6cf;--gold:#e2ad3b;--red:#b8322a;--rust:#8c4636;
  --wire:#e6e5e2;--box:#e9dfcd;--violet:#5b5384;--violet2:#3d3858;
  --serif:'Merriweather',Georgia,serif;--display:'Bodoni Moda','Didot',Georgia,serif;--play:'Playfair Display',Georgia,serif;
  --text:'Source Serif 4',Georgia,serif;--sans:'Source Sans 3',Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--sans)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.ic{width:1em;height:1em;vertical-align:-.15em;flex:none}
.ph{display:block;background:linear-gradient(135deg,#d9d6cc,#c9c5b8);aspect-ratio:3/2;width:100%}
.muted{color:var(--mute2)}
.wrap{max-width:1440px;margin:0 auto;padding:0 20px}
.credit{font:11px/1.4 var(--sans);color:var(--mute2);text-align:right;margin:6px 0 0}
.by,.by a{font:600 11px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--mute2)}
.by a:hover{color:var(--ink)}

/* top bar */
.topbar{background:var(--bar);color:#fff;position:sticky;top:0;z-index:50;height:40px}
.tb-in{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 14px;max-width:1440px;margin:0 auto}
.tb-left{display:flex;align-items:center;gap:10px}
.tb-menu{background:none;border:0;color:#fff;font-size:20px;cursor:pointer;padding:4px;display:flex}
.tb-logo{display:flex;align-items:center;gap:6px;font:500 17px/1 var(--sans);letter-spacing:.02em}
.logo-mark svg{width:18px;height:18px;display:block}
.tb-nav{display:flex;height:40px}
.tb-nav a{display:flex;align-items:center;padding:0 16px;font-size:13px;color:#d9d7e6}
.tb-nav a:hover{color:#fff}
.tb-nav a.on{background:var(--bg);color:var(--bar)}
.tb-right{display:flex;align-items:center;gap:6px;font-size:13px}
.tb-sub{background:var(--cream);color:var(--bar);padding:5px 12px;border-radius:2px;font-weight:600}
.tb-login{padding:5px 8px;color:#fff}
.tb-lang{padding:3px 7px;border:1px solid #5b587a;border-radius:2px;font-size:11px;letter-spacing:.08em;color:#d9d7e6}
.drawer{position:fixed;top:40px;left:0;bottom:0;width:300px;background:#fff;z-index:60;transform:translateX(-102%);transition:.25s;overflow:auto;padding:16px 20px;box-shadow:2px 0 20px #0002}
.drawer a{display:block;padding:7px 0;font:15px var(--serif)}
.drawer input{width:100%;padding:9px 10px;border:1px solid var(--line);font:15px var(--sans);margin-bottom:8px}
.drawer hr{border:0;border-top:1px solid var(--line2);margin:10px 0}
.drawer-bg{position:fixed;inset:40px 0 0;background:#0004;z-index:55;display:none}
.drawer-open .drawer{transform:none}.drawer-open .drawer-bg{display:block}

/* masthead */
.masthead{text-align:center;padding:38px 20px 18px;position:relative;overflow:hidden}
.mh-logo{font:400 clamp(38px,5.4vw,64px)/1 var(--display);letter-spacing:.02em;text-transform:uppercase;display:inline-block}
.mh-tag{font:italic 15px/1.4 var(--display);color:#b69a52;margin-top:6px}
.masthead.has-video{min-height:330px;display:flex;align-items:center;justify-content:center;color:#fff;padding:60px 20px}
.mh-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.mh-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,18,32,.55),rgba(20,18,32,.35) 50%,rgba(20,18,32,.7));z-index:1}
.masthead .mh-in{position:relative;z-index:2}
.has-video .mh-logo{text-shadow:0 2px 24px #0008;font-size:clamp(42px,6.4vw,84px)}
.has-video .mh-tag{color:#ecd9a2;font-size:17px}

/* category nav */
.catnav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg);max-width:1400px;margin:0 auto;padding:0 10px}
.catnav a{font:700 12.5px/1 var(--serif);text-transform:uppercase;letter-spacing:.03em;padding:13px 12px;display:flex;gap:5px;align-items:center;position:relative}
.catnav a+a:before{content:'';position:absolute;left:0;top:13px;bottom:13px;border-left:1px solid var(--line)}
.catnav a.hot{color:var(--red)}
.catnav a.icn{font-size:15px}
.catnav a:hover{color:var(--rust)}
.featured-row{display:flex;align-items:center;gap:20px;padding:9px 20px;font:12px/1.2 var(--sans);overflow-x:auto;white-space:nowrap;max-width:1440px;margin:0 auto;scrollbar-width:none;border-bottom:1px solid var(--line2)}
.featured-row::-webkit-scrollbar{display:none}
.fr-label{font-weight:700}
.featured-row a{display:flex;gap:6px;align-items:center;color:#333}
.featured-row a.it{font-style:italic}
.featured-row a .ic{color:var(--mute2)}
.featured-row a:hover{color:var(--red)}

/* home grid */
.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:0;padding-top:18px}
.hg-main{padding-right:20px;min-width:0}
.hg-side{border-left:1px solid var(--line);padding-left:20px;min-width:0}
.hero{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;padding-bottom:22px}
.h-lead h2{font:700 27px/1.22 var(--serif);margin:0 0 12px}
.h-lead:hover h2,.h-small a:hover h3,.sec-text a:hover h2,.sec-item a:hover h3,.picks a:hover h3{color:var(--rust)}
.h-lead-by{font:700 11px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--mute);padding-bottom:9px;border-bottom:4px solid var(--gold);margin-bottom:22px}
.h-lead-by .ic{color:var(--mute2)}
.h-small{margin-bottom:22px}
.h-small h3{font:700 19px/1.3 var(--serif);margin:0 0 8px}
.h-small p{font:15px/1.55 var(--sans);color:var(--mute);margin:0 0 8px}
.h-center .h-img{width:100%;aspect-ratio:1/1;object-fit:cover;max-height:640px}
.h-center .ph.h-img{aspect-ratio:1/1}

.carousel{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 26px;padding:10px 0;background:#f1efe9}
.car-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.car-track::-webkit-scrollbar{display:none}
.car-item{flex:0 0 33.333%;scroll-snap-align:start;display:flex;gap:12px;align-items:center;padding:4px 14px;border-right:1px solid var(--line);min-width:250px}
.car-item span{font:700 14px/1.35 var(--serif);flex:1}
.car-item img,.car-item .ph{width:110px;height:72px;object-fit:cover;flex:none;aspect-ratio:auto}
.car-next{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px}

.second{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;border-top:4px solid var(--line);padding-top:24px;margin-bottom:30px}
.sec-text>a h2{font:400 31px/1.2 var(--play);text-align:right;margin:0 0 18px}
.sec-text>p{font:15px/1.55 var(--sans);color:var(--mute)}
.sec-item{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}
.sec-item h3{font:400 21px/1.3 var(--serif);margin:0 0 8px}
.sec-item p{font:14.5px/1.55 var(--sans);color:var(--mute);margin:0 0 8px}
.sec-img img,.sec-img .ph{width:100%;aspect-ratio:3/4;object-fit:cover}

.centered{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;border-top:4px solid var(--line);padding:40px 0 30px}
.cen-main{text-align:center;padding:30px 20px}
.cen-main h2{font:400 clamp(26px,2.6vw,36px)/1.25 var(--play);margin:0 0 20px}
.cen-by{font:italic 14px var(--serif);color:var(--mute)}
.cen-lede{font:15px/1.6 var(--sans);color:#333;text-align:left;margin-top:40px}
.cen-list article{padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid #b9b6ab}
.cen-list h3{font:700 19px/1.3 var(--serif);margin:0 0 10px}
.cen-list p{font:14.5px/1.6 var(--sans);color:var(--mute);margin:0 0 10px}
.cen-list em{font:italic 13px var(--serif);color:var(--mute)}

/* sidebar */
.perp-box{border-top:2px solid var(--gold);padding-top:4px;margin-bottom:22px}
.perp-box header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:6px 0}
.perp-box header a{display:flex;align-items:center;gap:6px;font:400 22px var(--serif)}
.perp-box header .ic{color:var(--gold)}
.perp-box header small{font:600 9.5px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.perp-item{display:grid;grid-template-columns:38px 1fr;column-gap:8px;padding:9px 0;border-bottom:1px solid var(--line2)}
.pt{font:600 11px var(--sans);color:var(--mute)}
.ptopic{font:11px var(--sans);color:var(--mute)}
.perp-item .ptitle{grid-column:1/3;font:600 13.5px/1.35 var(--sans);margin-top:3px}
.perp-item:hover .ptitle{color:var(--red)}
.perp-all{display:flex;justify-content:space-between;align-items:center;font:600 12.5px var(--sans);padding:10px 0;border-bottom:2px solid var(--ink)}
.side-feature{margin-bottom:22px}
.side-feature img,.side-feature .ph{width:100%;aspect-ratio:4/3;object-fit:cover}
.side-feature h3{font:700 19px/1.3 var(--serif);margin:10px 0 8px}
.side-feature p{font:14.5px/1.55 var(--sans);color:var(--mute);margin:0}
.side-pair,.side-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}
.side-grid{border-top:1px solid var(--line);padding-top:18px}
.sp img,.sp .ph{width:100%;aspect-ratio:9/10;object-fit:cover}
.sp h4{font:700 13.5px/1.35 var(--sans);margin:8px 0 0}
.sp:hover h4{color:var(--rust)}
.wire-box{background:var(--wire);margin:0 -20px 22px -20px;padding:14px 20px}
.wire-box header a{display:flex;align-items:center;gap:8px;font:400 22px var(--serif);margin-bottom:8px}
.wire-box header .ic{color:var(--red)}
.wb-list{max-height:540px;overflow:auto}
.wb-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #d3d1cc}
.wb-item>div{flex:1}
.wb-time{font:10px var(--sans);text-transform:uppercase;color:var(--mute);letter-spacing:.04em}
.wb-time b{color:#b48a35;font-weight:600}
.wb-item h4{font:600 14px/1.35 var(--sans);margin:3px 0 4px}
.wb-item:hover h4{color:var(--red)}
.wb-k{font:600 9.5px var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--mute2)}
.wb-img{width:58px;height:58px;object-fit:cover;flex:none}

/* editors' picks */
.sec-title{font:400 15px/1 var(--display);letter-spacing:.2em;text-transform:uppercase;text-align:center;border-top:1px solid var(--line);padding:30px 0 34px;margin:20px 0 0}
.picks-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:56px 40px;padding:0 20px 40px}
.picks img,.picks .ph{width:100%;aspect-ratio:3/2;object-fit:cover}
.picks .credit{margin-bottom:10px}
.picks h3{font:700 16.5px/1.35 var(--serif);margin:0 0 12px}
.picks p{font:14px/1.6 var(--sans);color:var(--mute);margin:0 0 12px}
.picks .by,.picks .by a{text-transform:none;letter-spacing:0;font-size:12px;color:#333}

/* osvrt */
.osvrt{display:grid;grid-template-columns:1fr 1fr;background:#efeeea;margin:40px 16px;padding:50px 60px;gap:60px;border:1px solid var(--line2)}
.os-left{text-align:center;display:flex;flex-direction:column;justify-content:center}
.os-left small{font:700 10px var(--sans);letter-spacing:.12em;text-transform:uppercase}
.os-left h2{font:400 31px/1.3 var(--play);margin:14px 0 auto}
.os-left .credit{text-align:center;margin-top:120px}
.os-by{font:500 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-top:24px}
.os-right p{font:15.5px/1.85 var(--text);color:#333}
.os-right p:first-child::first-letter{font:400 3.3em/0.8 var(--display);float:left;margin:6px 8px 0 0}
.os-more{font:13px var(--sans);color:var(--mute);text-decoration:underline;letter-spacing:.05em}

/* category blocks */
.catblock{margin:40px 16px}
.cb-title{font:700 23px var(--serif);border-bottom:4px solid #8a7c99;padding-bottom:10px;margin:0 0 24px}
.cb-grid{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:24px}
.cb-grid img,.cb-grid .ph{width:100%;aspect-ratio:3/2;object-fit:cover;margin-bottom:10px}
.cb-main h3{font:700 21px/1.3 var(--serif);text-align:center}
.cb-main p{text-align:center}
.cb-grid small{font:700 9.5px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.cb-grid h3{font:700 16.5px/1.35 var(--serif);margin:4px 0 8px}
.cb-grid p{font:13.5px/1.55 var(--sans);color:var(--mute);margin:0 0 6px}

/* ARTICLE common */
.art{padding-bottom:30px}
.crumbs{display:flex;align-items:center;gap:14px;font:11px var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--mute);max-width:1100px;margin:0 auto;padding:22px 20px 10px;border-bottom:1px solid var(--line)}
.crumbs b{color:var(--ink);font-weight:700}
.crumbs .cur{text-transform:none;letter-spacing:0;font-size:12.5px;border-bottom:1px solid var(--ink)}
.c-center{justify-content:center}
.meta-row{display:flex;flex-direction:column;align-items:center;gap:8px;font:11.5px var(--sans);color:var(--mute);margin:14px 0 26px}
.meta-row .mr-date span{color:#b0a37e}
.mr-loc{font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink2);margin-left:10px;padding-left:10px;border-left:1px solid var(--line)}
.bl-loc{text-transform:uppercase;letter-spacing:.06em;font-size:11px;color:var(--mute)}
.mr-icons{display:flex;gap:18px;align-items:center}
.mr-icons button{background:none;border:0;color:var(--mute);cursor:pointer;padding:0;font-size:12px}
.mr-icons a{color:var(--mute)}
.col{max-width:860px;margin:0 auto;padding:0 20px}
.byline{font:12px var(--sans);color:var(--mute);padding:6px 0 16px;border-bottom:1px solid var(--line);margin-bottom:26px}
.byline a{color:var(--ink);font-weight:600;border-bottom:1px solid var(--line)}
.lang-note{display:inline-block;font:600 12px var(--sans);color:var(--violet);margin:-10px 0 18px}
.body{font:18px/1.78 var(--text);color:#1d1d1b;hyphens:auto;-webkit-hyphens:auto;text-align:justify;text-justify:inter-word}
.body h1,.body h2,.body h3,.body h4,.body figcaption,.body .box h2,.body .box h3{text-align:left;hyphens:manual;-webkit-hyphens:manual}
.body li{text-align:left}
.body p{margin:0 0 1.15em}
.body>p:first-child::first-letter{font:400 4.1em/0.78 var(--display);color:var(--rust);float:left;margin:7px 10px 0 0}
.body h2{font:700 25px/1.25 var(--display);margin:1.6em 0 .6em}
.body h3{font:700 20px/1.3 var(--serif);margin:1.4em 0 .5em}
.body a{color:var(--violet);border-bottom:1px solid #c9c4de}
.body strong{font-weight:600}
.body .box{background:var(--box);border-left:6px double var(--ink2);margin:30px -30px;padding:18px 28px;font:16px/1.7 var(--sans)}
.body .box h2,.body .box h3{font:500 21px/1.3 var(--display);margin:0 0 10px}
.body .box p:last-child{margin:0}
.body figure.inline{margin:30px -60px}
.body figure.inline img{width:100%}
.body figcaption,.hero-fig figcaption,.wire-fig figcaption{font:11px var(--sans);color:var(--mute);margin-top:8px}
.body ul,.body ol{padding-left:1.3em}
.body.locked{position:relative;max-height:none}
.body.locked:after{content:'';display:block;height:60px;margin-top:-60px;position:relative;background:linear-gradient(transparent,var(--bg))}

.art-long h1{font:400 clamp(34px,4.7vw,67px)/1.12 var(--display);text-align:center;max-width:1040px;margin:28px auto 0;padding:0 20px;letter-spacing:-.01em}
.hero-fig{max-width:1100px;margin:0 auto 30px;padding:0 20px}
.hero-fig img{width:100%;aspect-ratio:3/2;object-fit:cover}
.hero-fig figcaption{text-align:right}
.hero-fig figcaption span,.wire-fig figcaption span{color:var(--mute2)}

/* wire article */
.art-wire .crumbs{max-width:1280px;border:0;padding-bottom:4px}
.art-wire .crumbs:after{content:'';flex:1;border-bottom:1px solid var(--line);align-self:flex-end;margin-bottom:6px}
.wire-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:50px;max-width:1280px;margin:0 auto;padding:14px 20px 0}
.kicker{display:inline-block;background:var(--violet2);color:#fff;font:700 13px var(--text);letter-spacing:.06em;padding:3px 10px;margin:8px 0 12px}
.art-wire h1{font:300 clamp(26px,2.6vw,36px)/1.3 var(--serif);margin:0 0 16px;max-width:800px}
.art-wire .meta-row{flex-direction:row-reverse;justify-content:flex-end;gap:30px;margin:0 0 16px}
.wire-fig{margin:0 0 20px}
.wire-fig img{width:100%;aspect-ratio:3/2;object-fit:cover}
.art-wire .byline{border:0;padding:0;margin-bottom:20px}
.wire-side{padding-top:120px}
.wire-side h4{font:700 12px var(--sans);text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px}
.wire-side h4 span{color:var(--mute2);font-weight:400}
.wire-side img,.wire-side .ph{width:100%;aspect-ratio:3/2;object-fit:cover;margin-bottom:10px}
.wire-side ol{list-style:none;padding:0;margin:0;counter-reset:n}
.wire-side li{counter-increment:n;display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font:600 13.5px/1.35 var(--sans)}
.wire-side li:before{content:counter(n) '.';color:var(--red);font-weight:400;font-size:15px}
.col-wire{max-width:960px}
.col-wire .body{font-size:17px;padding:0 36px}

.sources{margin:30px 0;border-top:1px solid var(--line);padding-top:6px}
.sources h3{font:400 14px var(--display);letter-spacing:.12em;text-transform:uppercase;margin:10px 0 16px;border-bottom:1px solid var(--line);padding-bottom:6px}
.sources ol{list-style:none;padding:0 0 0 20px;margin:0}
.sources li{display:flex;gap:16px;padding:9px 0;border-bottom:1px solid var(--line2);font:13px/1.5 var(--sans)}
.rn{color:#9388c2;width:22px;flex:none}
.sources li div{display:flex;flex-direction:column;gap:3px;min-width:0}
.sources em{color:var(--mute);font-size:12.5px}
.sources a{color:#2756c5;word-break:break-all;font-size:12.5px}

.keep{max-width:860px;margin:30px auto;padding:0 20px}
.keep-in{border-top:3px solid var(--line);padding-top:16px}
.keep small{font:700 9px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.keep h3{font:700 22px var(--serif);margin:4px 0}
.keep p{font:12px var(--sans);color:var(--mute);margin:0 0 14px}
.keep-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kc{background:#fff;border:1px solid var(--line2);display:block}
.kc-img{position:relative}
.kc-img img,.kc-img .ph{width:100%;aspect-ratio:4/5;object-fit:cover}
.kc-img span{position:absolute;left:6px;bottom:6px;background:var(--violet2);color:#fff;font:700 8.5px var(--sans);letter-spacing:.06em;padding:2px 6px}
.kc small{display:block;padding:8px 10px 0;font-size:8.5px}
.kc h4{font:700 13px/1.35 var(--serif);margin:6px 10px 14px}

/* perpetuum single */
.art-perp .col{padding-top:30px}
.perp-time{font:600 12px var(--sans);color:var(--gold);text-transform:uppercase;letter-spacing:.06em}
.art-perp h1{font:700 28px/1.3 var(--serif);margin:8px 0 20px}
.art-perp .body>p:first-child::first-letter{all:unset}

/* paywall */
.paywall{position:relative;background:#fff;margin:0 -20px 30px;padding:46px 30px 30px;text-align:center}
.pw-zig{position:absolute;top:-1px;left:0;right:0;height:14px;background:linear-gradient(-45deg,transparent 9px,#fff 0) 0 0/18px 14px repeat-x,linear-gradient(45deg,transparent 9px,#fff 0) 0 0/18px 14px repeat-x;transform:translateY(-12px)}
.paywall h3,.sub-page h1{font:600 19px var(--sans);margin:0 0 24px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}
.plan{position:relative;border:1px solid var(--line);padding:22px 14px 14px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;background:#fff;text-align:center}
.plan input{position:absolute;opacity:0}
.plan.best,.plan:has(input:checked){border:2px solid var(--violet)}
.plan:has(input:checked){background:#fbf9f3}
.badge{position:absolute;top:-10px;right:8px;background:#f8eec4;color:#7a5d12;font:600 9px var(--sans);padding:3px 7px;border-radius:3px}
.pl-name{font:13px var(--sans)}
.pl-price b{font:700 25px var(--sans)}
.pl-price small{font-size:10px;color:var(--mute)}
.pl-desc{font:11px/1.4 var(--sans);color:var(--mute);min-height:30px}
.pl-btn{width:100%;background:#e8e8ec;font:600 11.5px var(--sans);padding:9px}
.plan:has(input:checked) .pl-btn{background:var(--violet);color:#fff}
.pw-go{background:var(--violet2);color:#fff;border:0;padding:14px 40px;font:600 14px var(--sans);cursor:pointer;width:100%;max-width:440px;border-radius:2px}
.pw-notes{display:flex;justify-content:center;gap:20px;font:10.5px var(--sans);color:var(--mute);margin-top:12px}
.pw-login{font:13px var(--sans);margin-top:16px}
.pw-login a,.c-locked a{text-decoration:underline}
.pw-info{font:14px/1.6 var(--sans);color:var(--mute);max-width:560px;margin:20px auto}

/* comments */
.comments{margin:40px 0;text-align:center}
.comments h3{font:400 22px var(--sans);border-bottom:1px solid var(--line);padding-bottom:10px;display:flex;justify-content:center;gap:8px;align-items:center}
.comments h3 span{font-size:14px;color:var(--mute)}
.c-sort{font:12px var(--sans);color:var(--mute);margin-bottom:20px}
.c-sort span{background:#f4ebd0;padding:4px 10px;border-radius:3px;margin-left:6px}
.c-item{text-align:left;border-bottom:1px solid var(--line2);padding:14px 0}
.c-head{font:13px var(--sans)}.c-head time{color:var(--mute2);margin-left:6px}
.c-item p{font:15px/1.6 var(--sans);margin:6px 0 0}
.c-locked{background:#eef3f9;border-bottom:2px solid #333;padding:16px;font:italic 14px var(--sans);margin-top:20px}
.c-form{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.c-form textarea{min-height:110px;padding:12px;border:1px solid var(--line);font:15px var(--sans);background:#fff}
.c-form button{align-self:flex-end;background:var(--violet2);color:#fff;border:0;padding:10px 24px;font:600 14px var(--sans);cursor:pointer}

/* lists */
.list{padding-top:30px;padding-bottom:40px;max-width:1000px}
.list-head{border-bottom:3px solid var(--ink);margin-bottom:20px;padding-bottom:10px}
.list-head h1{font:400 40px/1.2 var(--display);margin:0}
.list-head p{color:var(--mute);margin:6px 0 0}
.li-item{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}
.li-img{flex:0 0 240px}
.li-img img,.li-img .ph{width:240px;aspect-ratio:3/2;object-fit:cover}
.li-item small{font:700 10px var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--mute)}
.li-item h3{font:700 21px/1.3 var(--serif);margin:4px 0 8px}
.li-item a:hover h3{color:var(--rust)}
.li-item p{font:15px/1.55 var(--sans);color:var(--mute);margin:0 0 8px}
.li-perp{display:grid;grid-template-columns:50px 140px 180px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);align-items:baseline}
.li-perp .pd{font:11px var(--sans);color:var(--mute2)}
.li-perp .ptitle{font:600 15px/1.4 var(--sans)}
.li-perp:hover .ptitle{color:var(--red)}
.pager{display:flex;justify-content:space-between;padding:24px 0;font:600 14px var(--sans)}
.search-form{display:flex;gap:8px;margin-top:14px}
.search-form input{flex:1;padding:12px;border:1px solid var(--line);font:16px var(--sans);background:#fff}
.search-form button,.auth button,.simple form button{background:var(--violet2);color:#fff;border:0;padding:12px 22px;font:600 14px var(--sans);cursor:pointer}

/* simple / auth */
.narrow{max-width:760px}
.simple{padding:40px 20px 60px}
.simple h1{font:400 38px/1.2 var(--display)}
.auth{max-width:400px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.auth label{display:flex;flex-direction:column;gap:5px;font:600 13px var(--sans)}
.auth input{padding:11px;border:1px solid var(--line);font:15px var(--sans);background:#fff}
.err{background:#fbe9e7;color:#8b2a1e;padding:10px 12px;font-size:14px}
.ok{background:#eaf4e6;color:#2d5a20;padding:10px 12px;font-size:14px}
.sub-page{text-align:center}

/* footer */
.site-foot{margin-top:50px;background:#efeee9;border-top:6px solid #e3e1da}
.ft-top{display:grid;grid-template-columns:1fr 1fr;max-width:1100px;margin:0 auto;padding:30px 20px;gap:40px}
.ft-last{border-right:1px solid var(--line);padding-right:30px}
.ft-last h4{font:600 13px var(--sans);margin:0 0 14px}
.ft-last-card{display:flex;gap:20px}
.ft-last-card img,.ft-last-card .ph{width:160px;height:180px;object-fit:cover;flex:none;aspect-ratio:auto}
.ft-last-card span{font:400 17px/1.35 var(--serif)}
.ft-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ft-cols h5,.ft-mid h5{font:700 12.5px var(--serif);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px}
.ft-cols a{display:block;font:12.5px/2 var(--sans);color:#333}
.ft-mid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;background:#e8e7e2;padding:30px 40px}
.ft-mid h5{text-transform:none;letter-spacing:0;font-size:14px}
.ft-mid ol{margin:0;padding:0;list-style:none;counter-reset:r}
.ft-mid li{counter-increment:r;font:12.5px/1.5 var(--sans);padding:3px 0;display:flex;gap:10px}
.ft-mid li:before{content:counter(r,upper-roman) '.';color:var(--mute2);width:24px;flex:none}
.ft-bot{background:var(--bar2);color:#bbb;display:flex;justify-content:space-between;padding:14px 30px;font:12px var(--sans);flex-wrap:wrap;gap:10px}
.ft-bot a{margin-left:22px;color:#ddd}
.empty-home{padding:80px 20px;text-align:center;color:var(--mute)}

/* responsive */
@media (max-width:1180px){
  .home-grid{grid-template-columns:minmax(0,1fr) 320px}
  .hero{grid-template-columns:240px minmax(0,1fr)}
  .picks-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cb-main{grid-column:1/-1}
}
@media (max-width:900px){
  .tb-nav{display:none}
  .home-grid{grid-template-columns:1fr}
  .hg-main{padding-right:0}
  .hg-side{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:20px}
  .wire-box{margin:0 -20px 22px}
  .hero{grid-template-columns:1fr}
  .h-center{order:-1}.h-center .h-img{aspect-ratio:3/2}
  .second,.centered,.osvrt,.ft-top,.wire-grid{grid-template-columns:1fr}
  .sec-text>a h2{text-align:left}
  .osvrt{padding:30px 20px;gap:20px;margin:30px 0}.os-left .credit{margin-top:20px}
  .picks-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px;padding:0}
  .wire-side{padding-top:0}
  .ft-mid{grid-template-columns:repeat(2,1fr);padding:24px 20px}
  .ft-last{border:0;padding:0}
  .keep-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .car-item{flex-basis:80%}
  .body .box{margin:24px 0}.body figure.inline{margin:24px 0}
  .col-wire .body{padding:0}
  .catnav{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}
  .catnav a{white-space:nowrap}
}
@media (max-width:600px){
  .wrap{padding:0 16px}
  .tb-logo span{display:none}
  .masthead.has-video{min-height:230px}
  .picks-grid,.side-pair,.side-grid{grid-template-columns:1fr 1fr}
  .plans{grid-template-columns:1fr}
  .li-item{flex-direction:column}.li-img{flex:none}.li-img img,.li-img .ph{width:100%}
  .li-perp{grid-template-columns:50px 1fr}.li-perp .pd,.li-perp .ptopic{display:none}
  .ft-cols{grid-template-columns:1fr 1fr}
  .ft-mid{grid-template-columns:1fr}
  .art-wire .meta-row{flex-direction:column;align-items:flex-start;gap:8px}
  .body{font-size:17px}
  .paywall{margin:0 -16px 30px;padding:40px 16px 24px}
  .cb-grid{grid-template-columns:1fr}
}
@media print{.topbar,.site-foot,.comments,.keep,.wire-side,.drawer{display:none}}

.static-page .body>p:first-child::first-letter{all:unset}
.static-page .body h1{font:400 38px/1.2 var(--display);margin:0 0 24px}
.static-page .body{font-size:17px}
.static-page .body table{border-collapse:collapse;font:15px var(--sans);width:100%}
.static-page .body td,.static-page .body th{border:1px solid var(--line);padding:6px 10px;text-align:left}
.static-page thead:has(th:empty){display:none}.static-page .body table{margin:0 0 24px}
.perp-fig{margin:18px 0 22px}.perp-fig img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}.perp-fig figcaption{font:12px var(--sans);color:var(--mute);margin-top:6px;text-align:right}