/* Kurd Portal - magazine layout */
:root{--paper:#fff;--paper2:#f4f4f4;--ink:#222;--ink2:#444;--muted:#8a8a8a;--line:#e3e3e3;--black:#1b1b1b;--red:#e3171b;--sun:#f6c20f;--green:#077e3a;--blue:#1e73be;--purple:#8e44ad;--orange:#e67e22;--teal:#16a085;--navy:#10263f;--pink:#c2185b;
  --fh:"Noto Kufi Arabic",system-ui,sans-serif;--fb:"Noto Naskh Arabic","Segoe UI",Tahoma,sans-serif;--wrap:1200px}
.lang-en{--fh:"Roboto Condensed",system-ui,sans-serif;--fb:"Source Sans 3",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;background:var(--bg,#ededed);color:var(--ink);font:16px/1.75 var(--fb)}
body.lang-en{line-height:1.6}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
main.wrap{background:var(--paper);padding-top:20px;padding-bottom:30px}
.muted{color:var(--muted)}
.skip{position:absolute;inset-inline-start:-999px;top:0}.skip:focus{inset-inline-start:8px;background:var(--sun);padding:6px 10px;z-index:99}
:focus-visible{outline:3px solid var(--sun);outline-offset:2px}

/* top bar */
.topbar{background:var(--black);color:#ddd;font-size:14px}.topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:38px;background:var(--black)}
.toplinks{display:flex;gap:18px;align-items:center}.toplinks .today{color:#999;margin-inline-end:6px}.toplinks .lbl{color:#999}.toplinks a:hover{color:#fff}
.social{display:flex;gap:6px}.social a{width:30px;height:30px;display:grid;place-items:center;color:#bbb;border-radius:4px;font-size:15px}.social a:hover{background:#333;color:#fff}

/* masthead */
.masthead{background:#fff}.masthead .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:130px;padding-top:16px;padding-bottom:16px;background:#fff}
.logo img{height:96px;width:auto}
.hdbanner{flex:1;display:flex;justify-content:flex-start;align-items:center;min-height:90px}.hdbanner img{max-height:100px}
.burger{display:none;background:none;border:0;color:var(--ink);font-size:28px;cursor:pointer}

/* nav */
.catnav{background:var(--black)}.catnav .wrap{display:flex;align-items:center;gap:0;background:var(--black);overflow-x:auto;scrollbar-width:none}.catnav .wrap::-webkit-scrollbar{display:none}
.catnav a{padding:0 16px;height:46px;line-height:46px;font-family:var(--fh);font-weight:500;font-size:15px;white-space:nowrap;color:#eee;border-bottom:3px solid transparent}
.catnav a.on,.catnav a:hover{background:#2b2b2b;color:#fff;border-color:var(--red)}
.catnav .search{display:flex;margin-inline-start:auto;background:#2b2b2b;border-radius:4px;overflow:hidden;height:32px}.catnav .search input{border:0;background:transparent;color:#fff;padding:0 12px;font:inherit;font-size:14px;width:170px}.catnav .search button{border:0;background:var(--red);color:#fff;width:36px;cursor:pointer;font-size:18px}

/* ticker */
.ticker{background:#fff;border-bottom:1px solid var(--line)}.ticker .wrap{display:flex;align-items:stretch;height:38px;gap:0;background:#fff}
.ticker .tag{background:var(--red);color:#fff;padding:0 16px;font-family:var(--fh);font-weight:700;font-size:15px;display:flex;align-items:center;white-space:nowrap}
.ticker .track{overflow:hidden;flex:1;min-width:0;display:flex;align-items:center}.ticker .items{display:flex;gap:56px;white-space:nowrap;width:max-content;animation:tick 50s linear infinite;font-size:15px}
.dir-rtl .ticker .items{animation-name:tick-rtl}.ticker .items a:hover{color:var(--red)}
.ticker .items a::before{content:"";display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;margin-inline-end:10px;vertical-align:middle}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes tick-rtl{from{transform:translateX(0)}to{transform:translateX(50%)}}
.ticker .track:hover .items{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.ticker .items{animation:none}}

/* layout */
.twocol{display:grid;grid-template-columns:1fr var(--sidew,330px);gap:28px;align-items:start}.twocol.nosidebar{grid-template-columns:1fr}
.maincol{min-width:0}.sidecol{min-width:0}

/* slider */
.slider{position:relative;background:#111;margin-bottom:24px}
.slides{position:relative;aspect-ratio:16/9}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .7s;display:block}.slide.on{opacity:1;z-index:1}
.slide img,.slide .noimg{width:100%;height:100%;object-fit:cover;display:block}.slide .noimg{background:#222}
.slide .cap{position:absolute;inset-inline:0;bottom:0;padding:16px 22px;background:rgba(0,0,0,.6);color:#fff;display:block}
.slide .cap .h{font-family:var(--fh);font-size:24px;line-height:1.45;font-weight:700;display:block}
.dots{position:absolute;top:14px;inset-inline-start:18px;z-index:2;display:flex;gap:7px}.dots button{width:11px;height:11px;border-radius:50%;border:2px solid #fff;background:transparent;cursor:pointer;padding:0}.dots button.on{background:#fff}
.arrow{position:absolute;top:42%;z-index:2;width:38px;height:48px;border:0;background:rgba(0,0,0,.45);color:#fff;font-size:30px;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s}.slider:hover .arrow{opacity:1}
.arrow.prev{inset-inline-start:0}.arrow.next{inset-inline-end:0}.dir-rtl .arrow{transform:scaleX(-1)}
.slidebar{display:flex;justify-content:space-between;align-items:stretch;background:#fff;border-bottom:2px solid var(--red);height:36px}
.slidebar .cat{background:var(--red);color:#fff;font-family:var(--fh);font-weight:700;padding:0 18px;display:flex;align-items:center;font-size:15px}
.va{font-size:12px;color:#888;background:#f1f1f1;padding:2px 10px;border-radius:3px;align-self:center;white-space:nowrap}.va::before{content:"▸ ";color:#aaa}.va:hover{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.slide{transition:none}}

/* overlay cards */
.ovlist{display:flex;flex-direction:column;gap:14px}
.ov{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#333}
.ov img,.ov .noimg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.ov:hover img{transform:scale(1.04)}.ov .noimg{background:linear-gradient(135deg,#333,#555)}
.ovcap{position:absolute;inset-inline:0;bottom:0;padding:10px 14px;background:rgba(0,0,0,.62);color:#fff;display:block}.ovcap .h{font-family:var(--fh);font-size:15px;line-height:1.5;font-weight:500;display:block}
.ov.is-report .ovcap{border-inline-start:4px solid var(--green)}
.play{position:absolute;inset-inline-start:12px;top:12px;background:var(--red);color:#fff;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:12px}

/* blocks */
.block{margin-bottom:28px;--c:var(--red)}
.c-red{--c:var(--red)}.c-blue{--c:var(--blue)}.c-purple{--c:var(--purple)}.c-green{--c:var(--green)}.c-orange{--c:var(--orange)}.c-teal{--c:var(--teal)}.c-navy{--c:var(--navy)}.c-pink{--c:var(--pink)}.c-black{--c:var(--black)}
.btab{display:flex;justify-content:space-between;align-items:stretch;margin:0 0 16px;border-bottom:3px solid var(--c);height:40px;font-size:17px}
.btab>a:last-child,.btab>span:last-child{background:var(--c);color:#fff;font-family:var(--fh);font-weight:700;padding:0 18px;display:flex;align-items:center;order:-1}
.dir-rtl .btab>a:last-child,.dir-rtl .btab>span:last-child{order:0}.dir-rtl .btab{flex-direction:row-reverse}
.bgrid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}
.big .img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--paper2)}.big .img img{width:100%;height:100%;object-fit:cover}.big .noimg{display:block;width:100%;height:100%;background:linear-gradient(135deg,#eee,#ddd)}
.big time{display:block;font-size:12px;color:var(--muted);margin:10px 0 2px}
.big h3{margin:0 0 8px;font-family:var(--fh);font-size:18px;line-height:1.5;font-weight:700}.big h3 a:hover{color:var(--c)}
.big p{margin:0;font-size:14px;line-height:1.75;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blist{display:flex;flex-direction:column}
.li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.li:first-child{padding-top:0}.li:last-child{border-bottom:0}
.li .th{width:80px;height:60px;flex:none;overflow:hidden;background:var(--paper2)}.li .th img{width:100%;height:100%;object-fit:cover}.li .noimg{display:block;width:100%;height:100%;background:linear-gradient(135deg,#eee,#ddd)}
.li time{display:block;font-size:11px;color:var(--muted)}.li h4{margin:2px 0 0;font-family:var(--fh);font-size:14px;line-height:1.5;font-weight:500}.li h4 a:hover{color:var(--c)}
.halfwrap{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.half .bbig{margin-bottom:10px}

/* sidebar widgets */
.widget{margin-bottom:26px}
.wtab{margin:0 0 14px;border-bottom:2px solid var(--black);display:flex;height:38px}
.wtab>*{background:var(--black);color:#fff;font-family:var(--fh);font-weight:700;font-size:15px;padding:0 16px;display:flex;align-items:center}
.ranked{list-style:none;margin:0;padding:0;counter-reset:n}.ranked li{counter-increment:n;display:grid;grid-template-columns:34px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);align-items:start}
.ranked li::before{content:counter(n);font-family:var(--fh);font-size:26px;font-weight:700;color:var(--red);line-height:1}
.ranked li a{font-family:var(--fh);font-weight:500;font-size:14px;line-height:1.5;display:block}.ranked li a:hover{color:var(--red)}.ranked li span{grid-column:2;font-size:11px}
.tags{display:flex;flex-wrap:wrap;gap:6px}.tags a{background:var(--paper2);padding:3px 10px;border-radius:3px;font-size:13px}.tags a:hover{background:var(--sun)}
.whtml{font-size:14px}.whtml img{max-width:100%}
.herosides{margin-bottom:26px}.herosides .ov{aspect-ratio:16/10}.herosides .ovcap .h{font-size:16px}

/* videos */
.videos{background:#1b1b1b;color:#fff;padding:26px 0 30px;margin:10px 0 0}
.videos .wrap{background:transparent}.videos .btab{border-color:var(--red)}.videos .btab>span:last-child{background:var(--red)}.videos .va{background:#333;color:#ccc}
.videos .wrap{display:grid;grid-template-columns:1.6fr 1fr;gap:26px;align-items:start}.videos .btab{grid-column:1/-1}
.vframe{aspect-ratio:16/9;background:#000}.vframe iframe{width:100%;height:100%;border:0}
.vmain h3{font-family:var(--fh);font-size:20px;margin:12px 0 0;font-weight:700}
.vrow{display:flex;flex-direction:column}.vrow .li{border-color:#333}.vrow .li .th{width:120px;height:80px}.vrow .li time{color:#999}.vrow .li h4{color:#eee;font-size:14px}.vrow .li h4 a:hover{color:var(--sun)}

/* list pages */
.listhead{display:flex;align-items:baseline;gap:16px;padding:6px 0 10px;border-bottom:3px solid var(--black);margin-bottom:16px}.listhead h1{font-family:var(--fh);font-size:26px;margin:0}
.empty{padding:40px 0;color:var(--muted);text-align:center}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:8px 0 28px}
.card{display:flex;flex-direction:column;gap:8px}.card .img{position:relative;overflow:hidden;background:var(--paper2);aspect-ratio:16/10;display:block}.card .img img{width:100%;height:100%;object-fit:cover}.card .noimg{display:block;width:100%;height:100%;background:linear-gradient(135deg,#eee,#ddd)}
.kick{display:flex;gap:12px;align-items:baseline;font-size:12px;color:var(--muted)}.kick a{color:var(--red);font-weight:600}.kick .rep{color:var(--green);font-weight:700}
.card h3{margin:0;font-family:var(--fh);font-weight:500;font-size:16px;line-height:1.5}.card h3 a:hover{color:var(--red)}.card p{margin:0;color:var(--ink2);font-size:14px}
.pager{display:flex;gap:6px;flex-wrap:wrap;padding-bottom:20px}.pager a{padding:6px 13px;border:1px solid var(--line);border-radius:3px;font-weight:600}.pager a.on{background:var(--black);color:#fff;border-color:var(--black)}

/* article */
.story-wrap{align-items:start}
.story{padding:0 0 10px;max-width:none;margin:0}
.story header .kick{font-size:13px}.story h1{font-family:var(--fh);font-size:30px;line-height:1.45;margin:8px 0 12px;font-weight:700}
.standfirst{font-size:18px;line-height:1.7;color:var(--ink2);margin:0 0 14px}
.byline{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--muted);padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cover{margin:20px 0}.video{aspect-ratio:16/9;margin:20px 0}.video iframe{width:100%;height:100%;border:0}
.body{font-size:17px;line-height:1.9}.body p{margin:0 0 1.1em}.body h2,.body h3{font-family:var(--fh);margin:1.4em 0 .5em}.body img{margin:1em 0}.body blockquote{margin:1.2em 0;padding-inline-start:18px;border-inline-start:4px solid var(--red);color:var(--ink2)}
.body iframe{max-width:100%}.body a{color:var(--red);text-decoration:underline}
.story .tags{margin:22px 0}
.share{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:14px 0;border-top:1px solid var(--line);font-size:13px}.share a{background:var(--black);color:#fff;padding:5px 14px;border-radius:3px;font-weight:600}.share a:hover{background:var(--red)}
.alsoin a{color:var(--red);font-weight:600;margin-inline-end:8px}
.related{padding:10px 0 20px}.related .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}

/* footer */
.foot{background:var(--black);color:#ccc;padding:40px 0 20px;font-size:14px}.foot .wrap{background:var(--black)}
.fbrand{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:26px}.fbrand .social{margin-top:6px}.fbrand .social a{background:#2b2b2b}.fbrand .logo img{height:80px}.fbrand p{margin:0;color:#aaa;max-width:600px}
.fcols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;border-top:1px solid #333;padding-top:22px}.fcols b{display:block;font-family:var(--fh);margin-bottom:8px;color:#fff}.fcols a{display:block;color:#bbb;padding:3px 0}.fcols a:hover{color:#fff}
.copy{margin-top:24px;padding-top:14px;border-top:1px solid #333;color:#888;font-size:13px}

/* mobile */
@media(max-width:980px){.twocol{grid-template-columns:1fr}.halfwrap{grid-template-columns:1fr}.bgrid{grid-template-columns:1fr}.videos .wrap{grid-template-columns:1fr}.related .grid4{grid-template-columns:repeat(2,1fr)}.hdbanner{display:none}}
@media(max-width:640px){body{font-size:15px}.toplinks{display:none}.topbar .wrap{justify-content:flex-end}
  .masthead .wrap{min-height:auto;padding:10px 20px}.logo img{height:56px}.burger{display:block}
  .catnav .wrap{display:none;flex-direction:column;align-items:stretch}.nav-open .catnav .wrap{display:flex}.catnav a{height:42px;line-height:42px;border-bottom:1px solid #333}.catnav .search{margin:10px 0}.catnav .search input{width:100%}.catnav .search{height:38px}
  .slide .cap .h{font-size:17px}.grid2{grid-template-columns:1fr}.story h1{font-size:23px}.standfirst{font-size:16px}.body{font-size:16px}.fcols{grid-template-columns:1fr}.related .grid4{grid-template-columns:1fr}.ticker .tag{padding:0 10px;font-size:13px}}

.contactbox{margin-top:24px;padding:18px;background:var(--paper2);border-inline-start:4px solid var(--red)}.contactbox p{margin:0 0 8px}.map{margin-top:14px}.map iframe{width:100%;min-height:300px;border:0}.fcols span{display:block;color:#bbb;padding:3px 0}

/* language dropdown */
.langdd{position:relative;margin-inline-start:6px}
.langbtn{display:flex;align-items:center;gap:8px;background:var(--navy);color:#fff;border:0;border-radius:999px;padding:4px 12px 4px 8px;font:inherit;font-size:13px;cursor:pointer;height:28px}
.langbtn img{width:20px;height:14px;flex:none;border-radius:2px;object-fit:cover}.langbtn i{font-style:normal;font-size:10px;opacity:.8}
.langlist{display:none;position:absolute;top:34px;inset-inline-end:0;background:#fff;color:var(--ink);list-style:none;margin:0;padding:6px 0;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.25);min-width:150px;z-index:30}
.langdd.open .langlist{display:block}.social .langlist a,.langlist a{width:auto;height:auto;border-radius:0;color:var(--ink);display:flex;align-items:center;gap:10px;padding:8px 14px;font-size:14px;white-space:nowrap}.langlist a:hover{background:var(--paper2)}.langlist a.on{color:var(--red);font-weight:700}.langlist img{width:22px;height:15px;flex:none;border-radius:2px;object-fit:cover}
.bannerslot{text-align:center}.bannerslot img{display:inline-block;max-width:100%;height:auto}.hdbanner .bannerslot img{max-height:110px}.widget .bannerslot{margin-bottom:6px}

/* comments + newsletter */
.comments{margin-top:26px}.cmt{padding:12px 0;border-bottom:1px solid var(--line)}.cmt-h{display:flex;gap:12px;align-items:baseline;font-size:13px;color:var(--muted)}.cmt-h b{color:var(--ink);font-size:15px}.cmt p{margin:4px 0 0;font-size:15px;white-space:pre-line}
.cform{margin-top:16px;display:flex;flex-direction:column;gap:10px}.cform .row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cform input,.cform textarea,.nlbox input{padding:9px 12px;border:1px solid var(--line);border-radius:4px;font:inherit;font-size:15px;background:#fff;width:100%}
.btn-red{background:var(--red);color:#fff;border:0;padding:9px 20px;border-radius:4px;font:inherit;font-weight:700;cursor:pointer;align-self:flex-start}.btn-red:hover{filter:brightness(.9)}
.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;opacity:0}
.note{padding:8px 12px;border-radius:4px;font-size:14px;margin-bottom:10px}.note.ok{background:#e8f6ee;color:#0f6e3a}.note.err{background:#fdecec;color:var(--red)}
.nlbox{background:var(--paper2);padding:18px;border-top:3px solid var(--red)}.nlbox b{font-family:var(--fh);font-size:17px;display:block}.nlbox p{margin:4px 0 12px;font-size:14px;color:var(--ink2)}
.nlbox form{display:flex;gap:8px}.nlbox.compact form{flex-direction:column}.nlbox.compact .btn-red{align-self:stretch}
.fnl{margin:0 0 26px}.fnl .nlbox{background:#262626;border-color:var(--red);color:#fff;max-width:620px}.fnl .nlbox p{color:#bbb}.fnl .nlbox input{background:#333;border-color:#444;color:#fff}
@media(max-width:640px){.cform .row2{grid-template-columns:1fr}.nlbox form{flex-direction:column}}

.pushbtn{background:none;border:0;color:#bbb;font-size:15px;cursor:pointer;width:30px;height:30px;border-radius:4px}.pushbtn:hover{background:#333;color:#fff}.pushbtn.on{color:var(--sun)}

/* widget areas: header below + footer */
.belowbar{background:#fff;border-bottom:1px solid var(--line)}.belowbar .wrap{display:flex;gap:20px;align-items:center;justify-content:center;padding-top:12px;padding-bottom:12px;background:#fff;flex-wrap:wrap}.bw{flex:1;min-width:0}.bwt{display:block;font-family:var(--fh);margin-bottom:6px}
.fwidgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;margin-bottom:20px}.fw-about{grid-column:span 2}
.fwt{display:block;font-family:var(--fh);color:#fff;margin-bottom:10px;font-size:15px}
.wlinks a,.wlinks span{display:block;padding:3px 0;font-size:14px}.foot .wlinks a{color:#bbb}.foot .wlinks a:hover{color:#fff}.foot .wlinks span{color:#bbb}
.wlinks .flag{display:inline-block;width:20px;height:14px;vertical-align:middle;border-radius:2px;margin-inline-end:6px}
.wabout .logo img{height:70px;width:auto}.wabout p{margin:8px 0;font-size:14px}.foot .wabout p{color:#aaa}.wabout .social a{background:#2b2b2b}
.foot .ovlist .ovcap{background:rgba(0,0,0,.7)}.foot .ranked li{border-color:#333}.foot .ranked li a{color:#eee}.foot .ranked li span{color:#888}.foot .tags a{background:#2b2b2b;color:#ddd}.foot .li{border-color:#333}.foot .li h4{color:#eee}.foot .li time{color:#888}
.foot .nlbox{background:#262626;border-color:var(--red);color:#fff}.foot .nlbox p{color:#bbb}.foot .nlbox input{background:#333;border-color:#444;color:#fff}
.foot .fw .wtab{display:none}
@media(max-width:640px){.fwidgets{grid-template-columns:1fr}.fw-about{grid-column:span 1}.belowbar .wrap{flex-direction:column}}

/* home blocks (builder) */
.hbwrap{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hbwrap .hb{grid-column:span 2;margin-bottom:4px}.hbwrap .hb.half{grid-column:span 1}
.hgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.half .hgrid{grid-template-columns:repeat(2,1fr)}
.mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:200px 200px;gap:10px}.mosaic .mbig{grid-column:span 2;grid-row:span 2}.mosaic .ov{height:100%;aspect-ratio:auto}.mosaic .mbig .ovcap .h{font-size:20px}.half .mosaic{grid-template-columns:repeat(2,1fr);grid-template-rows:220px 120px 120px}.half .mosaic .mbig{grid-column:span 2;grid-row:span 1}
.ovgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.half .ovgrid{grid-template-columns:repeat(2,1fr)}
.hero2{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:10px}.half .hero2{grid-template-columns:1fr}
.blist.cols2{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.blist.cols2 .li:first-child{padding-top:10px}.blist.cols2 .li:nth-child(2){padding-top:10px}.half .blist.cols2{grid-template-columns:1fr}
.leadblk{margin-bottom:16px}.leadblk .card.lead .img{aspect-ratio:21/9}.leadblk .card.lead h3{font-size:26px;font-weight:700}
.hb .rows .card.row{padding:14px 0}.hbhtml{font-size:15px}.vaspace{visibility:hidden}
@media(max-width:980px){.hbwrap{grid-template-columns:1fr}.hbwrap .hb,.hbwrap .hb.half{grid-column:span 1}.hgrid{grid-template-columns:repeat(2,1fr)}.mosaic{grid-template-columns:repeat(2,1fr);grid-template-rows:220px 140px 140px}.mosaic .mbig{grid-column:span 2;grid-row:span 1}.ovgrid{grid-template-columns:repeat(2,1fr)}.hero2{grid-template-columns:1fr}.blist.cols2{grid-template-columns:1fr}}
@media(max-width:640px){.hgrid,.half .hgrid{grid-template-columns:1fr}.mosaic,.half .mosaic{grid-template-columns:1fr 1fr;grid-template-rows:200px 120px 120px}.ovgrid,.half .ovgrid{grid-template-columns:1fr}}
/* row + lead cards (used by home blocks) */
.card.row{flex-direction:row;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.card.row:last-child{border-bottom:0}.card.row .img{width:240px;flex:none;aspect-ratio:16/10}.card.row h3{font-size:19px;font-weight:700}.card.row p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.half .card.row .img{width:150px}.half .card.row h3{font-size:16px}
.card.lead .img{aspect-ratio:21/9}.card.lead h3{font-size:26px;font-weight:700;line-height:1.4}.card.lead p{font-size:15px}
@media(max-width:640px){.card.row{flex-direction:column;gap:8px}.card.row .img,.half .card.row .img{width:100%}.card.lead h3{font-size:20px}}

/* stage 8 */
.tools{margin-inline-start:auto;display:flex;gap:6px}.tb{background:var(--paper2);border:1px solid var(--line);border-radius:4px;padding:2px 9px;font:inherit;font-size:12px;cursor:pointer;color:var(--ink)}.tb:hover{border-color:var(--ink)}
.gallery{margin:22px 0}.gscroll{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gscroll figure{margin:0}.gscroll img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px;cursor:zoom-in}.gscroll figcaption{font-size:12px;color:var(--muted);padding:4px 2px}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:100;display:flex;align-items:center;justify-content:center}.lightbox[hidden]{display:none}.lightbox img{max-width:92vw;max-height:84vh;object-fit:contain}.lightbox button{position:absolute;background:rgba(255,255,255,.15);color:#fff;border:0;font-size:28px;width:46px;height:46px;border-radius:50%;cursor:pointer}.lbx{top:16px;inset-inline-end:16px}.lbp{inset-inline-start:16px;top:50%}.lbn{inset-inline-end:16px;top:50%}.lbc{position:absolute;bottom:18px;color:#ddd;font-size:14px;text-align:center;inset-inline:40px}
.authorbox{display:flex;gap:16px;align-items:flex-start;background:var(--paper2);padding:16px;margin:22px 0;border-inline-start:4px solid var(--red)}.authorbox img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none}.authorbox p{margin:4px 0 0;font-size:14px;color:var(--ink2)}.authorbox.big{margin:0 0 20px}
.pollbox{background:var(--paper2);border-top:3px solid var(--red);padding:16px;margin:18px 0}.pq{font-family:var(--fh);font-size:16px;display:block;margin-bottom:10px}.popt{display:block;padding:6px 0;font-size:15px;cursor:pointer}.pres{margin:6px 0}.prl{display:flex;justify-content:space-between;font-size:14px}.prb{height:8px;background:#ddd;border-radius:4px;overflow:hidden}.prb i{display:block;height:100%;background:var(--red)}
.themebtn{font-size:14px}
/* dark theme */
[data-theme=dark]{--paper:#1c1c1e;--paper2:#262628;--ink:#eee;--ink2:#cfcfcf;--muted:#9a9a9a;--line:#3a3a3c;--bg:#111}
[data-theme=dark] main.wrap,[data-theme=dark] .masthead,[data-theme=dark] .masthead .wrap,[data-theme=dark] .ticker,[data-theme=dark] .ticker .wrap,[data-theme=dark] .belowbar,[data-theme=dark] .belowbar .wrap,[data-theme=dark] .slidebar{background:var(--paper);color:var(--ink)}
[data-theme=dark] .masthead,[data-theme=dark] .ticker,[data-theme=dark] .belowbar{border-color:var(--line)}
[data-theme=dark] .cform input,[data-theme=dark] .cform textarea,[data-theme=dark] .nlbox input{background:#2a2a2c;color:#eee;border-color:#444}
[data-theme=dark] .va{background:#333;color:#bbb}[data-theme=dark] .prb{background:#444}[data-theme=dark] .lp{background:#333}
[data-theme=dark] .logo img{background:#fff;padding:4px;border-radius:4px}
/* print */
@media print{.topbar,.masthead .hdbanner,.catnav,.ticker,.belowbar,.sidecol,.share,.comments,.related,.foot,.tools,.nlbox,.slider,.bannerslot,.pushbtn,.burger{display:none!important}body{background:#fff;color:#000}main.wrap{padding:0}.twocol{display:block}.story{max-width:none}.story h1{font-size:24px}.body{font-size:14px}.cover img{max-height:360px;object-fit:cover}}
@media(max-width:640px){.gscroll{grid-template-columns:repeat(2,1fr)}.tools{margin-inline-start:0}}

/* info widgets */
.wxtabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:10px}.wxtabs button{border:1px solid var(--line);background:var(--paper);color:var(--ink2);padding:3px 10px;border-radius:999px;font:inherit;font-size:12px;cursor:pointer}.wxtabs button.on{background:var(--black);color:#fff;border-color:var(--black)}
.wxpane{display:none}.wxpane.on{display:block}
.wxnow{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#1e73be,#4aa3df);color:#fff;border-radius:8px;padding:14px}.wxnow .muted{color:#e6f0fa}.wxi{font-size:40px;line-height:1}.wxt{font-size:38px;font-weight:700;font-family:var(--fh)}
.wxdays{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.wxdays div{background:var(--paper2);border-radius:6px;padding:6px;text-align:center;font-size:12px;display:flex;flex-direction:column}.wxdays i{font-style:normal;font-size:20px}.wxdays b{font-size:14px}.wxdays small{color:var(--muted)}
.mlg{font-size:12px;font-weight:700;color:var(--muted);padding:8px 0 4px;border-bottom:1px solid var(--line)}
.mrow{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px}
.mteam{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mteam.a{justify-content:flex-end;flex-direction:row-reverse}.dir-rtl .mteam.a{flex-direction:row-reverse}.mteam img{width:18px;height:18px;object-fit:contain;flex:none}
.mscore{text-align:center;min-width:54px}.mscore b{background:var(--black);color:#fff;padding:2px 8px;border-radius:4px;font-size:13px}.mscore em{font-style:normal;color:var(--muted);font-size:12px}.mrow.ms-live .mscore b{background:var(--red)}.live{display:block;font-style:normal;font-size:10px;color:var(--red);font-weight:700;animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.live{animation:none}}
.fx{width:100%;border-collapse:collapse;font-size:14px}.fx td{padding:7px 2px;border-bottom:1px solid var(--line)}.fx td:last-child{text-align:end;white-space:nowrap}.fx small{color:var(--muted)}.flag{font-size:16px}
.prow{display:flex;justify-content:space-between;padding:7px 10px;border-radius:6px;font-size:14px}.prow:nth-child(odd){background:var(--paper2)}.prow.next{background:var(--green);color:#fff}
.dt{text-align:center;display:flex;flex-direction:column;gap:4px;font-size:14px}.clock{font-size:40px;font-weight:700;font-family:var(--fh);color:var(--red);line-height:1.1}
.follow{display:grid;grid-template-columns:1fr 1fr;gap:8px}.follow a{display:flex;align-items:center;gap:8px;background:var(--fc);color:#fff;border-radius:6px;padding:9px 10px;font-weight:600;font-size:14px}.follow a i{font-style:normal;width:22px;text-align:center;font-size:16px}.follow a b{margin-inline-start:auto;font-size:12px;opacity:.9}.follow a:hover{filter:brightness(1.1)}
.embed iframe{max-width:100%;border:0}.embed .vframe{aspect-ratio:16/9}
.foot .wxdays div,.foot .prow:nth-child(odd){background:#262626}.foot .fx td,.foot .mrow,.foot .mlg{border-color:#333}.foot .wxtabs button{background:#262626;color:#ccc;border-color:#333}
/* share */
.share .sh{display:inline-flex;align-items:center;gap:6px;color:#fff;padding:6px 12px;border-radius:4px;font-weight:600;font-size:13px;border:0;cursor:pointer;font-family:inherit;background:var(--black)}
.sh.fb{background:#1877f2}.sh.xx{background:#000}.sh.wa{background:#25d366}.sh.tg{background:#229ed9}.sh.li{background:#0a66c2}.sh.em{background:#6b7280}.sh.cp{background:#4b5563}.sh.cp.done{background:var(--green)}.sh.nt{background:var(--red)}.sh:hover{filter:brightness(1.1)}
.sharefloat{display:none}
@media(max-width:640px){.share .sh span{display:none}.sharefloat{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:40;box-shadow:0 -2px 10px rgba(0,0,0,.15)}.sharefloat>*{flex:1;height:46px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;border:0;font-family:inherit}.sharefloat .wa{background:#25d366}.sharefloat .fb{background:#1877f2}.sharefloat .tg{background:#229ed9}.sharefloat .xx{background:#000}.sharefloat .cp{background:#4b5563}.sharefloat .cp.done{background:var(--green)}body:has(.sharefloat) .foot{padding-bottom:60px}}
@media print{.sharefloat{display:none!important}}
.mscore b.sc{display:inline-flex;gap:5px;direction:inherit}

/* attachments */
.attachments{margin:22px 0}.att{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;margin-bottom:8px;background:var(--paper)}
.ficon{flex:none;width:46px;height:52px;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff;background:#6b7280;position:relative}.ficon::after{content:"";position:absolute;top:0;inset-inline-end:0;border-width:0 12px 12px 0;border-style:solid;border-color:transparent var(--paper) transparent transparent;opacity:.6}
.fi-pdf{background:#dc2626}.fi-word{background:#2563eb}.fi-excel{background:#059669}.fi-ppt{background:#ea580c}.fi-zip{background:#7c3aed}.fi-audio{background:#db2777}.fi-video{background:#0891b2}.fi-image{background:#ca8a04}
.attinfo{flex:1;min-width:0;display:flex;flex-direction:column}.attinfo b{font-family:var(--fh);font-size:15px;overflow:hidden;text-overflow:ellipsis}
.attbtn{background:var(--red);color:#fff;border:0;border-radius:4px;padding:7px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.attbtn.ghost{background:var(--paper2);color:var(--ink);border:1px solid var(--line)}.attbtn:hover{filter:brightness(.95)}
.pdfview{margin:-2px 0 10px}.pdfview iframe{width:100%;height:80vh;border:1px solid var(--line);border-radius:8px;background:#fff}
@media(max-width:640px){.att{flex-wrap:wrap}.attinfo{flex-basis:calc(100% - 60px)}.att .attbtn{flex:1;text-align:center}}
@media print{.attbtn,.pdfview{display:none!important}}

/* ---- stage 11: live blog, opinion, corrections, credits ---- */
.livebadge{display:inline-flex;align-items:center;gap:5px;background:var(--red);color:#fff;font:700 11px/1 var(--fh);padding:4px 7px 4px 8px;border-radius:3px;margin-inline-end:6px;vertical-align:middle;letter-spacing:.02em}
.livebadge::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;animation:lbpulse 1.4s ease-in-out infinite}
.livebadge.ended{background:#555}.livebadge.ended::before{animation:none;opacity:.6}
.ov .livebadge{position:absolute;top:10px;inset-inline-start:10px;z-index:2}
@keyframes lbpulse{0%,100%{opacity:1}50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.livebadge::before{animation:none}}
.liveblog{margin:26px 0;border-top:3px solid var(--red)}
.lbhead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0}
.lbhead h2{margin:0;font:700 20px/1.3 var(--fh)}
.lbauto{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.lbauto i{width:8px;height:8px;border-radius:50%;background:var(--red);animation:lbpulse 1.4s infinite}
.lbkeys{background:var(--paper2);border-inline-start:4px solid var(--sun);padding:12px 16px;margin-bottom:16px}
.lbkeys b{font-family:var(--fh)}.lbkeys ul{margin:6px 0 0;padding:0;list-style:none}.lbkeys li{padding:4px 0;border-bottom:1px dashed var(--line)}.lbkeys li:last-child{border:0}
.lbkeys time{color:var(--red);font-weight:700;margin-inline-end:6px;direction:ltr;display:inline-block}
.lbnew{position:sticky;top:10px;z-index:5;display:block;margin:0 auto 12px;background:var(--red);color:#fff;border:0;border-radius:99px;padding:8px 18px;font:600 14px var(--fh);cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.2)}
.lbitems{position:relative;padding-inline-start:22px;border-inline-start:2px solid var(--line)}
.lu{position:relative;padding:4px 0 18px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.lu::before{content:"";position:absolute;inset-inline-start:-29px;top:10px;width:12px;height:12px;border-radius:50%;background:var(--paper);border:2px solid var(--muted)}
.lu.key::before{background:var(--sun);border-color:var(--sun)}
.lu.pinned{background:var(--paper2);padding:10px 14px 16px;border:1px solid var(--line);border-inline-start:3px solid var(--red)}
.lu.pinned::before{top:16px}
.lu.fresh{animation:lufresh 2.5s ease-out}
@keyframes lufresh{from{background:#fff6cf}to{background:transparent}}
.lumeta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px}
.lumeta time{color:var(--red);font-weight:700}.lumeta .pin{color:var(--red);font-weight:600}
.lu h3{margin:4px 0;font:700 18px/1.4 var(--fh)}
.lubody p{margin:6px 0}.lu img{margin-top:8px;border-radius:4px;max-height:420px;object-fit:cover}
.artfoot{margin:22px 0}
.correction{background:#fff8e1;border:1px solid #f2d57b;border-inline-start:4px solid var(--sun);padding:10px 14px;border-radius:4px;color:#3b3220}
.correction b{font-family:var(--fh)}.correction p{margin:4px 0 0}
[data-theme=dark] .correction{background:#2d2717;border-color:#5c4b1a;color:#eadfbe}
[data-theme=dark] .lu.fresh{animation:none}
.srcline{font-size:14px;color:var(--muted);margin:10px 0}.srcline a{color:var(--blue);text-decoration:underline}
.cover figcaption.credit{font-size:12.5px;color:var(--muted);padding:6px 2px;text-align:end}
.byline .upd{color:var(--green);font-size:14px}
/* opinion */
.opcard{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line)}
.opav{flex:0 0 64px;width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--paper2);display:grid;place-items:center;border:2px solid var(--sun)}
.opav img{width:100%;height:100%;object-fit:cover}.opav span{font:700 26px var(--fh);color:var(--muted)}
.opcard .txt{min-width:0}.opname{display:block;font:600 13px var(--fh);color:var(--red)}
.opcard h3{margin:2px 0 4px;font:700 17px/1.45 var(--fh)}.opcard h3 a:hover{color:var(--red)}
.opcard time{font-size:12.5px;color:var(--muted)}
.opgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 22px}
.hb.half .opgrid,.opside{grid-template-columns:1fr;display:grid}
.oplist{grid-template-columns:repeat(2,1fr)}
.opside .opav{flex-basis:52px;width:52px;height:52px}.opside h3{font-size:15px}
.card .opk,.kick .opk{color:var(--purple);font-weight:600}
.ophead{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.ophead .opav{flex-basis:76px;width:76px;height:76px}
.ophead .opk{display:block;font:600 13px var(--fh);color:var(--purple)}.ophead .opname{font-size:18px;color:var(--ink)}
.story.is-opinion h1{font-style:normal}
@media (max-width:900px){.opgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.opgrid,.oplist{grid-template-columns:1fr}.lbitems{padding-inline-start:16px}.lu::before{inset-inline-start:-23px}}
.lbnew[hidden]{display:none}

/* ---- stage 12: video, podcast, photo stories ---- */
.kbadge{position:absolute;bottom:8px;inset-inline-end:8px;background:rgba(0,0,0,.72);color:#fff;font:600 12px/1 var(--fh);padding:5px 8px;border-radius:3px;direction:ltr;z-index:2}
.card .img,.big .img,.li .th{position:relative}
.video.vfile video{width:100%;display:block;background:#000;max-height:72vh}
.podhero{display:flex;gap:18px;align-items:center;background:var(--black);color:#fff;padding:18px;border-radius:6px;margin:6px 0 18px}
.podhero>img,.podart{flex:0 0 150px;width:150px;height:150px;object-fit:cover;border-radius:6px;background:#333;display:grid;place-items:center;font-size:56px}
.podbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.podk{font:600 13px var(--fh);color:var(--sun)}.podbody b{font:700 18px/1.4 var(--fh)}
.podbody audio{width:100%}
.podlinks{display:flex;flex-wrap:wrap;gap:14px;font-size:13.5px;color:#ccc}.podlinks a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.podhead{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px}.podhead p{margin:0;color:var(--ink2);max-width:70ch}
.podsub{background:var(--black);color:#fff;padding:7px 14px;border-radius:4px;font:600 14px var(--fh)}
.podlist{display:flex;flex-direction:column}
.podcard{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.podcard .th{flex:0 0 140px;width:140px;height:140px;border-radius:6px;overflow:hidden;background:var(--paper2);display:grid;place-items:center;font-size:44px}
.podcard .th img{width:100%;height:100%;object-fit:cover}
.podcard .txt{flex:1;min-width:0}.podcard time{font-size:13px;color:var(--muted)}
.podcard h3{margin:2px 0 4px;font:700 18px/1.45 var(--fh)}.podcard h3 a:hover{color:var(--red)}
.podcard p{margin:0 0 8px;color:var(--ink2);font-size:15px}.podcard audio{width:100%;max-width:520px;height:40px}
.photostory{margin:26px 0;display:flex;flex-direction:column;gap:28px}
.photostory .ps{margin:0}
.photostory .ps img{width:100%;height:auto;max-height:88vh;object-fit:contain;background:#111;border-radius:2px;cursor:zoom-in}
.photostory figcaption{display:flex;gap:12px;align-items:baseline;padding:10px 2px 0;font-size:16px;line-height:1.7;color:var(--ink2);border-bottom:1px solid var(--line);padding-bottom:12px}
.psn{flex:0 0 auto;font:700 13px var(--fh);color:var(--red)}
.pscredit{font-size:13px;color:var(--muted);margin:0}
.story.kind-photo:has(.photostory) .cover{display:none}
@media (max-width:600px){.podhero{flex-direction:column;align-items:stretch}.podhero>img,.podart{width:100%;height:auto;aspect-ratio:1;flex-basis:auto}.podcard .th{flex-basis:90px;width:90px;height:90px}.photostory{gap:20px}}

/* ---- stage 13: readers, reactions, breaking banner, banners ---- */
.bigbreak{background:var(--red);color:#fff;border-bottom:3px solid #9e0f12}
.bigbreak .wrap{display:flex;align-items:center;gap:14px;min-height:64px;padding-top:10px;padding-bottom:10px;background:transparent}
.bbtag{flex:0 0 auto;background:#fff;color:var(--red);font:800 14px/1 var(--fh);padding:7px 10px;border-radius:3px;animation:lbpulse 1.6s ease-in-out infinite}
.bbtitle{flex:1;font:700 21px/1.4 var(--fh);color:#fff}.bbtitle:hover{text-decoration:underline;text-underline-offset:4px}
.bigbreak time{flex:0 0 auto;font-size:13px;opacity:.85}
.bbx{flex:0 0 auto;background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:14px}
@media (prefers-reduced-motion:reduce){.bbtag{animation:none}}
@media (max-width:600px){.bigbreak .wrap{flex-wrap:wrap;gap:8px}.bbtitle{flex-basis:100%;order:3;font-size:17px}}
.acclink{display:inline-flex!important;align-items:center;gap:4px;width:auto!important;padding:0 8px;font-size:13px}
.acclink span{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reactbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:26px 0 10px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.reactbar .rq{flex-basis:100%;font:600 15px var(--fh);color:var(--ink2);margin-bottom:2px}
.rx{display:inline-flex;align-items:center;gap:6px;background:var(--paper2);border:1px solid var(--line);border-radius:99px;padding:6px 14px 6px 12px;cursor:pointer;font:inherit;color:var(--ink);transition:transform .12s}
.rx .re{font-size:22px;line-height:1}.rx b{font-size:14px;min-width:.6em;direction:ltr}
.rx:hover{transform:translateY(-1px)}.rx.on{background:#fff4d6;border-color:var(--sun);box-shadow:0 0 0 1px var(--sun) inset}
[data-theme=dark] .rx.on{background:#3a3218}
.reactbar.busy{opacity:.6;pointer-events:none}
.savebtn.on{color:var(--red);border-color:var(--red)}
.followbtn{margin-inline-start:8px;background:transparent;border:1px solid var(--line);color:var(--ink2);border-radius:99px;padding:1px 10px;font:600 12px var(--fh);cursor:pointer;vertical-align:middle}
.followbtn:hover{border-color:var(--red);color:var(--red)}.followbtn.on{background:var(--black);color:#fff;border-color:var(--black)}
.vbadge{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--blue);color:#fff;font-size:10px;vertical-align:middle}
.asme{margin:0 0 8px}
.bnz{position:relative;margin:18px 0;text-align:center}.bnz img{margin:0 auto;max-width:100%;height:auto}
.bnlabel{display:block;font-size:11px;color:var(--muted);margin-top:3px;text-align:center}
.hdbanner .bnz{margin:0}.hdbanner .bnlabel{display:none}
/* account pages */
.accwrap{display:flex;justify-content:center;padding:30px 0 50px}
.acccard{width:100%;max-width:440px;background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--red);padding:26px 28px;border-radius:4px}
.acccard h1{margin:0 0 14px;font:700 24px/1.3 var(--fh)}
.accform{display:flex;flex-direction:column;gap:12px}
.accform label{display:flex;flex-direction:column;gap:4px;font:600 14px var(--fh)}
.accform input{padding:10px 12px;border:1px solid var(--line);border-radius:4px;font:inherit;font-weight:400;background:var(--paper);color:var(--ink)}
.accform fieldset{border:1px solid var(--line);border-radius:4px;padding:10px 14px;display:flex;flex-direction:column;gap:10px}
.accform legend{font:600 14px var(--fh);padding:0 6px}
.accalt{margin:12px 0 0;font-size:14px}.accalt a{color:var(--blue);text-decoration:underline}
.acchead{display:flex;align-items:center;justify-content:space-between}
.linkbtn{background:none;border:0;color:var(--red);font:600 14px var(--fh);cursor:pointer;text-decoration:underline}
.acctabs{display:flex;gap:4px;border-bottom:2px solid var(--black);margin:6px 0 18px;overflow-x:auto}
.acctabs a{padding:9px 16px;font:600 15px var(--fh);white-space:nowrap;border-radius:4px 4px 0 0}
.acctabs a.on{background:var(--black);color:#fff}
.grid3{grid-template-columns:repeat(3,1fr)}
@media (max-width:800px){.grid3{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.grid3{grid-template-columns:1fr}}
.follist{list-style:none;margin:0;padding:0}.follist li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.follist .ftype{font-size:12px;color:var(--muted);min-width:56px}.follist a{flex:1;font:600 16px var(--fh)}
.accsettings{max-width:480px}.accdel{margin-top:26px}.accdel summary{cursor:pointer;color:var(--red);font-weight:600}
.btn-dark{background:var(--black);color:#fff;border:0;padding:9px 20px;border-radius:4px;font:inherit;font-weight:700;cursor:pointer;align-self:flex-start}
/* header logo: separate image for dark mode when set */
.logo .logo-d{display:none}
[data-theme=dark] .logo.has-dark .logo-l{display:none}[data-theme=dark] .logo.has-dark .logo-d{display:block;background:none;padding:0}