/* Platform Today v3: header, footer, the 14 home sections and the inner pages.
   Desktop above 1024px, tablet 768–1024px, mobile below 768px. */
.pt{font-family:var(--f);font-size:16px;line-height:1.6;color:#1A1A1A;-webkit-font-smoothing:antialiased}
.pt [hidden]{display:none!important}
.pt img{max-width:100%;height:auto}
.pt button{cursor:pointer}
.pt3-h{display:contents}
.pt3-home,.pt3-page{background:var(--pagebg,#fff)}
.pt *,.pt *::before,.pt *::after{box-sizing:border-box}
.pt a{color:inherit;text-decoration:none}
.pt h1,.pt h2,.pt h3,.pt p,.pt ul,.pt ol{margin:0}
.pt button,.pt input,.pt select,.pt textarea{font-family:inherit}
.pt .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pt .wrap{max-width:1240px;margin:0 auto;padding:0 20px;position:relative}
.pt .center{text-align:center;margin-top:28px}
.pt :focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* type scale: one family, 400 and 700 */
.pt .t{font-weight:700;color:#111827}
.pt .t a:hover{color:var(--accent)}
.pt .t15{font-size:15px;line-height:1.55}
.pt .t16{font-size:16px;line-height:1.55}
.pt .t17{font-size:17px;line-height:1.55}
.pt .t18{font-size:18px;line-height:1.5}
.pt .t19{font-size:19px;line-height:1.5}
.pt .t24{font-size:24px;line-height:1.42}
.pt .t26{font-size:26px;line-height:1.38}
.pt .t32{font-size:32px;line-height:1.36}
.pt .c2,.pt .c3,.pt .c4,.pt .c5,.pt .c6,.pt .c7{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.pt .c2{-webkit-line-clamp:2}.pt .c3{-webkit-line-clamp:3}.pt .c4{-webkit-line-clamp:4}.pt .c5{-webkit-line-clamp:5}.pt .c6{-webkit-line-clamp:6}.pt .c7{-webkit-line-clamp:7}
.pt .k{display:block;font-size:13px;font-weight:700;color:var(--accent);margin-bottom:6px}
.pt .m{display:block;font-size:13px;color:#6B7280;margin-top:8px}
.pt .ex{font-size:15px;line-height:1.7;color:#4B5563;margin-top:8px}
.pt .ex.lx{font-size:14px;line-height:1.75}

/* images: 16:9 for cards, 4:3 for thumbnails */
.pt .ph{position:relative;display:block;width:100%;border-radius:6px;flex:none;overflow:hidden;background:#E6E9EE}
.pt .ph img{display:block;width:100%;height:100%;object-fit:cover}
.pt .r169{aspect-ratio:16/9}
.pt .r43{aspect-ratio:4/3}
.pt .r45{aspect-ratio:4/5}
.pt .w72{width:72px}.pt .w80{width:80px}.pt .w88{width:88px}.pt .w96{width:96px}.pt .w112{width:112px}.pt .w128{width:128px}.pt .w136{width:136px}
.pt .badge{position:absolute;top:8px;right:8px;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fff;color:var(--accent);font-size:12px;font-weight:700;line-height:1;padding:5px 9px;border-radius:999px;box-shadow:0 1px 3px rgba(16,24,40,.15)}
.pt .r43 .badge{top:6px;right:6px;font-size:11px;padding:4px 7px}

/* section frame and the one heading pattern */
.pt .sec{padding:48px 0;border-top:1px solid #EDF0F3}
.pt .sec.band{background:var(--band,#EEF2F6);border-top:0}
.pt .sh{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.pt .sh-t{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid #E3E7EC}
.pt .sh .bar{width:4px;height:24px;background:var(--accent);border-radius:2px;flex:none}
.pt .sh h2{font-size:22px;line-height:1.35;font-weight:700;color:var(--stc,var(--teal));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt .more{width:34px;height:34px;border-radius:50%;border:1px solid #D5DAE1;background:#fff;color:var(--teal);display:flex;align-items:center;justify-content:center;flex:none;transition:background .15s,color .15s,border-color .15s}
.pt .more:hover{background:var(--teal);border-color:var(--teal);color:#fff}
.pt .sh.sm{margin:24px 0 6px}
.pt .sh.sm h2{font-size:18px}
.pt .sh.sm .bar{height:20px}
.pt .sh.sub{margin:0 0 14px;gap:12px}
.pt .sh.sub h2{font-size:18px}
.pt .sh.sub .bar{height:20px}
.pt .sh.sub .sh-t{padding-bottom:8px}
.pt .sh.sub .more{width:30px;height:30px;border-color:var(--accent);color:var(--accent)}
.pt .sh.sub .more:hover{background:var(--accent);color:#fff}
.pt .navb{display:flex;gap:8px}
.pt .navb button{width:40px;height:40px;border-radius:50%;border:1px solid #D5DAE1;color:#374151;display:flex;align-items:center;justify-content:center;background:#fff;padding:0}
.pt .navb .on{background:var(--teal);border-color:var(--teal);color:#fff}
.pt .navb button:disabled{opacity:.4;cursor:default}
.pt .mini{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--primary);padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid #E3E7EC}
.pt .mini span{width:4px;height:16px;background:var(--accent);border-radius:2px}
.pt .btn-o{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--teal);border:1px solid #C9D3DD;border-radius:999px;padding:6px 10px 6px 14px;white-space:nowrap;background:#fff;transition:background .15s,color .15s,border-color .15s}
.pt .btn-o:hover{background:var(--teal);border-color:var(--teal);color:#fff}
.pt .btn-o.lg{font-size:15px;padding:10px 28px}
.pt .link{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:700;color:var(--teal);margin-top:14px}
.pt .dots{display:none;justify-content:center;gap:6px;margin-top:18px}
.pt .dots i{width:8px;height:8px;border-radius:4px;background:#CBD2DA}
.pt .dots i.on{width:22px;background:var(--accent)}
.pt .a300{width:100%;max-width:300px;margin:0 auto}
.pt .lb{max-width:970px;margin:40px auto 0}
.pt .ad-slot{display:flex;justify-content:center;align-items:center;overflow:hidden}
.pt .empty{padding:24px 0;color:#6B7280}

/* item patterns */
.pt .tx{min-width:0;flex:1}
.pt .card{display:flex;flex-direction:column;gap:14px;min-width:0}
.pt .row{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #EDF0F3}
.pt .row:last-child{border-bottom:0}
.pt .row.rt{flex-direction:row-reverse}
.pt .row.big{padding:18px 0}
.pt .trow{padding:12px 0;border-bottom:1px solid #EDF0F3}
.pt .trow:last-child{border-bottom:0}
.pt .trow.chev{position:relative;padding-left:18px}
.pt .trow.chev::before{content:"";position:absolute;left:1px;top:21px;width:7px;height:7px;border-top:2px solid var(--accent);border-right:2px solid var(--accent);transform:rotate(45deg)}
.pt .main-g{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}
.pt .main-g.solo{grid-template-columns:minmax(0,1fr)}
.pt .side-g{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}
.pt .side-g.noad{grid-template-columns:minmax(0,1fr)}
.pt .side-g>aside{margin-top:66px}
.pt .side-g>.nl{align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.pt .foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:14px}
.pt .foot .m{margin:0}

/* header */
.pt .top{background:var(--primary);color:rgba(255,255,255,.85);font-size:13px}
.pt .top-in{display:flex;justify-content:space-between;align-items:center;height:38px}
.pt .soc{display:flex;gap:8px}
.pt .soc a{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center}
.pt .soc a svg{width:14px;height:14px}
.pt .brand-in{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding-top:22px;padding-bottom:22px}
.pt .brand .sub{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--primary);justify-self:start}
.pt .logo{display:flex;justify-content:center;line-height:0}
.pt .logo img{display:block;width:auto;height:auto;max-height:64px;max-width:320px}
.pt .srch-w{justify-self:end;display:flex}
.pt .srch{display:flex;border:1px solid #CFD6DE;border-radius:999px;overflow:hidden;margin:0}
.pt .srch input{border:0;outline:0;padding:10px 16px;width:220px;font-size:14px;background:#fff}
.pt .srch button{border:0;background:var(--teal);color:#fff;display:flex;align-items:center;gap:6px;padding:0 18px;font-size:14px;font-weight:700}
.pt .srch-t{display:none}
.pt .srow{display:none;border-top:1px solid #E3E7EC;padding:10px 0}
.pt .srow form{display:flex;gap:8px;margin:0}
.pt .srow input{flex:1;min-width:0;height:44px;border:1px solid #CFD6DE;border-radius:6px;padding:0 14px;font-size:15px}
.pt .srow button{height:44px;border:0;border-radius:6px;background:var(--teal);color:#fff;padding:0 18px;font-weight:700}
.pt .nav{background:var(--primary);position:sticky;top:0;z-index:60}
.pt .nosticky .nav{position:static}
.pt .nav-in{display:flex;align-items:center;position:relative}
.pt .nav-in ul{display:flex;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none}
.pt .nav-in ul::-webkit-scrollbar{display:none}
.pt .nav-in li{flex:none;margin:0}
.pt .nav-in a{display:block;color:#fff;font-size:15px;font-weight:700;padding:13px 16px;white-space:nowrap}
.pt .nav-in a:hover{background:rgba(255,255,255,.1)}
.pt .nav-in a.elementor-item-active,.pt .nav-in .current-menu-item>a{background:var(--accent)}
.pt .nav-ar{display:none;position:absolute;top:0;bottom:0;width:48px;border:0;padding:0 10px;color:#fff;align-items:center;z-index:2}
.pt .nav-l{left:0;justify-content:flex-start;background:linear-gradient(270deg,rgba(19,50,92,0),var(--primary) 55%)}
.pt .nav-r{right:0;justify-content:flex-end;background:linear-gradient(90deg,rgba(19,50,92,0),var(--primary) 55%)}
.pt .nav-in.can-l .nav-l,.pt .nav-in.can-r .nav-r{display:flex}
@media (min-width:783px){.admin-bar .pt .nav{top:32px}}
@media (min-width:601px) and (max-width:782px){.admin-bar .pt .nav{top:46px}}
.pt .date{background:#F4F6F8;border-bottom:1px solid #E3E7EC;font-size:13px;color:#374151;padding:9px 0}
.pt .d1{font-weight:700}
.pt .d2{margin-left:12px;padding-left:12px;border-left:1px solid #CBD2DA}

/* 1 hero */
.pt .sec.hero{border-top:0;padding-top:32px}
.pt .hero-g{display:grid;grid-template-columns:minmax(0,1fr) 300px 300px;gap:32px;align-items:start}
.pt .hero-g.no-side{grid-template-columns:minmax(0,1fr) 300px}
.pt .lead .tx{margin-top:16px}
.pt .hero-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:24px;padding-top:24px;border-top:1px solid #EDF0F3}
.pt .hero-list,.pt .hero-side{min-width:0}
.pt .hero-side .sh.sm:first-child{margin-top:0}
.pt .hero-side .a300+.sh.sm{margin-top:28px}
.pt .glance{padding:14px 0;border-bottom:1px solid #EDF0F3}
.pt .glance:last-child{border-bottom:0}
.pt .glance .ex{-webkit-line-clamp:2;font-size:14px;margin-top:6px}
.pt .hl-top{padding:14px 0 16px;border-bottom:1px solid #EDF0F3}
.pt .hero-list .row{padding:12px 0}
.pt .hero-list .row .m{margin-top:6px}

/* 2 latest */
.pt .lat4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.pt .lat3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;margin-top:24px;border-top:1px solid #EDF0F3}
.pt .lat3 .row{border-bottom:0}

/* 3 tips, 5 feature: carousels */
.pt .car{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.pt .car>*{scroll-snap-align:start}
.pt .car::-webkit-scrollbar,.pt .mos-s::-webkit-scrollbar,.pt .vgrid::-webkit-scrollbar,.pt .chips::-webkit-scrollbar,.pt .tabs::-webkit-scrollbar{display:none}
.pt .tips .car{grid-auto-columns:calc((100% - 24px)/2)}
@media (min-width:1025px){.pt .tips .noad .car{grid-auto-columns:calc((100% - 48px)/3)}}
.pt .tip{background:#F3F5F8;border-radius:8px;padding:22px 24px;display:flex;flex-direction:column}
.pt .tip-top{display:flex;gap:18px;justify-content:space-between;align-items:flex-start}
.pt .tip .ex{flex:1}
.pt .tip-f{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid #E1E6EC}
.pt .tip-f .m{margin:0}
.pt .feat{background:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(16,24,40,.06)}
.pt .feat .ph{border-radius:0}
.pt .feat .tx{padding:16px 18px 18px;display:flex;flex-direction:column}
.pt .feat .ex{flex:1}
.pt .nl{background:#fff;border-radius:8px;border-top:4px solid var(--accent);padding:24px;box-shadow:0 1px 2px rgba(16,24,40,.06)}
.pt .nl form{display:contents}
.pt .nl-i{width:44px;height:44px;border-radius:50%;background:#FDECEE;color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.pt .nl h3{font-size:20px;color:var(--primary)}
.pt .nl p{font-size:14px;line-height:1.6;color:#4B5563;margin:6px 0 16px}
.pt .nl input,.pt .ftr input{width:100%;height:44px;border:1px solid #CFD6DE;border-radius:6px;padding:0 14px;font-size:14px;background:#fff}
.pt .nl button,.pt .ftr button{width:100%;height:44px;border:0;border-radius:6px;background:var(--accent);color:#fff;font-size:15px;font-weight:700;margin-top:10px}

/* 4 all news */
.pt .chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.pt .chips button{font-size:14px;padding:8px 16px;border-radius:999px;border:1px solid #D5DAE1;background:#fff;color:#374151;white-space:nowrap}
.pt .chips button:hover{border-color:var(--teal);color:var(--teal)}
.pt .chips button.on{background:var(--teal);border-color:var(--teal);color:#fff;font-weight:700}
.pt .all-list{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px}
.pt .all-list .row:nth-last-child(2):nth-child(odd){border-bottom:0}
.pt [data-feed].busy .all-list{opacity:.5}
.pt .board{background:#F7F9FB;border:1px solid #E3E7EC;border-radius:8px;padding:20px}
.pt .notice{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid #E3E7EC;align-items:flex-start}
.pt .notice:last-of-type{border-bottom:0}
.pt .nd{flex:none;width:54px;height:58px;border-radius:6px;background:#fff;border:1px solid #E3E7EC;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;color:#6B7280;line-height:1.2}
.pt .nd b{font-size:21px;color:var(--teal)}

/* 6 editors pick: dark band */
.pt .sec.editors.band{background:var(--dark,#0E2240)}
.pt .editors .sh-t{border-color:rgba(255,255,255,.18)}
.pt .editors .sh h2{color:var(--stc,#fff)}
.pt .editors .more{background:transparent;border-color:rgba(255,255,255,.3);color:#fff}
.pt .editors .t{color:#fff}
.pt .editors .t a:hover{color:#FFB4B4}
.pt .editors .k{color:#FF8E8E}
.pt .editors .m{color:rgba(255,255,255,.6)}
.pt .editors .ex{color:rgba(255,255,255,.8)}
.pt .editors .btn-o{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}
.pt .editors .btn-o:hover{background:#fff;color:var(--dark,#0E2240)}
.pt .ed-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.pt .ed-lead .tx{margin-top:16px}
.pt .ed-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 24px}

/* 7 report */
.pt .rep-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}
.pt .rep-lead .tx{display:flex;flex-direction:column}
.pt .rep3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px;padding-top:24px;border-top:1px solid #EDF0F3}
.pt .rep-side .row .tx{display:flex;flex-direction:column}
.pt .rep-side .row .k{order:2;margin:6px 0 0}
.pt .rep-side .row .m{order:3;margin-top:4px}
.pt .rep-more{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:32px;padding-top:4px;border-top:2px solid #111827}
.pt .hl{list-style:none;margin:0;padding:6px 20px 0;border-left:1px solid #EDF0F3}
.pt .hl:first-child{border-left:0;padding-left:0}
.pt .hl li{display:flex;gap:8px;align-items:flex-start;margin:0;padding:8px 0;font-size:15px;font-weight:700;line-height:1.55;color:#111827}
.pt .hl li svg{flex:none;color:var(--accent);margin-top:4px}
.pt .hl a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.pt .hl a:hover{color:var(--accent)}

/* 8 campus mosaic */
.pt .mosaic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.pt .mos-s{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:230px 230px;gap:16px}
.pt .tile{position:relative;border-radius:8px;overflow:hidden;display:flex;align-items:flex-end;background:#33465F}
.pt .tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pt .tile::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(8,16,30,.82))}
.pt .tile .tx{position:relative;z-index:1;padding:18px}
.pt .tile .t{color:#fff}
.pt .tile .m{color:rgba(255,255,255,.75)}
.pt .tile.big{min-height:476px}
.pt .tile.big .tx{padding:28px}

/* 9 voices */
.pt .vgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pt .vc{border:1px solid #E3E7EC;border-radius:8px;padding:24px;display:flex;flex-direction:column;background:#fff}
.pt .vc .q{color:var(--accent);opacity:.3}
.pt .vc .t{margin:12px 0 0}
.pt .vc .ex{margin:8px 0 20px;flex:1}
.pt .au{display:flex;gap:12px;align-items:center;padding-top:16px;border-top:1px solid #EDF0F3}
.pt .av{width:44px;height:44px;border-radius:50%;flex:none;overflow:hidden;background:#E6E9EE}
.pt .av img{display:block;width:100%;height:100%;object-fit:cover}
.pt .au b{display:block;font-size:15px;line-height:1.4}
.pt .au .m{margin-top:2px}

/* 10 পাঠকপ্রিয়: tabs with a ranked list, স্বাস্থ্য তথ্য beside it */
.pt .pop-g{display:grid;grid-template-columns:360px minmax(0,1fr);gap:40px;align-items:start}
.pt .pop-g.solo{grid-template-columns:minmax(0,1fr)}
.pt .tabs{display:flex;gap:8px;margin:0 0 12px;overflow-x:auto;scrollbar-width:none}
.pt .tabs button{flex:none;font-size:15px;font-weight:700;color:#374151;background:#fff;border:1px solid #D5DAE1;border-radius:999px;padding:8px 18px;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.pt .tabs button:hover{background:#EAF1F6;border-color:var(--teal);color:var(--teal)}
.pt .tabs button.on{background:var(--teal);border-color:var(--teal);color:#fff}
.pt .rank{list-style:none;margin:0;padding:0 18px;border:1px solid #D5DAE1;border-radius:10px;background:#fff}
.pt .rk{margin:0;padding:16px 0;border-bottom:1px solid #EDF0F3}
.pt .rk:last-child{border-bottom:0}
.pt .rn{display:block;font-size:40px;line-height:1;font-weight:700;color:#9CA3AF;margin-bottom:8px}
.pt .rk .ex{font-size:14px;line-height:1.65;margin-top:4px}
.pt .rk .m{margin-top:6px}
.pt .pop-side .mini{margin-bottom:0}
.pt .pop-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px}
.pt .pop-grid .row{border-bottom:1px solid #EDF0F3;padding:14px 0}
.pt .pop-grid .row:nth-last-child(-n+2){border-bottom:0}
@media (min-width:1025px){.pt .pop-g .pop-side{position:sticky;top:calc(var(--wp-admin--admin-bar--height,0px) + 64px)}}

/* 11 হালফ্যাশন */
.pt .fa-g{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);gap:32px;align-items:start}
.pt .fa-panel{background:#FFF6E5;border-radius:0 0 20px 20px;padding:6px 20px 22px}
.pt .fa-h{margin:0 0 18px;border-top:2px solid #FFC84D;border-bottom:1px solid #FFC84D;padding:10px;text-align:center;font-size:24px;font-weight:700;color:var(--stc,var(--teal))}
.pt .fa-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.pt .fa-lead{padding-right:16px;border-right:1px solid rgba(0,0,0,.14)}
.pt .fa-lead .ph{margin-bottom:10px;border-radius:8px}
.pt .fa-lead .ex{font-size:14px;line-height:1.65;margin-top:6px}
.pt .fa-in .trow{border-color:rgba(0,0,0,.1)}
.pt .fa-in .trow:first-child{padding-top:0}
.pt .fa-list{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px}
.pt .fa-list .row:nth-child(-n+2){padding-top:0}
.pt .fa-list .row:nth-last-child(-n+2){border-bottom:0}

/* 12 জনস্বাস্থ্য */
.pt .pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.pt .pc-lead{padding-bottom:4px;border-bottom:1px solid #EDF0F3}
.pt .pc-lead .tx{margin-top:12px}

/* 13 panels */
.pt .pans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pt .pan{background:#F5F7FA;border-radius:8px;padding:20px 22px}
.pt .pan .sh.sub{margin-bottom:4px}
.pt .pan .pan-lead{border-bottom:1px solid #E1E6EC}
.pt .pan ul{list-style:none;padding:0}
.pt .pan li{padding:11px 0 11px 16px;border-bottom:1px solid #E1E6EC;position:relative;font-size:15px;line-height:1.5;margin:0}
.pt .pan li:last-child{border-bottom:0;padding-bottom:0}
.pt .pan li::before{content:"";position:absolute;left:2px;top:20px;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.pt .pan li a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}

/* 14 jobs */
.pt .jobs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pt .job{display:flex;flex-direction:column;gap:12px;border:1px solid #E3E7EC;border-radius:8px;padding:18px;background:#fff}
.pt .jtop{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #EDF0F3}
.pt .jtop .org{margin:0;font-weight:700}
.pt .jlogo{width:44px;height:44px;border-radius:8px;background:#EAF1F6;color:var(--teal);font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none;line-height:1}
.pt .org{display:block;font-size:13px;color:#4B5563;min-width:0}
.pt .jm{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:10px}
.pt .jm .m{margin:0}
.pt .dl{font-size:12px;font-weight:700;color:var(--accent);background:#FDECEE;border-radius:4px;padding:3px 8px}

/* footer */
.pt .f-soc{background:#F4F6F8;padding:18px 0}
.pt .f-soc .wrap{display:flex;justify-content:space-between;align-items:center;font-size:16px;color:var(--primary)}
.pt .soc.lg a{width:36px;height:36px;background:var(--primary)}
.pt .soc.lg a svg{width:18px;height:18px}
.pt .f-main{background:var(--primary);color:rgba(255,255,255,.78);padding:48px 0}
.pt .f-grid{display:grid;grid-template-columns:1.3fr minmax(0,1fr) minmax(0,1fr);gap:48px}
.pt .f-main .logo{display:inline-flex;justify-content:flex-start;background:#fff;border-radius:8px;padding:10px 14px;margin-bottom:16px}
.pt .f-main .logo img{max-height:52px;max-width:240px}
.pt .f-main p{font-size:14px;line-height:1.8;margin-bottom:14px}
.pt .f-main .mini{color:#fff;border-color:rgba(255,255,255,.15);margin-bottom:14px}
.pt .f-main form{margin:0}
.pt .f-main ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 16px}
.pt .f-main li{margin:0}
.pt .f-main li a{display:flex;align-items:center;gap:6px;font-size:14px;color:#fff;padding:6px 0}
.pt .f-main .ili{display:flex}
.pt .f-main .ili svg{width:14px;height:14px}
.pt .f-main input{border-color:transparent}
.pt .f-bot{background:#0A1C36;color:rgba(255,255,255,.7);font-size:13px;text-align:center;padding:16px 20px}

/* ───────── inner pages ───────── */
.pt .crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:#6B7280;padding-top:16px}
.pt .crumb a:hover{color:var(--accent)}
.pt .crumb .sep{color:#9CA3AF}
.pt .arc-h{background:#F7F9FB;border-bottom:1px solid #E3E7EC;padding-bottom:24px}
.pt .arc-top{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 16px;margin-top:12px}
.pt .arc-t{font-size:30px;line-height:1.35;font-weight:700;color:var(--teal);padding-left:14px;border-left:5px solid var(--accent)}
.pt .arc-n{font-size:14px;color:#6B7280}
.pt .arc-d{margin-top:10px;max-width:820px;font-size:15px;line-height:1.75;color:#4B5563}
.pt .arc-d a{color:var(--accent);text-decoration:underline}
.pt .arc-sub{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.pt .arc-sub a{font-size:14px;padding:6px 14px;border:1px solid #D5DAE1;border-radius:999px;background:#fff;color:#374151}
.pt .arc-sub a:hover{border-color:var(--teal);color:var(--teal)}
.pt .arc-b{padding-top:32px;padding-bottom:56px}
.pt .alead{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:center;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid #E3E7EC}
.pt .alead .ph{border-radius:10px}
.pt .alead .tx{display:flex;flex-direction:column}
.pt .agrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.pt .acard{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #E3E7EC;border-radius:10px;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.pt .acard:hover{box-shadow:0 8px 22px rgba(16,24,40,.08);border-color:#D5DAE1}
.pt .acard .ph{border-radius:0}
.pt .acard .tx{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px}
.pt .acard .t{font-size:18px;line-height:1.5;height:3em}
.pt .acard .ex{font-size:14px;line-height:1.7;height:5.1em;margin:8px 0 14px}
.pt .af{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid #EDF0F3}
.pt .af .m{margin:0}
.pt .pgn ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;list-style:none;padding:0;margin:40px 0 0}
.pt .pgn li{margin:0}
.pt .pgn .page-numbers{display:flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border:1px solid #D5DAE1;border-radius:8px;background:#fff;font-weight:700;color:#374151}
.pt .pgn a.page-numbers:hover{border-color:var(--teal);color:var(--teal)}
.pt .pgn .current{background:var(--teal);border-color:var(--teal);color:#fff}
.pt .pgn .dots{border:0;background:none}
.pt .sform{display:flex;max-width:560px;margin-top:16px;border:1px solid #CFD6DE;border-radius:999px;overflow:hidden;background:#fff}
.pt .sform input{flex:1;min-width:0;border:0;outline:0;padding:12px 18px;font-size:15px}
.pt .sform button{border:0;background:var(--teal);color:#fff;display:flex;align-items:center;gap:6px;padding:0 20px;font-weight:700}
.pt .empty-box{text-align:center;padding:16px 0 40px}
.pt .empty-box h2{font-size:24px;color:var(--teal)}
.pt .empty-box p{color:#4B5563;margin-top:8px}
.pt .empty-box .sform{margin:18px auto 0}

/* single post */
.pt .sg-w{padding-bottom:56px}
.pt .sg{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start;margin-top:18px}
.pt .sg.nosb{grid-template-columns:minmax(0,820px);justify-content:center}
.pt .art-cat{display:inline-block;background:var(--accent);color:#fff;font-size:13px;font-weight:700;line-height:1;padding:6px 12px;border-radius:999px}
.pt .art-t{font-size:34px;line-height:1.42;font-weight:700;color:#111827;margin-top:14px}
.pt .art-sub{font-size:18px;line-height:1.75;color:#4B5563;margin-top:12px}
.pt .art-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-top:20px;padding:14px 0;border-top:1px solid #E3E7EC;border-bottom:1px solid #E3E7EC}
.pt .by{display:flex;align-items:center;gap:12px;min-width:0}
.pt .by img{width:44px;height:44px;border-radius:50%;flex:none}
.pt .by .nm{display:block;font-weight:700;color:var(--teal)}
.pt .by .when{display:block;font-size:13px;color:#6B7280;margin-top:2px}
.pt .by .dot{margin:0 2px}
.pt .share{display:flex;gap:8px}
.pt .share a,.pt .share button{width:36px;height:36px;border-radius:50%;border:0;padding:0;display:flex;align-items:center;justify-content:center;color:#fff;transition:opacity .15s}
.pt .share a:hover,.pt .share button:hover{opacity:.85}
.pt .sh-fb{background:#1877F2}.pt .sh-x{background:#111827}.pt .sh-in{background:#0A66C2}.pt .sh-wa{background:#25D366}.pt .sh-copy{background:#6B7280}.pt .sh-copy.ok{background:#00A32A}
.pt .share.lg a,.pt .share.lg button{width:40px;height:40px}
.pt .art-fig{margin:24px 0 0}
.pt .art-fig img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}
.pt .art-fig figcaption{font-size:13px;color:#6B7280;margin-top:8px}
.pt .art-tools{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:22px 0 10px;font-size:14px;color:#6B7280}
.pt .fs{display:flex;border:1px solid #D5DAE1;border-radius:8px;overflow:hidden}
.pt .fs button{border:0;background:#fff;padding:6px 14px;font-size:17px;font-weight:700;line-height:1.4;color:var(--teal)}
.pt .fs button+button{border-left:1px solid #D5DAE1}
.pt .fs button:hover{background:#EAF1F6}
.pt .fs button:disabled{opacity:.4;cursor:default}
.pt .fs sup{font-size:.6em}
.pt .pt-content{font-size:18px;line-height:1.9;color:#1F2937}
.pt .pt-content p{margin:0 0 22px}
.pt .pt-content h2,.pt .pt-content h3,.pt .pt-content h4{margin:30px 0 12px;color:var(--teal);line-height:1.5;font-weight:700}
.pt .pt-content ul,.pt .pt-content ol{margin:0 0 22px 1.4em;padding:0}
.pt .pt-content ul{list-style:disc}.pt .pt-content ol{list-style:decimal}
.pt .pt-content li{margin:0 0 8px}
.pt .pt-content a{color:var(--accent);text-decoration:underline}
.pt .pt-content blockquote{margin:28px 0;padding:6px 0 6px 22px;border-left:4px solid var(--accent);color:var(--teal);font-weight:700}
.pt .pt-content img{border-radius:8px}
.pt .pt-content figure{margin:24px 0}
.pt .art-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:28px;font-weight:700;color:#374151}
.pt .art-tags a{font-size:14px;font-weight:400;padding:5px 12px;border:1px solid #D5DAE1;border-radius:999px;background:#fff}
.pt .art-tags a:hover{border-color:var(--teal);color:var(--teal)}
.pt .art-ad{margin-top:28px}
.pt .art-share{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px;padding:16px 18px;background:#F7F9FB;border:1px solid #E3E7EC;border-radius:10px;color:var(--primary)}
.pt .art-au{display:flex;gap:16px;margin-top:24px;padding:18px;border:1px solid #E3E7EC;border-radius:10px}
.pt .art-au img{width:64px;height:64px;border-radius:50%;flex:none}
.pt .art-au p{font-size:14px;line-height:1.7;color:#4B5563;margin-top:4px}
.pt .art-pn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:24px}
.pt .art-pn a{display:block;padding:14px 16px;border:1px solid #E3E7EC;border-radius:10px;font-weight:700;line-height:1.5;color:#111827}
.pt .art-pn a:hover{border-color:var(--teal);color:var(--teal)}
.pt .art-pn span{display:block;font-size:13px;font-weight:400;color:#6B7280;margin-bottom:4px}
.pt .art-pn .nx{text-align:right}
.pt .sg-side{min-width:0}
.pt .sg-in{position:sticky;top:calc(var(--wp-admin--admin-bar--height,0px) + 64px)}
.pt .sg-in .a300{margin-bottom:24px}
.pt .sg-in .row+.sh,.pt .sg-in .row:last-of-type{margin-bottom:0}
.pt .sg-in .row+.sh.sub{margin-top:28px}
.pt .toplist{list-style:none;padding:0}
.pt .toplist li{display:flex;gap:12px;align-items:flex-start;margin:0;padding:12px 0;border-bottom:1px solid #EDF0F3}
.pt .toplist li:last-child{border-bottom:0}
.pt .toplist .rn{font-size:28px;margin:0;min-width:24px}
.pt .art-rel{margin-top:52px}
.pt .art-cm{max-width:840px;margin-top:44px}
.pt .pt-comments h2,.pt .pt-comments .comment-reply-title{margin:0 0 14px}
.pt .pt-comments p{margin:0 0 14px}
.pt .pg{max-width:860px;margin:0 auto;padding-bottom:56px}
.pt .pg-t{font-size:32px;line-height:1.4;color:var(--teal);margin:16px 0 20px;padding-left:14px;border-left:5px solid var(--accent)}

/* ───────── tablet ───────── */
@media (max-width:1024px){
  .pt .sec{padding:40px 0}
  .pt .t32{font-size:28px}
  .pt .srch input{width:120px}
  .pt .srch button{padding:0 14px}
  .pt .logo img{max-height:56px;max-width:260px}
  .pt .board .link{display:flex;width:max-content}
  .pt .feature .car{grid-auto-columns:calc((100% - 48px)/3)}
  .pt .feat .tx{padding:14px 16px 16px}
  .pt .feat .t17{font-size:16px}
  .pt .feat .tip-f .btn-o{padding:5px 8px 5px 12px}
  .pt .hero-two .card,.pt .ed-grid .card,.pt .lat4 .card,.pt .hl-top{flex-direction:row;gap:16px}
  .pt .hero-two .card .ph,.pt .ed-grid .card .ph,.pt .lat4 .card .ph,.pt .hl-top .ph{width:136px;aspect-ratio:4/3}
  .pt .hero-two .t17,.pt .ed-grid .t17,.pt .lat4 .t18,.pt .hl-top .t17{font-size:16px}
  .pt .tip{padding:20px}
  .pt .tip-top .w112{width:88px}
  .pt .tip .t18{font-size:16px}
  .pt .pan .pan-lead{border-bottom:0}
  .pt .rep-more{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:12px}
  .pt .hl:nth-child(3){border-left:0;padding-left:0}
  .pt .dots.vdots{display:none}
  .pt .hero-g,.pt .hero-g.no-side{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
  .pt .hero-g.no-side{grid-template-columns:minmax(0,1fr)}
  .pt .lead,.pt .ed-lead{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:center}
  .pt .lead .tx,.pt .ed-lead .tx{margin-top:0}
  .pt .lead .t32{font-size:26px}
  .pt .hero-lead{grid-column:1/-1}
  .pt .hero-side .a300{margin:0}
  .pt .lb{max-width:728px}
  .pt .lat4{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 24px}
  .pt .lat3{grid-template-columns:minmax(0,1fr)}
  .pt .lat3 .row{border-bottom:1px solid #EDF0F3}
  .pt .lat3 .row:last-child{border-bottom:0}
  .pt .main-g,.pt .side-g,.pt .pop-g{grid-template-columns:minmax(0,1fr);gap:32px}
  .pt .side-g>aside{margin-top:0}
  .pt .side-ad{display:none}
  .pt .car{grid-auto-columns:calc((100% - 24px)/2)}
  .pt .dots{display:flex}
  .pt .side-g>.nl{display:grid}
  .pt .nl{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(0,1fr);grid-template-areas:"i h f" "i p b";gap:4px 20px;align-items:center}
  .pt .nl-i{grid-area:i;margin:0;align-self:start}
  .pt .nl h3{grid-area:h}
  .pt .nl p{grid-area:p;margin:0}
  .pt .nl input{grid-area:f}
  .pt .nl button{grid-area:b;margin:0}
  .pt .all-list .ex{display:none}
  .pt .all-list .w128{width:104px}
  .pt .board .notice{display:inline-flex;width:calc(50% - 14px);vertical-align:top;margin-right:10px;border-bottom:0}
  .pt .ed-g{grid-template-columns:minmax(0,1fr)}
  .pt .rep-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px}
  .pt .rep-side .mini{grid-column:1/-1}
  .pt .rep-side .row:last-child,.pt .rep-side .row:nth-last-child(2){border-bottom:0}
  .pt .mosaic{grid-template-columns:minmax(0,1fr)}
  .pt .tile.big{min-height:300px}
  .pt .mos-s{grid-template-rows:200px 200px}
  .pt .vgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .pt .fa-g{grid-template-columns:minmax(0,1fr)}
  .pt .fa-panel{max-width:520px;width:100%;margin:0 auto}
  .pt .pgrid{gap:24px}
  .pt .pgrid .t19{font-size:17px}
  .pt .pans{grid-template-columns:minmax(0,1fr)}
  .pt .pan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px}
  .pt .pan .sh{grid-column:1/-1}
  .pt .pan ul li:first-child{padding-top:14px}
  .pt .jobs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .pt .f-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
  .pt .f-grid>div:first-child{grid-column:1/-1}
  .pt .agrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .pt .sg{grid-template-columns:minmax(0,1fr);gap:40px}
  .pt .sg-in{position:static}
  .pt .art-t{font-size:30px}
}

/* ───────── mobile ───────── */
@media (max-width:767px){
  .pt .wrap{padding:0 16px}
  .pt .sec{padding:32px 0}
  .pt .t32{font-size:24px}
  .pt .t26{font-size:21px}
  .pt .t24{font-size:20px}
  .pt .t19,.pt .t18{font-size:17px}
  .pt .sh{margin-bottom:16px;gap:12px}
  .pt .sh h2{font-size:20px}
  .pt .sh .bar{height:22px}
  .pt .center{margin-top:20px}
  .pt .btn-o.lg{display:flex;justify-content:center;padding:12px;width:100%}
  .pt .m-hide{display:none}
  .pt .ex.lx{font-size:15px}
  /* lists: thumbnail on the right, no excerpt */
  .pt .row{flex-direction:row-reverse;padding:14px 0}
  .pt .row .ex{display:none}
  .pt .row .w128,.pt .row .w136{width:112px}
  .pt .row .t17{font-size:16px}
  .pt .card.m-row,.pt .lat4 .card+.card,.pt .ed-grid .card{flex-direction:row-reverse;gap:14px;padding:14px 0;border-bottom:1px solid #EDF0F3}
  .pt .card.m-row .ph,.pt .lat4 .card+.card .ph,.pt .ed-grid .card .ph{width:112px;aspect-ratio:4/3}
  .pt .card.m-row .t,.pt .lat4 .card+.card .t,.pt .ed-grid .card .t{font-size:16px}
  .pt .card.m-row:last-child,.pt .lat4 .card:last-child{border-bottom:0}
  /* header */
  .pt .top-in>span{display:none}
  .pt .top-in{justify-content:flex-end;height:36px}
  .pt .brand-in{grid-template-columns:44px minmax(0,1fr) 44px;padding-top:14px;padding-bottom:14px}
  .pt .brand .sub{width:44px;height:44px;justify-content:center;border:1px solid #E3E7EC;border-radius:50%}
  .pt .brand .sub span{display:none}
  .pt .srch{display:none}
  .pt .srch-t{display:flex;width:44px;height:44px;border-radius:50%;border:0;padding:0;background:var(--teal);color:#fff;align-items:center;justify-content:center}
  .pt .hdr.so .srow{display:block}
  .pt .logo img{max-height:44px;max-width:200px}
  .pt .nav-in a{padding:12px 14px}
  .pt .date{padding:8px 0;line-height:1.5}
  .pt .d1,.pt .d2{display:block}
  .pt .d2{margin:0;padding:0;border:0;color:#6B7280}
  /* 1 */
  .pt .sec.hero{padding-top:20px}
  .pt .hero-g,.pt .hero-g.no-side{grid-template-columns:minmax(0,1fr);gap:24px}
  .pt .lead,.pt .ed-lead{display:block}
  .pt .lead .tx,.pt .ed-lead .tx{margin-top:14px}
  .pt .lead .t32{font-size:24px}
  .pt .hl-top{padding-top:14px}
  .pt .lead .ph{margin:0 -16px;width:calc(100% + 32px);border-radius:0}
  .pt .hero-two{grid-template-columns:minmax(0,1fr);gap:0;margin-top:16px;padding-top:0}
  .pt .hero-two .card:last-child{border-bottom:0}
  .pt .lb{display:none}
  .pt .hero-side .a300{margin:0 auto}
  .pt .glance .ex{display:none}
  /* 2 */
  .pt .lat4{grid-template-columns:minmax(0,1fr);gap:0}
  .pt .lat4 .card:first-child{padding-bottom:6px;flex-direction:column}
  .pt .lat4 .card:first-child .ph{width:100%;aspect-ratio:16/9}
  .pt .lat4 .card:first-child .t18{font-size:17px}
  .pt .lat3{margin-top:0}
  /* 3, 5 carousels */
  .pt .car{grid-auto-columns:84%;gap:14px}
  .pt .tips .car,.pt .feature .car{grid-auto-columns:88%}
  .pt .tip{padding:18px}
  .pt .tip-top{gap:14px}
  .pt .tip-top .w112{width:88px}
  .pt .tip .t18{font-size:16px}
  .pt .nl,.pt .side-g>.nl{display:block;padding:20px}
  .pt .nl button{margin-top:10px}
  /* 4 */
  .pt .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px 12px;padding:0 16px}
  .pt .all-list{grid-template-columns:minmax(0,1fr)}
  .pt .all-list .row:nth-last-child(2):nth-child(odd){border-bottom:1px solid #EDF0F3}
  .pt .board{padding:16px}
  .pt .board .notice{display:flex;width:auto;margin:0;border-bottom:1px solid #E3E7EC}
  .pt .board .notice:last-of-type{border-bottom:0}
  /* 6 */
  .pt .ed-grid{grid-template-columns:minmax(0,1fr);gap:0;margin-top:-8px}
  .pt .ed-grid .card{border-bottom-color:rgba(255,255,255,.12)}
  .pt .ed-grid .card:last-child{border-bottom:0}
  .pt .ed-lead .ex{-webkit-line-clamp:4}
  /* 7 */
  .pt .rep-lead{grid-template-columns:minmax(0,1fr);gap:14px}
  .pt .rep-lead .ex{-webkit-line-clamp:3}
  .pt .rep3{grid-template-columns:minmax(0,1fr);gap:0;margin-top:16px;padding-top:0}
  .pt .rep-side{display:block}
  .pt .rep-side .row:nth-last-child(2){border-bottom:1px solid #EDF0F3}
  .pt .rep-more{grid-template-columns:minmax(0,1fr);margin-top:20px}
  .pt .hl{border-left:0;padding:0}
  /* 8 */
  .pt .mosaic{gap:12px}
  .pt .tile.big{min-height:250px}
  .pt .mos-s{grid-template-columns:none;grid-template-rows:180px;grid-auto-flow:column;grid-auto-columns:72%;gap:12px;overflow-x:auto;scrollbar-width:none}
  .pt .tile .tx{padding:12px}
  .pt .tile .t17{font-size:16px}
  .pt .tile.big .tx{padding:18px}
  /* 9 */
  .pt .vgrid{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:84%;gap:14px;overflow-x:auto;scrollbar-width:none}
  .pt .vc{padding:20px}
  .pt .dots.vdots{display:flex}
  /* 10 */
  .pt .tabs{margin:0 -16px 12px;padding:0 16px}
  .pt .tabs button{padding:8px 14px;font-size:14px}
  .pt .rank{padding:0 14px}
  .pt .rn{font-size:34px}
  .pt .pop-grid{grid-template-columns:minmax(0,1fr)}
  .pt .pop-grid .row,.pt .pop-grid .row:nth-last-child(-n+2){border-bottom:1px solid #EDF0F3}
  .pt .pop-grid .row:nth-child(6){border-bottom:0}
  /* 11 */
  .pt .fa-panel{padding:6px 16px 18px}
  .pt .fa-in{grid-template-columns:minmax(0,1fr);gap:0}
  .pt .fa-lead{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:14px;align-items:start;padding:0 0 14px;border-right:0;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:2px}
  .pt .fa-lead .ph{grid-row:span 2;margin:0}
  .pt .fa-lead .ex{display:none}
  .pt .fa-in .trow:first-child{padding-top:12px}
  .pt .fa-lead .t17{font-size:16px}
  .pt .fa-list{grid-template-columns:minmax(0,1fr)}
  .pt .fa-list .row:nth-child(2){padding-top:14px}
  .pt .fa-list .row:nth-last-child(2){border-bottom:1px solid #EDF0F3}
  .pt .fa-list .row:nth-child(4){border-bottom:0}
  /* 12 */
  .pt .pgrid{grid-template-columns:minmax(0,1fr);gap:28px}
  .pt .pc-lead.m-row{display:flex;flex-direction:row-reverse;gap:14px;padding-bottom:14px;border-bottom:1px solid #EDF0F3}
  .pt .pc-lead.m-row .tx{margin-top:0}
  .pt .pc-lead.m-row .ph{width:112px;aspect-ratio:4/3}
  /* 13 */
  .pt .pans{gap:16px}
  .pt .pan{display:block;padding:16px 18px}
  .pt .pan ul li:first-child{padding-top:11px}
  /* 14 */
  .pt .jobs{grid-template-columns:minmax(0,1fr);gap:12px}
  .pt .job .m{font-size:12px}
  /* footer */
  .pt .f-soc .wrap{flex-direction:column;gap:12px}
  .pt .f-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .pt .f-main{padding:36px 0}
  /* inner pages */
  .pt .arc-t,.pt .pg-t{font-size:24px}
  .pt .arc-b{padding-top:24px}
  .pt .alead{grid-template-columns:minmax(0,1fr);gap:14px}
  .pt .agrid{grid-template-columns:minmax(0,1fr);gap:16px}
  .pt .acard .t{font-size:17px}
  .pt .art-t{font-size:25px}
  .pt .art-sub{font-size:16px}
  .pt .art-meta .share{width:100%}
  .pt .art-fig{margin:18px -16px 0}
  .pt .art-fig img{border-radius:0}
  .pt .art-fig figcaption{padding:0 16px}
  .pt .pt-content{font-size:17px;line-height:1.85}
  .pt .art-pn{grid-template-columns:minmax(0,1fr)}
  .pt .art-pn .nx{text-align:left}
}

/* ───────── fonts, text size, ads, archive layouts ───────── */
.pt .t,.pt h1,.pt h2,.pt h3,.pt .fa-h,.pt .rn,.pt .nd b,.pt .nl h3{font-family:var(--fh,var(--f))}
.pt .pt-content{font-size:var(--afs,18px);line-height:var(--alh,1.9)}
.pt .pt-content h2,.pt .pt-content h3,.pt .pt-content h4{font-family:var(--fh,var(--f))}
.pt.adrow{padding:20px 0;background:var(--pagebg,#fff)}
.pt .ad-in,.pt .ad-mid,.pt .tl-ad{display:flex;justify-content:center}
.pt .ad-mid{margin:28px 0}
.pt .ad-mid+.agrid{margin-top:0}
.pt .art-ad.in{margin:6px 0 26px}
.pt .sg-in .a2{margin-top:24px}
@media (max-width:767px){.pt .ad-desktop{display:none!important}.pt .pt-content{font-size:calc(var(--afs,18px) - 1px)}}
@media (min-width:768px){.pt .ad-mobile{display:none!important}}
/* list layout */
.pt .alist{min-width:0}
.pt .lrow{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start;padding:22px 0;border-bottom:1px solid #EDF0F3}
.pt .lrow:first-child{padding-top:0}
.pt .lrow .ph{border-radius:8px}
.pt .lrow .tx{display:flex;flex-direction:column}
.pt .lrow .ex{font-size:14px;line-height:1.75}
.pt .alist .pgn ul{justify-content:flex-start}
/* timeline layout */
.pt .tl{position:relative;max-width:920px;margin:0 auto;padding-left:68px}
.pt .tl::before{content:"";position:absolute;left:23px;top:6px;bottom:0;width:2px;background:linear-gradient(var(--teal),#E3E7EC 40%)}
.pt .tl-day{position:relative;margin:6px 0 18px}
.pt .tl-day span{display:inline-block;background:var(--teal);color:#fff;font-size:14px;font-weight:700;line-height:1;padding:8px 16px;border-radius:999px}
.pt .tl-day::before{content:"";position:absolute;left:-52px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px #fff}
.pt .tl-i{position:relative;margin-bottom:20px}
.pt .tl-n{position:absolute;left:-68px;top:16px;z-index:1;width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid var(--accent);color:var(--accent);font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center}
.pt .tl-c{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;align-items:start;background:#fff;border:1px solid #E3E7EC;border-radius:12px;padding:16px;transition:box-shadow .2s,border-color .2s}
.pt .tl-c:hover{box-shadow:0 8px 22px rgba(16,24,40,.08);border-color:#D5DAE1}
.pt .tl-c .ph{border-radius:8px}
.pt .tl-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin-bottom:6px}
.pt .tl-meta .k{margin:0}
.pt .tl-time{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#6B7280}
.pt .tl-c .ex{font-size:14px;line-height:1.7;margin:6px 0 12px}
.pt .tl-ad{margin:0 0 20px}
.pt .tl+.pgn ul{justify-content:center}
@media (max-width:767px){
  .pt .lrow{grid-template-columns:minmax(0,1fr) 112px;gap:14px;padding:16px 0}
  .pt .lrow .ph{order:2;aspect-ratio:4/3}
  .pt .lrow .ex{display:none}
  .pt .lrow .t19{font-size:16px}
  .pt .tl{padding-left:46px}
  .pt .tl::before{left:15px}
  .pt .tl-day::before{left:-38px}
  .pt .tl-n{left:-46px;top:12px;width:32px;height:32px;font-size:13px}
  .pt .tl-c{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px}
  .pt .tl-c .t19{font-size:17px}
}