:root{--ink:#121212;--green:#0A3D12;--gold:#F5AC00;--red:#BA0012;--teal:#12806F;--blue:#1F5FA8;--purple:#6B3A8F;--grey:#F2F2F0;--grey2:#E6E6E3;--grey3:#DCDCD8;--muted:#5E5E5E;--line:#E4E4E4;--sans:'Montserrat',Arial,sans-serif;--body:'Source Sans 3',Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--grey);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5}
a{color:var(--ink);text-decoration:none}a:hover{color:var(--green)}
img{max-width:100%;display:block}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:9}
/* header */
.top{background:#fff}
.top .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;padding-bottom:14px}
.logo img{width:clamp(180px,22vw,260px);height:auto}
.search{display:flex;align-items:center;border:1px solid #DADADA;height:42px}
.search input{border:0;height:40px;padding:0 12px;font:15px var(--body);width:200px;outline:none;background:transparent}
.search button{width:44px;height:40px;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}
.nav{background:var(--green)}
.nav .wrap{overflow-x:auto;scrollbar-width:none}.nav .wrap::-webkit-scrollbar{display:none}
.nav ul{display:flex;margin:0;padding:0;list-style:none;white-space:nowrap;font:700 12px var(--sans);letter-spacing:.06em}
.nav a{display:block;color:#E3ECE4;padding:14px 14px 11px;border-bottom:3px solid transparent;text-transform:uppercase}
.nav a:hover,.nav a.on{color:#fff;border-bottom-color:var(--gold)}
/* layout */
.page{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;padding-top:24px}
.main{flex:999 1 760px;min-width:0;display:flex;flex-direction:column;gap:32px}
.side{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:24px}
.sec-h{display:flex;align-items:center;gap:10px;border-bottom:2px solid var(--c,var(--green));margin:0 0 16px}
.sec-h i{width:12px;height:26px;background:var(--c,var(--green))}
.sec-h h2,.sec-h h1{margin:0;font:800 14px var(--sans);letter-spacing:.06em;text-transform:uppercase;flex:1}
.sec-h a.more{font:700 11px var(--sans);letter-spacing:.06em;color:var(--muted)}
.card{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.ph{position:relative;background:var(--grey3);overflow:hidden}
.ph img{width:100%;height:100%;object-fit:cover}
.tag{position:absolute;left:0;bottom:0;background:#fff;border-top:3px solid var(--c,var(--green));padding:5px 10px;font:700 10px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.time{font:600 11px var(--sans);color:#6A6A6A;text-transform:uppercase;letter-spacing:.02em}
.c-governance{--c:#0A3D12}.c-elections{--c:#BA0012}.c-economy{--c:#F5AC00}.c-security{--c:#121212}.c-climate{--c:#12806F}.c-trade{--c:#1F5FA8}.c-health{--c:#6B3A8F}.c-society{--c:#F5AC00}.c-analysis{--c:#0A3D12}
/* lead */
.lead{display:flex;flex-wrap:wrap}
.lead .ph{flex:2 1 420px;aspect-ratio:3/2;min-width:0}
.lead .tx{flex:1 1 280px;min-width:0;padding:22px 24px;display:flex;flex-direction:column;gap:12px}
.lead h1{margin:0;font:800 clamp(24px,2.4vw,30px)/1.15 var(--sans);letter-spacing:-.01em}
.lead p{margin:0;font-size:17px;line-height:1.45;color:#3A3A3A}
.lead .rel{margin-top:auto;border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:10px}
.lead .rel a{font:700 14px/1.3 var(--sans)}.lead .rel b{color:var(--c,var(--green));margin-right:6px;text-transform:uppercase;font-size:12px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.mini .ph{aspect-ratio:16/9}
.mini .tx{padding:14px 16px 16px}
.mini h3{margin:0 0 10px;font:700 16px/1.3 var(--sans)}
/* section block */
.blk{display:flex;flex-wrap:wrap;gap:16px}
.blk .big{flex:1 1 340px;min-width:0}
.blk .big .ph{aspect-ratio:16/9}
.blk .big .tx{padding:16px 18px 18px}
.blk .big h3{margin:0;font:800 20px/1.25 var(--sans)}
.blk .big p{margin:10px 0 0;color:#3A3A3A}
.blk .list{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:12px}
.row{display:flex;gap:12px;padding:10px}
.row .ph{flex:0 0 110px;height:74px}
.row .k{font:700 10px var(--sans);letter-spacing:.06em;color:#6A6A6A;margin-bottom:4px;text-transform:uppercase}
.row h3{margin:0;font:700 14px/1.3 var(--sans)}
.btn-more{align-self:flex-end;background:var(--c,var(--ink));color:#fff;font:800 11px var(--sans);letter-spacing:.06em;padding:9px 14px;text-transform:uppercase}
.c-economy .btn-more,.c-society .btn-more{color:var(--ink)}
.btn-more:hover{color:#fff;opacity:.9}.c-economy .btn-more:hover,.c-society .btn-more:hover{color:var(--ink)}
/* just in */
.justin{background:var(--grey2)}
.justin .hd{background:var(--ink);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}
.justin .hd h2{margin:0;font:800 18px var(--sans);letter-spacing:.02em}
.justin .day{text-align:center;padding:10px 0 4px}.justin .day span{background:var(--ink);color:#fff;font:700 10px var(--sans);padding:4px 10px;border-radius:999px;text-transform:uppercase}
.justin ol{list-style:none;margin:0;padding:0 0 8px}
.justin li{display:grid;grid-template-columns:14px 44px minmax(0,1fr);gap:8px;padding:10px 14px;align-items:start}
.justin li:nth-child(even){background:var(--grey3)}
.justin li i{width:8px;height:8px;border-radius:50%;background:var(--c);margin-top:6px}
.justin li .t{font:600 11px var(--sans);color:#5A5A5A;margin-top:2px}
.justin li a{font-weight:600;font-size:15px;line-height:1.3}
.justin .vm{display:flex;justify-content:center;padding:4px 16px 18px}.justin .vm a{border:2px solid var(--ink);border-radius:999px;padding:9px 22px;font:800 11px var(--sans);letter-spacing:.06em}
.box .sec-h{padding:0 16px;margin:0}.box .sec-h h2{padding:10px 0}
.box article{padding:14px 16px;border-bottom:1px solid var(--line)}.box article:last-child{border:0}
.box article h3{margin:0;font:700 15px/1.3 var(--sans)}
/* article */
.art{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.art .hd{padding:28px 32px 0}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;font:800 11px var(--sans);letter-spacing:.06em;text-transform:uppercase}
.chips a{padding:5px 10px}.chips .a{background:var(--c);color:#fff}.c-economy .chips .a,.c-society .chips .a{color:var(--ink)}.chips .b{border:1px solid var(--c);color:var(--ink);padding:4px 10px}
.art h1{margin:0 0 14px;font:800 clamp(28px,3.4vw,40px)/1.14 var(--sans);letter-spacing:-.01em}
.art .stand{margin:0 0 18px;font-size:20px;line-height:1.45;color:#3A3A3A;font-weight:600}
.byline{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:12px/1.6 var(--sans)}
.byline b{font-weight:700}.byline span{color:#6A6A6A;font-weight:600}
.share{display:flex;gap:8px}.share a,.share button{width:44px;height:44px;border:0;background:var(--grey);display:flex;align-items:center;justify-content:center;cursor:pointer}
.share .wa{background:var(--green)}
.art figure{margin:24px 0 0}.art figure .ph{aspect-ratio:16/9}
.art figcaption{padding:10px 32px 0;font-size:14px;color:#5A5A5A}.art figcaption span{font:600 11px var(--sans)}
.body{padding:24px 32px 32px;max-width:740px;font-size:19px;line-height:1.65}
.body p{margin:0 0 22px}.body h2{margin:32px 0 12px;font:800 22px/1.25 var(--sans)}
.body blockquote{margin:0 0 22px;padding:4px 0 4px 18px;border-left:4px solid var(--gold);font-style:italic}
/* listing */
.listing{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.pager{display:flex;justify-content:space-between;margin-top:20px;font:800 12px var(--sans);letter-spacing:.06em}
.pager a{background:var(--ink);color:#fff;padding:10px 16px}
.static{padding:28px 32px}.static h1{font:800 32px var(--sans);margin:0 0 16px}.static p{font-size:18px;max-width:720px}
/* footer */
footer{margin-top:48px}
.tri{display:flex;height:4px}.tri i{flex:1}.tri i:nth-child(1){background:var(--red)}.tri i:nth-child(2){background:var(--gold)}.tri i:nth-child(3){background:var(--green)}
.ft{background:#fff}.ft .wrap{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;padding-top:28px;padding-bottom:28px}
.ft .cols{flex:3 1 560px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;font-size:15px}
.ft .cols div{display:flex;flex-direction:column;gap:8px}.ft .cols b{font:800 12px var(--sans);letter-spacing:.06em;text-transform:uppercase}
.fb{background:var(--ink);color:#BDBDBD}.fb .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:14px;padding-bottom:14px;font:600 11px var(--sans);text-transform:uppercase}
@media (max-width:640px){.wrap{padding-left:16px;padding-right:16px}.art .hd,.body,.static{padding-left:18px;padding-right:18px}.art figcaption{padding:10px 18px 0}.search input{width:140px}.body{font-size:18px}}