@font-face{font-family:Plex;src:url(fonts/IBMPlexSans.woff2) format("woff2");font-weight:100 700;font-stretch:85% 100%;font-display:swap}
@font-face{font-family:PlexMono;src:url(fonts/IBMPlexMono-Regular.woff2) format("woff2");font-weight:400}
@font-face{font-family:PlexMono;src:url(fonts/IBMPlexMono-SemiBold.woff2) format("woff2");font-weight:600}
:root{--bg:#f3f5f8;--w:#fff;--g9:#141b24;--g7:#2c3644;--g5:#5d6b7c;--g3:#c7d0db;--g2:#e1e6ed;--b:#1f5bff;--b2:#0a2f8f;--c:#00a7c7}
*{box-sizing:border-box;margin:0;padding:0}
body.dg{background:var(--bg);color:var(--g9);font-family:Plex,system-ui,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover}
.wrap{max-width:1320px;margin:0 auto;padding:0 32px}
.dg-top{background:var(--g9);color:#9aa8b8;font:400 11.5px PlexMono,monospace;letter-spacing:.06em}
.dg-top .wrap{display:flex;justify-content:space-between;gap:12px;padding-top:8px;padding-bottom:8px;white-space:nowrap}
.dg-top b{color:#7fb0ff;font-weight:600}
.dg-mast{background:var(--w);border-bottom:1px solid var(--g3)}
.dg-mast-in{display:flex;align-items:center;justify-content:space-between;padding-top:22px;padding-bottom:22px}
.dg-logo{display:inline-flex;align-items:center;gap:14px}
.dg-mark{display:inline-flex;align-items:flex-start;justify-content:center;min-width:64px;padding:0 9px 0 11px;height:64px;background:var(--b);color:#fff;font:600 29px/64px Plex,sans-serif;letter-spacing:-.05em;font-stretch:88%;border-radius:4px;position:relative}
.dg-mark sup{font-size:22px;line-height:44px;margin-left:1px;color:#bcd0ff}
.dg-mark:after{content:"";position:absolute;inset:6px;border:1px solid rgba(255,255,255,.28);border-radius:2px}
.dg-word{display:flex;flex-direction:column;font:300 33px/0.95 Plex,sans-serif;letter-spacing:-.02em;font-stretch:90%}
.dg-word b{font-weight:650}
.dg-tag{font:400 13px/1.4 PlexMono,monospace;color:var(--g5);text-align:right;border-right:3px solid var(--b);padding-right:12px}
.dg-nav{background:var(--w);border-bottom:2px solid var(--g9);position:sticky;top:0;z-index:10}
.dg-nav .wrap{display:flex;overflow-x:auto;scrollbar-width:none}
.dg-nav a{display:flex;align-items:baseline;gap:6px;padding:13px 22px 13px 0;margin-right:4px;font:500 14.5px Plex,sans-serif;white-space:nowrap;border-right:1px solid var(--g2);padding-left:14px}
.dg-nav a:first-child{padding-left:0}
.dg-nav a i{font:600 10.5px PlexMono,monospace;color:var(--b);font-style:normal}
.dg-nav a:hover{color:var(--b)}
/* hero */
.dg-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;padding-top:40px;padding-bottom:44px;align-items:start}
.dg-k{display:flex;gap:12px;align-items:center;font:600 12px PlexMono,monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--g5)}
.dg-k span{background:var(--g9);color:#fff;padding:5px 8px;border-radius:2px}
.dgh-txt h1{font:600 44px/1.08 Plex,sans-serif;letter-spacing:-.025em;margin:18px 0 16px;font-stretch:92%}
.dgh-txt h1 a:hover{color:var(--b)}
.dgh-dek{font-size:19px;color:var(--g7);line-height:1.5}
.dg-call{margin-top:24px;background:var(--w);border:1px solid var(--g3);border-left:4px solid var(--b);padding:16px 18px;display:grid;grid-template-columns:auto 1fr;gap:2px 18px;align-items:center}
.dg-call span{grid-column:1/-1;font:600 11px PlexMono,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--b)}
.dg-call b{font:600 40px/1.05 PlexMono,monospace;letter-spacing:-.04em;color:var(--g9)}
.dg-call em{font-style:normal;color:var(--g5);font-size:14px;line-height:1.35}
.dgh-meta{margin-top:16px}
.dgsrc{font:600 11.5px PlexMono,monospace;color:var(--b);text-transform:uppercase;letter-spacing:.04em}
.dgsrc:before{content:"↗ "}
.dgsrc:hover{text-decoration:underline}
.dgh-box{position:relative;aspect-ratio:4/3;background:var(--g9);border-radius:4px;overflow:hidden}
.dgh-box>a{display:block;height:100%}
.grid-ov{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:10% 12.5%;mix-blend-mode:overlay;border-radius:4px}
.crd{position:absolute;font:600 11px PlexMono,monospace;background:var(--b);color:#fff;padding:4px 7px;border-radius:2px}
.c1{top:14px;left:14px}.c2{bottom:14px;right:14px;background:var(--g9)}
.dgh-fig figcaption,.dga-fig figcaption{font:400 11px PlexMono,monospace;color:var(--g5);margin-top:8px}
.dgh-fig figcaption a,.dga-fig figcaption a{text-decoration:underline}
/* section heads */
.dg-sh{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-top:2px solid var(--g9);padding-top:12px;margin-bottom:18px;flex-wrap:wrap}
.dg-sh h2{font:600 26px Plex,sans-serif;letter-spacing:-.02em}
.dg-sh span{font:400 12px PlexMono,monospace;color:var(--g5)}
/* kpis */
.dg-kpis{padding-bottom:44px}
.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;background:var(--w);border:1px solid var(--g3)}
.kpi{padding:20px 18px;border-right:1px solid var(--g2);display:flex;flex-direction:column;gap:6px;transition:background .2s}
.kpi:last-child{border-right:0}
.kpi:hover{background:#eef3ff}
.kn{font:600 11px PlexMono,monospace;color:var(--g5)}
.kpi b{font:600 30px/1.05 PlexMono,monospace;letter-spacing:-.04em;color:var(--b2)}
.kpi em{font-style:normal;font-size:13.5px;color:var(--g7);line-height:1.35;flex:1}
.kl{font:600 11px PlexMono,monospace;color:var(--b);margin-top:6px}
/* index table */
.dg-index{padding-bottom:44px}
.dg-thead,.drow{display:grid;grid-template-columns:56px 120px minmax(0,1fr) 170px 168px;gap:20px;align-items:start}
.dg-thead{font:600 11px PlexMono,monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--g5);padding:0 18px 8px;border-bottom:1px solid var(--g3)}
.drow{background:var(--w);padding:18px;border-bottom:1px solid var(--g2);transition:background .2s}
.drow:hover{background:#f7f9ff}
.dr-n{font:600 22px PlexMono,monospace;color:var(--g3)}
.drow:hover .dr-n{color:var(--b)}
.dr-sec{font:600 12px PlexMono,monospace;text-transform:uppercase;color:var(--b);padding-top:5px}
.dr-main h3{font:600 21px/1.2 Plex,sans-serif;letter-spacing:-.015em}
.dr-main h3 a:hover{color:var(--b)}
.dr-main p{font-size:15px;color:var(--g7);margin-top:6px}
.drow .dgsrc{padding-top:5px}
.dr-img{display:block;aspect-ratio:3/2;overflow:hidden;border-radius:3px}
.dr-num{display:flex;align-items:center;justify-content:center;background:var(--b2);color:#fff;font:600 22px PlexMono,monospace;letter-spacing:-.03em}
.ph{display:flex;align-items:center;justify-content:center;background:var(--g7);color:#fff;font:600 16px PlexMono}
/* opinion */
.dg-op{padding-bottom:56px}
.dgo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dgo{background:var(--w);border:1px dashed var(--g3);padding:20px}
.dgo b{display:block;font:600 18px Plex,sans-serif;margin:6px 0 4px}
.dgo p{font-size:14px;color:var(--g5)}
/* footer */
.dg-foot{background:var(--g9);color:#9aa8b8;padding:48px 0 26px;font-size:14px}
.dgf-grid{display:grid;grid-template-columns:1.2fr .8fr 1.6fr;gap:44px;padding-bottom:24px;border-bottom:1px solid #2a3442}
.dg-logo-inv .dg-word{color:#fff;font-size:28px}.dg-logo-inv .dg-mark{min-width:52px;height:52px;font-size:23px;line-height:52px;padding:0 7px 0 9px}.dg-logo-inv .dg-mark sup{font-size:17px;line-height:36px}
.dgf-grid p{margin-top:14px}
.dg-foot h4{font:600 11px PlexMono,monospace;color:#fff;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
.dgf-grid>div:nth-child(2) a{display:block;font:400 13px PlexMono,monospace;margin-bottom:4px}
.small{font-size:12.5px;margin-bottom:8px}
.credits{list-style:none;font-size:12px;columns:2;column-gap:22px}
.credits li{break-inside:avoid;margin-bottom:4px}
.credits a{text-decoration:underline}
.legal{font:400 11.5px PlexMono,monospace;margin-top:18px;color:#66768a}
/* article */
.dga-head{padding:40px 0 28px;max-width:980px}
.dga-head h1{font:600 52px/1.06 Plex,sans-serif;letter-spacing:-.03em;margin:18px 0 16px;font-stretch:92%}
.dga-grid{display:grid;grid-template-columns:220px minmax(0,1fr) 260px;gap:40px;padding-bottom:56px;border-top:1px solid var(--g3);padding-top:28px}
.dga-meta dl{font-size:14px}
.dga-meta dt{font:600 10.5px PlexMono,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--g5);margin-top:14px}
.dga-meta dt:first-child{margin-top:0}
.dga-meta dd{padding-bottom:10px;border-bottom:1px solid var(--g2);margin-top:2px;font-weight:500}
.dga-meta dd a{color:var(--b)}
.dga-meta .dg-call{grid-template-columns:1fr;margin-top:22px}
.dga-meta .dg-call b{font-size:32px}
.dga-fig{position:relative;margin-bottom:26px}
.dga-fig img{aspect-ratio:16/9;border-radius:4px}
.dga-fig .grid-ov{bottom:26px}
.dga-body>p{font-size:19px;line-height:1.7;margin-bottom:20px;color:var(--g7)}
.dga-body>p:first-of-type{font-size:21px;color:var(--g9);font-weight:500}
.dga-src{background:var(--w);border:1px solid var(--g3);border-top:3px solid var(--b);padding:18px 20px;margin-top:26px}
.dga-src span{font:600 11px PlexMono,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--b)}
.dga-src p{margin:6px 0 8px;font-size:15px}
.dga-src a{font:600 13px PlexMono,monospace;color:var(--b)}
.dga-idx h4{font:600 11px PlexMono,monospace;text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid var(--g9);padding-bottom:8px}
.dga-idx ol{list-style:none}
.dga-idx li{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--g2);font:500 15px/1.3 Plex,sans-serif}
.dga-idx li span{font:600 12px PlexMono,monospace;color:var(--b);padding-top:2px}
.dga-idx a:hover{color:var(--b)}
/* responsive */
@media (max-width:1100px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi:nth-child(3){border-right:0}.kpi:nth-child(-n+3){border-bottom:1px solid var(--g2)}.dga-grid{grid-template-columns:200px minmax(0,1fr)}.dga-idx{display:none}}
@media (max-width:820px){
 .wrap{padding:0 16px}
 .dg-top{font-size:10px}.dg-top span:nth-child(2){display:none}
 .dg-mast-in{padding-top:14px;padding-bottom:14px}
 .dg-mark{min-width:48px;height:48px;font-size:21px;line-height:48px;padding:0 6px 0 8px}.dg-mark sup{font-size:15px;line-height:32px}
 .dg-word{font-size:25px}
 .dg-tag{display:none}
 .dg-nav a{font-size:13.5px;padding:11px 14px 11px 10px}
 .dg-hero{grid-template-columns:1fr;gap:22px;padding-top:22px}
 .dgh-fig{order:-1}
 .dgh-txt h1{font-size:32px}
 .dgh-dek{font-size:17px}
 .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kpi{border-bottom:1px solid var(--g2)}.kpi:nth-child(3){border-right:1px solid var(--g2)}.kpi:nth-child(2n){border-right:0}
 .kpi b{font-size:26px}
 .dg-thead{display:none}
 .drow{grid-template-columns:40px minmax(0,1fr);gap:6px 12px;padding:16px 14px}
 .dr-n{grid-row:1/span 4;font-size:18px}
 .dr-sec{padding-top:0}
 .dr-main,.drow .dgsrc,.dr-img{grid-column:2}
 .dr-img{order:-1;margin-bottom:6px}
 .dr-main h3{font-size:19px}
 .dgo-grid,.dgf-grid{grid-template-columns:1fr}
 .credits{columns:1}
 .dga-head{padding-top:24px}
 .dga-head h1{font-size:32px}
 .dga-grid{grid-template-columns:1fr;gap:24px}
 .dga-meta{order:2}
 .dga-body>p{font-size:18px}
}
.legal .dom{color:#7fb0ff}
