/* The Triangle Hiring Brief: shared styles for /brief and /triangle-job-market */
body{margin:0;background:#FFFFFF}
.thb input:focus,.thb a:focus-visible,.thb button:focus-visible{outline:2px solid #C8151B;outline-offset:2px}
.thb{font-family:'Newsreader',Georgia,serif;font-optical-sizing:auto;color:#0A0E27;background:#FFFFFF;-webkit-font-smoothing:antialiased;font-variant-numeric:lining-nums}
.thb *{box-sizing:border-box}
.thb a{color:#0A0E27;text-decoration-thickness:1px;text-underline-offset:3px}
.thb a:hover{color:#C8151B}
.g{font-family:'Schibsted Grotesk',system-ui,sans-serif}
.tn{font-variant-numeric:lining-nums tabular-nums}
.wrap{max-width:1140px;margin:0 auto;padding:0 40px}
.cap{font-family:'Schibsted Grotesk',system-ui,sans-serif;font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.row{display:grid;grid-template-columns:180px minmax(0,1fr) 220px;column-gap:44px;padding:46px 0 56px;border-top:1px solid #0A0E27;position:relative}
.row::before{content:"";position:absolute;top:-6px;left:218px;width:11px;height:11px;border-radius:50%;background:#FFFFFF;border:1px solid #0A0E27}
.row.nn::before{display:none}
.row.hot::before{background:#C8151B;border-color:#C8151B}
.rail .k{display:block;color:#0A0E27}
.rail .d{font-style:italic;font-size:16px;line-height:1.4;color:#5A5F70;margin-top:10px}
.body p{margin:0 0 18px;font-size:19px;line-height:1.62}
.body p:last-child{margin-bottom:0}
.side{font-family:'Schibsted Grotesk',system-ui,sans-serif;font-size:12.5px;line-height:1.6;color:#5A5F70;display:flex;flex-direction:column;gap:12px}
.side .nt{display:grid;grid-template-columns:14px 1fr;gap:4px}
.side .nt b{font-weight:600;color:#0A0E27}
sup.r{font-family:'Schibsted Grotesk',system-ui,sans-serif;font-size:10px;font-weight:600;color:#5A5F70;margin-left:1px}
h3.hd{margin:0 0 16px;font-weight:500;font-size:34px;line-height:1.12;letter-spacing:-.01em}
.figt{font-weight:600;font-size:21px;line-height:1.25;margin:0}
.figs{font-style:italic;font-size:16px;color:#5A5F70;margin:4px 0 0}
.ledger{width:100%;min-width:560px;border-collapse:collapse}
.ledger th{text-align:left;padding:0 0 10px;border-bottom:1px solid #0A0E27;color:#5A5F70}
.ledger td{padding:16px 0;border-bottom:1px solid #D5D8E0;vertical-align:baseline}
.ledger tr:last-child td{border-bottom:1px solid #0A0E27}
.ledger .ind{font-size:18px;line-height:1.3;padding-right:16px}
.ledger .per{display:block;font-family:'Schibsted Grotesk',system-ui,sans-serif;font-size:12px;color:#5A5F70;margin-top:3px}
.ledger .v{font-size:38px;font-weight:500;line-height:1;text-align:right;padding-right:28px;white-space:nowrap;letter-spacing:-.01em}
.ledger .c{font-family:'Schibsted Grotesk',system-ui,sans-serif;font-size:13.5px;line-height:1.45;color:#0A0E27}
.ledger .pend{font-style:italic;font-weight:400;font-size:22px;color:#8A8FA0}
.two{display:grid;grid-template-columns:1fr 1fr;gap:0}
.two > div{padding-right:28px}
.two > div + div{padding-right:0;padding-left:28px;border-left:1px solid #D5D8E0}
.two ol{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px}
.two li{display:grid;grid-template-columns:22px 1fr;font-size:17px;line-height:1.55}
.two li > span:first-child{font-style:italic;color:#5A5F70}
.warn{width:100%;min-width:580px;border-collapse:collapse;font-size:16px;line-height:1.45}
.warn th{text-align:left;padding:0 12px 10px 0;border-bottom:1px solid #0A0E27;color:#5A5F70}
.warn td{padding:14px 12px 14px 0;border-bottom:1px solid #D5D8E0;vertical-align:baseline}
.warn td.n{text-align:right;font-size:24px;font-weight:500;padding-right:24px;white-space:nowrap}
.path{position:relative;margin:6px 0 0 5px;padding-left:30px;border-left:1px solid #0A0E27;display:flex;flex-direction:column;gap:22px}
.path .st{position:relative}
.path .st::before{content:"";position:absolute;left:-36px;top:7px;width:11px;height:11px;border-radius:50%;background:#FFFFFF;border:1px solid #0A0E27}
.path .st.on::before{background:#0A0E27}
.path .st.nx::before{background:#C8151B;border-color:#C8151B}
.path .dt{display:block;margin-bottom:2px;color:#5A5F70}
.path .tx{font-size:18px;line-height:1.4}
.btn{display:inline-flex;align-items:center;min-height:46px;padding:0 24px;background:#0A0E27;color:#FFFFFF !important;text-decoration:none}
.btn:hover{background:#1B2147}
.latest{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;background:#F4F5F8;padding:14px 18px;margin-top:18px}
.inav{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:end;border-top:3px solid #0A0E27;padding:26px 0 30px}
.inav a{text-decoration:none}
@media (max-width:920px){
.inav{grid-template-columns:1fr;text-align:left !important}
.inav > *{text-align:left !important}
.folio{display:block !important;padding:8px 0}
.folio > div{border-left:0 !important;padding:5px 0 !important}
.wrap{padding:0 16px}
.row{grid-template-columns:minmax(0,1fr);row-gap:22px;padding:40px 0 44px}
.row::before{left:0}
.rail{padding-top:6px}
.side{border-top:1px solid #D5D8E0;padding-top:16px}
.two{grid-template-columns:1fr}
.two > div{padding-right:0}
.two > div + div{padding-left:0;border-left:0;border-top:1px solid #D5D8E0;padding-top:22px;margin-top:22px}
.mast-name{font-size:52px !important}
.bignum{font-size:132px !important}
}
.stale{background:#0A0E27;border-bottom:1px solid #1B2147}

/* Links: Signal Red accent */
.thb .wrap a{color:#C8151B;text-decoration-color:rgba(200,21,27,.45)}
.thb .wrap a:hover{color:#0A0E27;text-decoration-color:#0A0E27}
.thb .wrap a.btn{color:#FFFFFF !important}
.thb .wrap a[style*="display: grid"]{color:#0A0E27}
.thb .wrap a[style*="display: grid"]:hover{color:#C8151B}

