/* ug:tokens { — Metal Underground house style: paper, soot masthead, ember from the old logo */
:root{
  --ug-ink:#121212;--ug-paper:#ffffff;--ug-soot:#0b0b0c;--ug-soot2:#1b1b1d;
  --ug-ember:#ff7b05;--ug-rust:#a84300;--ug-ash:#5f5f5f;--ug-rule:#dcdcdc;--ug-bone:#f4f2ee;
  --ug-head:"Saira Extra Condensed","Arial Narrow",sans-serif;
  --ug-mono:"Martian Mono",ui-monospace,Menlo,Consolas,monospace;
  --ug-text:"Charis SIL",Georgia,"Times New Roman",serif;
  --ug-wrap:1280px;--ug-gut:32px;
}
/* ug:tokens } */

/* ug:base { */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ug-paper);color:var(--ug-ink);font:400 18px/1.62 var(--ug-text)}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover .ug-hl,a.ug-hl:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.ug-wrap{max-width:var(--ug-wrap);margin:0 auto;padding:0 var(--ug-gut)}
.ug-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ug-ico{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ug-kick{font:600 11px/1.3 var(--ug-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ug-rust);display:inline-flex;align-items:center;gap:7px}
.ug-kick .ug-ico{width:14px;height:14px}
.ug-hl{font-family:var(--ug-head);font-weight:700;line-height:1.02;letter-spacing:-.005em;margin:0}
.ug-by{font:400 10.5px/1.4 var(--ug-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ug-ash);margin-top:10px}
.ug-dek{font:400 16px/1.5 var(--ug-text);color:#3a3a3a;margin:8px 0 0}
/* ug:base } */

/* ug:strip { top soot band */
.ug-strip{background:var(--ug-soot);color:#cfcfcf;font:400 10.5px/1 var(--ug-mono);letter-spacing:.14em;text-transform:uppercase}
.ug-strip .ug-wrap{display:flex;justify-content:center;gap:14px;align-items:center;min-height:34px;flex-wrap:wrap}
.ug-strip b{color:var(--ug-ember);font-weight:600}
.ug-strip i{font-style:normal;opacity:.45}
/* ug:strip } */

/* ug:mast { masthead + flat rubric row */
.ug-mast{background:var(--ug-soot);border-top:1px solid #2a2a2c}
.ug-mast .ug-wrap{display:flex;align-items:center;gap:28px;min-height:84px}
.ug-logo{flex:none;display:block}
.ug-logo img{height:50px;width:auto}
.ug-nav{display:flex;flex-wrap:wrap;gap:4px 20px;margin-left:auto;align-items:center}
.ug-nav a{font:600 11.5px/1 var(--ug-mono);letter-spacing:.13em;text-transform:uppercase;color:#f1f1f1;padding:10px 0;border-bottom:2px solid transparent;display:inline-flex;align-items:center;gap:7px;min-height:44px}
.ug-nav a .ug-ico{width:15px;height:15px;color:var(--ug-ember)}
.ug-nav a:hover,.ug-nav a[aria-current]{border-bottom-color:var(--ug-ember)}
.ug-burger-cb{position:absolute;opacity:0;pointer-events:none}
.ug-burger{display:none;margin-left:auto;width:48px;height:48px;align-items:center;justify-content:center;cursor:pointer;color:#fff;border:1px solid #3a3a3d}
.ug-burger span,.ug-burger span::before,.ug-burger span::after{display:block;width:22px;height:2px;background:currentColor;position:relative;content:""}
.ug-burger span::before{position:absolute;top:-7px}.ug-burger span::after{position:absolute;top:7px}
.ug-rubline{border-bottom:1px solid var(--ug-ink);background:var(--ug-paper)}
.ug-rubline .ug-wrap{display:flex;gap:18px;align-items:center;min-height:44px;font:400 10.5px/1.3 var(--ug-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ug-ash);overflow:hidden}
.ug-rubline a{color:var(--ug-ink)}
.ug-rubline a:hover{color:var(--ug-rust)}
.ug-crumbs{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.ug-crumbs span[aria-hidden]{color:#b0b0b0}
/* ug:mast } */

/* ug:tab { black label tab on a full-width rule, the house section marker */
.ug-tab{display:flex;align-items:flex-end;border-bottom:2px solid var(--ug-ink);margin:0 0 22px}
.ug-tab h2,.ug-tab span.ug-tabt{margin:0;background:var(--ug-ink);color:#fff;font:600 11.5px/1 var(--ug-mono);letter-spacing:.16em;text-transform:uppercase;padding:9px 12px 8px;display:inline-flex;gap:8px;align-items:center}
.ug-tab h2 .ug-ico,.ug-tab .ug-tabt .ug-ico{width:14px;height:14px;color:var(--ug-ember)}
.ug-tab a.ug-more{margin-left:auto;font:600 10.5px/1 var(--ug-mono);letter-spacing:.12em;text-transform:uppercase;padding:0 0 8px;color:var(--ug-rust);display:inline-flex;gap:6px;align-items:center;min-height:30px}
/* ug:tab } */

/* ug:front { three-column front page */
.ug-front{display:grid;grid-template-columns:300px minmax(0,1fr) 300px;gap:0;margin:34px auto 44px}
.ug-front>*{padding:0 24px}
.ug-front>*:first-child{padding-left:0;border-right:1px solid var(--ug-rule)}
.ug-front>*:last-child{padding-right:0;border-left:1px solid var(--ug-rule)}
.ug-latest li{list-style:none;display:grid;grid-template-columns:118px 1fr;gap:14px;padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid var(--ug-rule)}
.ug-latest li:last-child{border:0;margin:0}
.ug-latest ul{margin:0;padding:0}
.ug-latest img{width:118px;height:118px;object-fit:cover}
.ug-latest .ug-hl{font-size:23px;margin-top:6px}
.ug-lead figure{margin:0 0 16px}
.ug-lead figure img{width:100%;aspect-ratio:16/10;object-fit:cover}
.ug-lead>a .ug-hl{font-size:52px;text-align:center}
.ug-lead>a{display:block;text-align:center}
.ug-lead .ug-dek{text-align:center;max-width:560px;margin:10px auto 0}
.ug-lead .ug-by{text-align:center}
.ug-pair{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ug-rule);margin-top:24px;padding-top:18px}
.ug-pair>a{padding:0 18px}
.ug-pair>a+a{border-left:1px solid var(--ug-rule)}
.ug-pair>a:first-child{padding-left:0}
.ug-pair .ug-hl{font-size:27px;margin-top:6px}
.ug-lead .ug-pair .ug-dek{text-align:left;margin:6px 0 0;font-size:15px}
.ug-read ol{margin:0;padding:0;counter-reset:rd}
.ug-read li{list-style:none;counter-increment:rd;display:grid;grid-template-columns:34px 1fr;gap:8px;padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid var(--ug-rule)}
.ug-read li::before{content:counter(rd,decimal-leading-zero);font:700 26px/1 var(--ug-head);color:var(--ug-rust)}
.ug-read .ug-hl{font-size:22px}
.ug-vault{background:var(--ug-soot);color:#eee;padding:22px 20px;margin-top:20px;position:relative}
.ug-vault .ug-kick{color:var(--ug-ember)}
.ug-vault .ug-hl{font-size:30px;margin:10px 0 8px;color:#fff}
.ug-vault p{font-size:15px;line-height:1.5;margin:0 0 14px;color:#cfcfcf}
.ug-vault dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px}
.ug-vault dt{font:700 30px/1 var(--ug-head);color:#fff}
.ug-vault dd{margin:2px 0 0;font:400 10px/1.3 var(--ug-mono);letter-spacing:.1em;text-transform:uppercase;color:#a9a9a9}
.ug-vault a.ug-go{display:inline-flex;align-items:center;gap:8px;font:600 11px/1 var(--ug-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ug-soot);background:var(--ug-ember);padding:13px 16px;min-height:44px}
/* ug:front } */

/* ug:rows { rubric rows, three per line */
.ug-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 34px;margin:10px auto 56px}
.ug-col figure{margin:0 0 12px;position:relative}
.ug-col figure img{width:100%;aspect-ratio:16/9;object-fit:cover}
.ug-col .ug-first .ug-hl{font:700 25px/1.08 var(--ug-head)}
.ug-col ul{margin:0;padding:0}
.ug-col li{list-style:none;border-top:1px solid var(--ug-rule);padding:12px 0}
.ug-col li:first-child{border-top:0}
.ug-col li a{font:700 19px/1.2 var(--ug-head);display:block}
.ug-col .ug-tab{margin-bottom:0}
/* ug:rows } */

/* ug:feature { photo left, centred headline right */
.ug-feature{background:var(--ug-bone);padding:36px 0;margin:0 0 56px}
.ug-feature a{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:40px;align-items:center}
.ug-feature img{width:100%;aspect-ratio:3/2;object-fit:cover}
.ug-feature .ug-txt{text-align:center}
.ug-feature .ug-hl{font-size:58px;margin:12px 0}
/* ug:feature } */

/* ug:quad { four with thumb on the right */
.ug-quad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto 56px}
.ug-quad>a{display:grid;grid-template-columns:1fr 104px;gap:14px;padding:0 18px;border-left:1px solid var(--ug-rule)}
.ug-quad>a:first-child{border-left:0;padding-left:0}
.ug-quad img{width:104px;height:104px;object-fit:cover}
.ug-quad .ug-hl{font-size:21px;margin-top:6px}
.ug-quad small{display:block;font:400 10px/1.3 var(--ug-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ug-ash);margin-top:8px}
/* ug:quad } */

/* ug:voices { partner links from the old board index */
.ug-voices{border:2px solid var(--ug-ink);padding:26px 28px;margin:0 auto 56px;display:grid;grid-template-columns:220px repeat(2,minmax(0,1fr));gap:30px;align-items:start}
.ug-voices .ug-hl{font-size:30px}
.ug-voices p{margin:6px 0 0;font-size:15.5px;line-height:1.5;color:#333}
.ug-voices a{font:700 21px/1.15 var(--ug-head);color:var(--ug-rust);display:inline-flex;gap:8px;align-items:center}
.ug-voices .ug-cnt{font:400 10px/1.3 var(--ug-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ug-ash);margin-top:10px}
.ug-about{max-width:880px;margin:0 auto 60px;font-size:16px;color:#444;font-style:italic;border-left:3px solid var(--ug-ember);padding:4px 0 4px 20px}
/* ug:voices } */

/* ug:hub { rubric and archive landing pages */
.ug-hubhead{background:var(--ug-soot);color:#fff;padding:44px 0 40px;margin-top:24px}
.ug-hubhead .ug-wrap{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center}
.ug-hubhead .ug-badge{width:92px;height:92px;border:2px solid var(--ug-ember);display:flex;align-items:center;justify-content:center;color:var(--ug-ember);transform:rotate(-4deg)}
.ug-hubhead .ug-badge .ug-ico{width:48px;height:48px;stroke-width:1.4}
.ug-hubhead h1{font:800 76px/.92 var(--ug-head);margin:6px 0 10px;letter-spacing:-.01em}
.ug-hubhead p{margin:0;max-width:720px;color:#cdcdcd;font-size:17px}
.ug-hubhead .ug-kick{color:var(--ug-ember)}
.ug-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 30px;margin:40px auto 56px}
.ug-grid>a figure{margin:0 0 12px}
.ug-grid>a img{width:100%;aspect-ratio:3/2;object-fit:cover}
.ug-grid .ug-hl{font-size:28px;margin-top:6px}
.ug-grid>a.ug-wide{grid-column:span 2}
.ug-grid>a.ug-wide .ug-hl{font-size:44px}
.ug-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0 auto 56px}
.ug-card{display:block;background:var(--ug-bone);position:relative}
.ug-card img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:grayscale(.35) contrast(1.05)}
.ug-card .ug-in{padding:14px 16px 18px}
.ug-card .ug-hl{font-size:24px;margin:6px 0 6px}
.ug-card p{margin:0;font-size:14.5px;line-height:1.45;color:#444}
.ug-card .ug-n{position:absolute;top:0;left:0;background:var(--ug-ink);color:#fff;font:600 10.5px/1 var(--ug-mono);letter-spacing:.1em;padding:8px 10px}
.ug-card:hover img{filter:none}
.ug-catname{font:800 40px/1 var(--ug-head);margin:0 0 6px}
.ug-note{display:flex;gap:14px;align-items:flex-start;background:var(--ug-bone);border-left:4px solid var(--ug-ink);padding:16px 18px;margin:0 0 28px;font-size:15.5px;line-height:1.5}
.ug-note .ug-ico{width:26px;height:26px;color:var(--ug-rust);margin-top:2px}
.ug-note p{margin:0}
/* ug:hub } */

/* ug:story { article page */
.ug-story{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;margin:40px auto 60px}
.ug-story header{margin:0 0 26px}
.ug-story h1{font:800 64px/.96 var(--ug-head);margin:12px 0 14px;letter-spacing:-.01em}
.ug-story .ug-dek{font-size:21px;line-height:1.45;color:#333;margin:0}
.ug-meta{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;border-top:1px solid var(--ug-rule);border-bottom:1px solid var(--ug-rule);padding:12px 0;margin:22px 0 26px;font:400 10.5px/1.4 var(--ug-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ug-ash)}
.ug-meta span{display:inline-flex;gap:7px;align-items:center}
.ug-meta .ug-ico{width:14px;height:14px}
.ug-hero{margin:0 0 30px}
.ug-hero img{width:100%;aspect-ratio:3/2;object-fit:cover}
.ug-hero figcaption,.ug-body figcaption{font:400 11px/1.5 var(--ug-mono);color:var(--ug-ash);margin-top:8px;letter-spacing:.02em}
.ug-hero figcaption a,.ug-body figcaption a{text-decoration:underline}
.ug-body{max-width:700px}
.ug-body>p:first-of-type::first-letter{font:800 74px/.8 var(--ug-head);float:left;margin:8px 10px 0 0;color:var(--ug-rust)}
.ug-body p{margin:0 0 1.1em}
.ug-body h2{font:800 36px/1.02 var(--ug-head);margin:1.5em 0 .5em;padding-top:14px;border-top:3px solid var(--ug-ink)}
.ug-body h3{font:700 26px/1.1 var(--ug-head);margin:1.3em 0 .4em}
.ug-body a{color:var(--ug-rust);text-decoration:underline;text-underline-offset:2px}
.ug-body ul,.ug-body ol{padding-left:1.3em;margin:0 0 1.2em}
.ug-body li{margin:0 0 .45em}
.ug-body blockquote{margin:1.2em 0;padding:4px 0 4px 20px;border-left:3px solid var(--ug-ember);font-style:italic;color:#333}
.ug-body table{border-collapse:collapse;width:100%;margin:1.2em 0 1.6em;font-size:15.5px;line-height:1.4}
.ug-body th{font:600 10.5px/1.3 var(--ug-mono);letter-spacing:.08em;text-transform:uppercase;text-align:left;border-bottom:2px solid var(--ug-ink);padding:8px 10px 8px 0}
.ug-body td{border-bottom:1px solid var(--ug-rule);padding:9px 10px 9px 0;vertical-align:top}
.ug-body img{margin:1em 0}
.ug-tablewrap{overflow-x:auto}
.ug-toc{border:1px solid var(--ug-ink);margin:0 0 28px}
.ug-toc summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:12px 14px;font:600 11px/1 var(--ug-mono);letter-spacing:.12em;text-transform:uppercase;min-height:44px}
.ug-toc summary::-webkit-details-marker{display:none}
.ug-toc summary::after{content:"+";margin-left:auto;font:700 20px/1 var(--ug-head)}
.ug-toc[open] summary::after{content:"–"}
.ug-toc ol{margin:0;padding:0 16px 14px 36px;font-size:16px}
.ug-toc li{margin:4px 0}
.ug-toc a{text-decoration:underline;text-underline-offset:2px}
.ug-rail{border-left:1px solid var(--ug-rule);padding-left:26px}
.ug-rail .ug-tab{margin-bottom:16px}
.ug-rail ul{margin:0 0 30px;padding:0}
.ug-rail li{list-style:none;display:grid;grid-template-columns:84px 1fr;gap:12px;padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid var(--ug-rule)}
.ug-rail img{width:84px;height:84px;object-fit:cover}
.ug-rail .ug-hl{font-size:19px;margin-top:4px}
.ug-more3{border-top:2px solid var(--ug-ink);margin-top:40px;padding-top:20px}
.ug-more3 .ug-grid{margin:18px 0 0}
.ug-more3 .ug-grid .ug-hl{font-size:23px}
.ug-paid{display:flex;gap:10px;align-items:center;font:600 10.5px/1.3 var(--ug-mono);letter-spacing:.12em;text-transform:uppercase;background:var(--ug-bone);padding:10px 12px;margin:0 0 22px;color:var(--ug-ash)}
.pbn-published-date{font:400 10.5px/1.4 var(--ug-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ug-ash);margin:0 0 20px}
/* ug:story } */

/* ug:board { forum archive: topic lists and threads */
.ug-topics{margin:0 0 30px;padding:0;border-top:2px solid var(--ug-ink)}
.ug-topics li{list-style:none;display:grid;grid-template-columns:34px minmax(0,1fr) 150px;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--ug-rule)}
.ug-topics .ug-ico{width:22px;height:22px;color:var(--ug-rust)}
.ug-topics .ug-t{font:700 20px/1.18 var(--ug-head)}
.ug-topics .ug-t a:hover{text-decoration:underline}
.ug-topics small{display:block;font:400 10.5px/1.4 var(--ug-mono);letter-spacing:.06em;color:var(--ug-ash);margin-top:3px}
.ug-topics .ug-st{font:400 10.5px/1.5 var(--ug-mono);letter-spacing:.06em;color:var(--ug-ash);text-align:right}
.ug-topics .ug-st b{font:700 20px/1 var(--ug-head);color:var(--ug-ink);display:block}
.ug-topics .ug-off{color:#777}
.ug-subs{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0 0 24px;font:600 11px/1.3 var(--ug-mono);letter-spacing:.08em;text-transform:uppercase}
.ug-subs a{display:inline-flex;align-items:center;gap:7px;color:var(--ug-rust);min-height:32px}
.ug-pages{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 30px;font:600 12px/1 var(--ug-mono)}
.ug-pages a,.ug-pages b{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ug-ink)}
.ug-pages b{background:var(--ug-ink);color:#fff}
.ug-post{display:grid;grid-template-columns:150px minmax(0,1fr);gap:26px;padding:24px 0;border-top:1px solid var(--ug-rule)}
.ug-post:first-of-type{border-top:2px solid var(--ug-ink)}
.ug-who{font:400 10.5px/1.45 var(--ug-mono);letter-spacing:.04em;color:var(--ug-ash);word-break:break-word}
.ug-who .ug-av{width:52px;height:52px;background:var(--ug-soot);color:var(--ug-ember);font:800 28px/52px var(--ug-head);text-align:center;margin-bottom:8px;text-transform:uppercase}
.ug-who b{display:block;font:700 18px/1.15 var(--ug-head);color:var(--ug-ink);letter-spacing:0;margin-bottom:4px}
.ug-msg{font-size:17px;line-height:1.6;overflow-wrap:anywhere}
.ug-msg h3{font:700 15px/1.3 var(--ug-mono);letter-spacing:.02em;margin:0 0 10px;color:var(--ug-ash)}
.ug-msg blockquote{margin:10px 0;padding:10px 14px;background:var(--ug-bone);border-left:3px solid #b9b9b9;font-size:15.5px}
.ug-msg cite{display:block;font:600 10.5px/1.4 var(--ug-mono);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--ug-ash);margin-bottom:4px}
.ug-msg a{color:var(--ug-rust);text-decoration:underline}
.ug-msg img{display:inline-block;vertical-align:middle}
.ug-msg code,.ug-msg pre{font:400 13px/1.5 var(--ug-mono);white-space:pre-wrap}
.ug-yt{display:inline-flex;align-items:center;gap:10px;background:var(--ug-soot);color:#fff !important;text-decoration:none !important;padding:10px 14px;margin:6px 0;font:600 11px/1.2 var(--ug-mono);letter-spacing:.08em;text-transform:uppercase}
.ug-yt .ug-ico{color:var(--ug-ember)}
.ug-thread h1{font:800 50px/1 var(--ug-head);margin:10px 0 16px}
/* ug:board } */

/* ug:feed { partner articles feed; the autopublisher writes div>h4>a + p after the BLOG marker */
.ug-feed{max-width:860px;border-top:2px solid var(--ug-ink)}
.ug-feed>div{display:grid;grid-template-columns:40px 1fr;column-gap:14px;padding:16px 0 !important;margin:0 !important;border-bottom:1px solid var(--ug-rule)}
.ug-feed>div::before{content:"";grid-row:span 2;width:34px;height:34px;background:var(--ug-soot) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff7b05' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M5 5h11l3 3v11H5z'/%3E%3Cpath d='M8 10h8M8 14h8M8 18h5'/%3E%3C/svg%3E") center/20px no-repeat}
.ug-feed h4{margin:0;font:700 23px/1.12 var(--ug-head)}
.ug-feed h4 a:hover{text-decoration:underline}
.ug-feed p{margin:4px 0 0;font:400 10.5px/1.5 var(--ug-mono);letter-spacing:.06em;color:var(--ug-ash)}
.ug-feed>h4{padding:16px 0 0}
.ug-feed>p{padding:0 0 16px;border-bottom:1px solid var(--ug-rule)}
/* ug:feed } */

/* ug:foot { */
.ug-foot{background:var(--ug-soot);color:#cfcfcf;margin-top:30px;padding:48px 0 26px;font-size:15px}
.ug-foot .ug-cols{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:34px}
.ug-foot img{height:48px;width:auto;margin-bottom:14px}
.ug-foot p{margin:0 0 12px;line-height:1.5}
.ug-foot h3{font:600 11px/1 var(--ug-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ug-ember);margin:4px 0 14px}
.ug-foot ul{margin:0;padding:0}
.ug-foot li{list-style:none}
.ug-foot li a{display:inline-flex;align-items:center;min-height:32px;color:#eee}
.ug-foot li a:hover{color:var(--ug-ember)}
.ug-fine{border-top:1px solid #2c2c2e;margin-top:30px;padding-top:18px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font:400 10.5px/1.5 var(--ug-mono);letter-spacing:.06em;color:#9a9a9a}
/* ug:foot } */

/* ug:fit { breakpoints 1024 / 900 / 768 / 390 */
@media (max-width:1180px){
  .ug-front{grid-template-columns:260px minmax(0,1fr)}
  .ug-front>*:last-child{grid-column:1/-1;border-left:0;padding:30px 0 0;margin-top:30px;border-top:2px solid var(--ug-ink);display:grid;grid-template-columns:1fr 1fr;gap:30px}
  .ug-front>*:nth-child(2){padding-right:0}
  .ug-vault{margin-top:0}
  .ug-lead>a .ug-hl{font-size:44px}
  .ug-voices{grid-template-columns:1fr 1fr}
  .ug-voices>div:first-child{grid-column:1/-1}
}
@media (max-width:900px){
  :root{--ug-gut:20px}
  .ug-burger{display:inline-flex}
  .ug-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--ug-soot);flex-direction:column;align-items:stretch;padding:8px var(--ug-gut) 18px;z-index:20;border-top:1px solid #2a2a2c;gap:0}
  .ug-nav a{border-bottom:1px solid #2a2a2c;padding:14px 0;min-height:48px}
  .ug-mast{position:relative}
  .ug-burger-cb:checked~.ug-nav{display:flex}
  .ug-mast .ug-wrap{min-height:70px}
  .ug-logo img{height:42px}
  .ug-front{grid-template-columns:minmax(0,1fr)}
  .ug-front>*{padding:0 !important;border:0 !important}
  .ug-front>*:first-child{order:2;margin-top:30px;border-top:2px solid var(--ug-ink) !important;padding-top:24px !important}
  .ug-front>*:last-child{order:3;grid-template-columns:1fr}
  .ug-rows,.ug-grid{grid-template-columns:1fr 1fr}
  .ug-grid>a.ug-wide{grid-column:1/-1}
  .ug-quad{grid-template-columns:1fr 1fr;gap:24px 0}
  .ug-quad>a:nth-child(3){border-left:0;padding-left:0}
  .ug-feature a{grid-template-columns:1fr;gap:20px}
  .ug-feature .ug-hl{font-size:44px}
  .ug-story{grid-template-columns:minmax(0,1fr);gap:30px}
  .ug-rail{border-left:0;padding-left:0;border-top:2px solid var(--ug-ink);padding-top:24px}
  .ug-cards{grid-template-columns:1fr 1fr}
  .ug-foot .ug-cols{grid-template-columns:1fr 1fr}
  .ug-hubhead h1{font-size:58px}
}
@media (max-width:600px){
  body{font-size:17px}
  .ug-front{margin-top:20px}
  .ug-story{margin-top:22px}
  .ug-hubhead{margin-top:16px}
  .ug-strip .ug-wrap{gap:8px;padding-top:6px;padding-bottom:6px}
  .ug-rows,.ug-grid,.ug-cards,.ug-quad,.ug-voices{grid-template-columns:1fr}
  .ug-quad>a{border-left:0;padding:0 0 18px;border-bottom:1px solid var(--ug-rule)}
  .ug-pair{grid-template-columns:1fr}
  .ug-pair>a{padding:0 0 16px}
  .ug-pair>a+a{border-left:0;border-top:1px solid var(--ug-rule);padding-top:16px}
  .ug-lead>a .ug-hl{font-size:36px}
  .ug-story h1,.ug-thread h1{font-size:42px}
  .ug-hubhead .ug-wrap{grid-template-columns:1fr}
  .ug-hubhead .ug-badge{width:64px;height:64px}
  .ug-hubhead h1{font-size:46px}
  .ug-feature .ug-hl{font-size:36px}
  .ug-post{grid-template-columns:1fr;gap:10px}
  .ug-who{display:flex;gap:12px;align-items:center}
  .ug-who .ug-av{margin:0;width:40px;height:40px;line-height:40px;font-size:22px}
  .ug-topics li{grid-template-columns:26px minmax(0,1fr);}
  .ug-topics .ug-st{grid-column:2;text-align:left}
  .ug-topics .ug-st b{display:inline;font-size:16px;margin-right:4px}
  .ug-foot .ug-cols{grid-template-columns:1fr}
  .ug-voices{padding:20px}
  .ug-rubline .ug-wrap{font-size:9.5px}
  .ug-strip .ug-hide,.ug-strip i,.ug-rubline .ug-hide{display:none}
}
/* ug:fit } */