/* TokenMap - tm-binance.com | CSDN-inspired blog feed layout */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--tm-primary:#1e80ff;--tm-primary-dark:#0969da;--tm-primary-light:#e8f3ff;--tm-accent:#fc5531;--tm-accent-light:#fff3f0;--tm-dark:#222;--tm-text:#515767;--tm-muted:#8a919f;--tm-light:#f4f5f5;--tm-border:#e4e6eb;--tm-white:#fff;--tm-radius:4px;--tm-radius-md:8px;--tm-shadow:0 1px 2px rgba(0,0,0,.05);--tm-shadow-md:0 2px 12px rgba(0,0,0,.08);--tm-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--header-h:96px}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--tm-font);font-size:15px;line-height:1.7;color:var(--tm-text);background:var(--tm-light);overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:var(--tm-primary);text-decoration:none;transition:color .2s}
a:hover{color:var(--tm-primary-dark)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{color:var(--tm-dark);line-height:1.35}
ul,ol{list-style:none}
.tm-wrap{max-width:1200px;margin:0 auto;padding:0 20px}

/* ==================== HEADER (CSDN: top bar + category nav) ==================== */
.tm-header{position:sticky;top:0;z-index:100;background:var(--tm-white);transition:box-shadow .3s}
.tm-header.is-sticky{box-shadow:0 1px 8px rgba(0,0,0,.08)}
.tm-header__top{border-bottom:1px solid var(--tm-border)}
.tm-header__topbar{display:flex;align-items:center;height:48px}
.tm-logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:17px;color:var(--tm-dark);margin-right:auto;white-space:nowrap}
.tm-logo:hover{color:var(--tm-dark)}
.tm-logo__name{letter-spacing:-.3px}
.tm-header__actions{display:flex;align-items:center;gap:12px;margin-left:auto}
.tm-header__lang{display:flex;gap:2px}
.tm-header__lang a{font-size:11px;color:var(--tm-muted);padding:3px 6px;border-radius:3px;transition:all .2s}
.tm-header__lang a:hover,.tm-header__lang a.current{color:var(--tm-primary);background:var(--tm-primary-light)}
.tm-header__nav{background:var(--tm-white);border-bottom:1px solid var(--tm-border)}
.tm-catnav{display:flex;align-items:center;gap:0;flex-wrap:wrap}
.tm-catnav__link{display:inline-flex;align-items:center;padding:6px 16px;margin:4px 2px;font-size:14px;color:var(--tm-text);white-space:nowrap;border-radius:20px;transition:all .2s}
.tm-catnav__link:hover{color:#fff;background:#6c7ae0}
.tm-catnav__link.is-active{color:#fff;font-weight:600;background:#5468ff}
.tm-hamburger{display:none;background:none;border:none;cursor:pointer;width:36px;height:36px;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.tm-hamburger span{display:block;width:20px;height:2px;background:var(--tm-dark);border-radius:2px;transition:all .3s}
.tm-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:90}
.tm-overlay.is-open{display:block}

/* ==================== BUTTONS ==================== */
.tm-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;border-radius:var(--tm-radius);font-size:14px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}
.tm-btn--primary{background:#5468ff;color:#fff;border-color:#5468ff}
.tm-btn--primary:hover{background:#4358e6;border-color:#4358e6;color:#fff}
.tm-btn--accent{background:var(--tm-accent);color:#fff;border-color:var(--tm-accent)}
.tm-btn--accent:hover{background:#e04428;border-color:#e04428;color:#fff}
.tm-btn--ghost{background:transparent;color:var(--tm-text);border-color:var(--tm-border)}
.tm-btn--ghost:hover{border-color:var(--tm-primary);color:var(--tm-primary)}
.tm-btn--white{background:#fff;color:var(--tm-primary);border-color:#fff}
.tm-btn--white:hover{background:rgba(255,255,255,.9);color:var(--tm-primary-dark)}
.tm-btn--outline-white{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.tm-btn--outline-white:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}
.tm-btn--sm{padding:5px 14px;font-size:13px}
.tm-btn--lg{padding:12px 28px;font-size:15px}
.tm-btn--block{display:flex;width:100%}

/* ==================== BANNER (CSDN: featured cards strip) ==================== */
.tm-banner{background:var(--tm-white);padding:24px 0;border-bottom:1px solid var(--tm-border)}
.tm-banner__inner{display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.tm-banner__text{flex:1;min-width:320px}
.tm-banner__text h1{font-size:22px;font-weight:700;color:var(--tm-dark);margin-bottom:8px;line-height:1.3}
.tm-banner__text p{font-size:14px;color:var(--tm-muted);line-height:1.6;max-width:420px}
.tm-banner__cards{display:flex;gap:12px;flex-shrink:0}
.tm-banner__card{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--tm-light);border:1px solid var(--tm-border);border-radius:var(--tm-radius-md);padding:20px 24px;min-width:130px;text-align:center;transition:all .25s;color:var(--tm-dark)}
.tm-banner__card:hover{border-color:var(--tm-primary);box-shadow:var(--tm-shadow-md);transform:translateY(-2px);color:var(--tm-primary)}
.tm-banner__card-icon{color:var(--tm-primary)}
.tm-banner__card-title{font-size:14px;font-weight:600}
.tm-banner__card-desc{font-size:12px;color:var(--tm-muted)}

/* ==================== CONTENT LAYOUT (CSDN: main feed + sidebar) ==================== */
.tm-home-body{padding:24px 0 64px}
.tm-content-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}
.tm-main{min-width:0}
.tm-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--tm-primary)}
.tm-section-head h2{font-size:18px;font-weight:700}
.tm-section-head__more{font-size:13px;color:var(--tm-muted);display:flex;align-items:center;gap:4px}
.tm-section-head__more:hover{color:var(--tm-primary)}
.tm-section-more{margin-top:24px;text-align:center}

/* ==================== FEED (CSDN: article list rows) ==================== */
.tm-feed{display:flex;flex-direction:column;gap:0}
.tm-feed__item{display:flex;gap:14px;padding:18px 20px;background:var(--tm-white);border-bottom:1px solid var(--tm-border);transition:background .15s}
.tm-feed__item:first-child{border-radius:var(--tm-radius-md) var(--tm-radius-md) 0 0}
.tm-feed__item:last-child{border-bottom:none;border-radius:0 0 var(--tm-radius-md) var(--tm-radius-md)}
.tm-feed__item:only-child{border-radius:var(--tm-radius-md)}
.tm-feed__item:hover{background:#fafbfc}
.tm-feed__icon{flex-shrink:0;padding-top:2px}
.tm-feed__dot{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--tm-primary-light);color:var(--tm-primary);font-size:13px;font-weight:700}
.tm-feed__body{flex:1;min-width:0}
.tm-feed__title{font-size:16px;font-weight:600;line-height:1.4;margin-bottom:6px}
.tm-feed__title a{color:var(--tm-dark)}
.tm-feed__title a:hover{color:var(--tm-primary)}
.tm-feed__desc{font-size:13px;color:var(--tm-muted);line-height:1.6;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tm-feed__meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--tm-muted);flex-wrap:wrap}
.tm-feed__tag{display:inline-block;padding:1px 8px;border-radius:3px;background:var(--tm-light);color:var(--tm-muted);font-size:11px;transition:all .2s}
.tm-feed__tag:hover{background:var(--tm-primary-light);color:var(--tm-primary)}

/* ==================== SIDEBAR (CSDN: right sidebar widgets) ==================== */
.tm-sidebar{position:sticky;top:calc(var(--header-h) + 16px);display:flex;flex-direction:column;gap:16px}
.tm-sidebar__dl{background:#5468ff;border-radius:var(--tm-radius-md);padding:24px 20px;color:#fff;text-align:center}
.tm-sidebar__dl h4{font-size:16px;font-weight:700;margin-bottom:6px;color:#fff}
.tm-sidebar__dl p{font-size:13px;opacity:.85;margin-bottom:16px}
.tm-sidebar__box{background:var(--tm-white);border-radius:var(--tm-radius-md);padding:20px;border:1px solid var(--tm-border)}
.tm-sidebar__title{font-size:15px;font-weight:700;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--tm-border)}
.tm-sidebar__list{display:flex;flex-direction:column;gap:0}
.tm-sidebar__list li{padding:8px 0;border-bottom:1px dashed var(--tm-border);display:flex;align-items:flex-start;gap:8px}
.tm-sidebar__list li:last-child{border-bottom:none}
.tm-sidebar__list a{font-size:13px;color:var(--tm-text);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tm-sidebar__list a:hover{color:var(--tm-primary)}
.tm-sidebar__num{flex-shrink:0;width:20px;height:20px;border-radius:3px;background:var(--tm-light);color:var(--tm-muted);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:2px}
.tm-sidebar__list li:nth-child(-n+3) .tm-sidebar__num{background:var(--tm-accent);color:#fff}
.tm-sidebar__tags{display:flex;flex-wrap:wrap;gap:8px}
.tm-sidebar__pill{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:var(--tm-radius);font-size:12px;color:var(--tm-text);background:var(--tm-light);border:1px solid var(--tm-border);transition:all .2s}
.tm-sidebar__pill:hover,.tm-sidebar__pill.is-active{color:var(--tm-primary);background:var(--tm-primary-light);border-color:var(--tm-primary)}
.tm-sidebar__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}
.tm-sidebar__stat-val{display:block;font-size:20px;font-weight:800;color:var(--tm-primary)}
.tm-sidebar__stat-label{display:block;font-size:11px;color:var(--tm-muted);margin-top:2px}

/* ==================== PAGE HERO (list/category/download pages) ==================== */
.tm-page-hero{background:var(--tm-white);padding:32px 0;border-bottom:1px solid var(--tm-border)}
.tm-page-hero__title{font-size:24px;font-weight:700}
.tm-page-hero__desc{font-size:14px;color:var(--tm-muted);margin-top:6px;line-height:1.6}
.tm-page-hero__badge{display:inline-block;padding:3px 10px;background:var(--tm-primary-light);color:var(--tm-primary);font-size:12px;font-weight:700;border-radius:var(--tm-radius);margin-bottom:10px;letter-spacing:.5px}

/* ==================== PAGINATION ==================== */
.tm-pagination{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:32px;padding-top:24px;border-top:1px solid var(--tm-border)}
.tm-pagination a,.tm-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border-radius:var(--tm-radius);font-size:14px;border:1px solid var(--tm-border);background:var(--tm-white);color:var(--tm-text);transition:all .2s}
.tm-pagination a:hover{border-color:var(--tm-primary);color:var(--tm-primary)}
.tm-pagination__current{background:var(--tm-primary) !important;color:#fff !important;border-color:var(--tm-primary) !important;font-weight:600}
.tm-pagination__dots{border:none !important;background:none !important;color:var(--tm-muted)}
.tm-pagination__prev,.tm-pagination__next{gap:4px;font-size:13px;font-weight:500}

/* ==================== ARTICLE PAGE ==================== */
.tm-article{background:var(--tm-white);border-radius:var(--tm-radius-md);padding:32px;border:1px solid var(--tm-border)}
.tm-article__head{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--tm-border)}
.tm-article__tags{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.tm-tag{display:inline-block;padding:2px 10px;border-radius:var(--tm-radius);background:var(--tm-primary-light);color:var(--tm-primary);font-size:12px;font-weight:500;transition:all .2s}
.tm-tag:hover{background:var(--tm-primary);color:#fff}
.tm-article__title{font-size:24px;font-weight:700;line-height:1.35;margin-bottom:10px}
.tm-article__meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--tm-muted)}
.tm-article__meta svg{vertical-align:middle}
.tm-article__dot{color:var(--tm-border)}
.tm-article__intro{padding:14px 18px;background:var(--tm-light);border-left:3px solid var(--tm-primary);border-radius:0 var(--tm-radius) var(--tm-radius) 0;font-size:14px;color:var(--tm-muted);margin-bottom:24px;line-height:1.7}
.tm-article__body{font-size:15px;line-height:1.8;color:var(--tm-text)}
.tm-article__body h2{font-size:20px;font-weight:700;margin:32px 0 14px;padding-bottom:8px;border-bottom:1px solid var(--tm-border)}
.tm-article__body h3{font-size:17px;font-weight:600;margin:24px 0 10px}
.tm-article__body p{margin-bottom:14px}
.tm-article__body ul,.tm-article__body ol{margin:0 0 14px 20px}
.tm-article__body ul{list-style:disc}
.tm-article__body ol{list-style:decimal}
.tm-article__body li{margin-bottom:6px}
.tm-article__body a{color:var(--tm-primary);text-decoration:underline;text-underline-offset:2px}
.tm-article__body a:hover{color:var(--tm-primary-dark)}
.tm-article__body img{border-radius:var(--tm-radius-md);margin:16px 0;border:1px solid var(--tm-border)}
.tm-article__body blockquote{margin:16px 0;padding:12px 18px;border-left:3px solid var(--tm-primary);background:var(--tm-light);border-radius:0 var(--tm-radius) var(--tm-radius) 0;color:var(--tm-muted);font-style:italic}
.tm-article__body strong{color:var(--tm-dark)}
.tm-article__body code{background:var(--tm-light);padding:2px 6px;border-radius:3px;font-size:13px;color:var(--tm-accent)}
.tm-article__body pre{background:#282c34;color:#abb2bf;padding:16px;border-radius:var(--tm-radius-md);overflow-x:auto;margin:16px 0;font-size:13px;line-height:1.5}
.tm-article__body pre code{background:none;padding:0;color:inherit;font-size:inherit}
.tm-article__body table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.tm-article__body th,.tm-article__body td{padding:10px 12px;border:1px solid var(--tm-border);text-align:left}
.tm-article__body th{background:var(--tm-light);font-weight:600;color:var(--tm-dark)}

/* Related posts */
.tm-related{margin-top:32px;padding-top:24px;border-top:1px solid var(--tm-border)}
.tm-related h3{font-size:16px;font-weight:700;margin-bottom:14px}
.tm-related__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.tm-related__card{display:block;padding:14px;background:var(--tm-light);border-radius:var(--tm-radius-md);transition:all .2s;border:1px solid transparent}
.tm-related__card:hover{border-color:var(--tm-primary);background:var(--tm-primary-light)}
.tm-related__title{display:block;font-size:14px;font-weight:500;color:var(--tm-dark);line-height:1.4;margin-bottom:4px}
.tm-related__date{font-size:12px;color:var(--tm-muted)}

/* ==================== BREADCRUMB ==================== */
.tm-breadcrumb{display:flex;align-items:center;gap:6px;padding:14px 0;font-size:13px;color:var(--tm-muted)}
.tm-breadcrumb a{color:var(--tm-muted)}
.tm-breadcrumb a:hover{color:var(--tm-primary)}
.tm-breadcrumb__sep{color:var(--tm-border)}
.tm-breadcrumb__cur{color:var(--tm-text)}

/* ==================== CATEGORY GRID ==================== */
.tm-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tm-cat-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;background:var(--tm-white);border:1px solid var(--tm-border);border-radius:var(--tm-radius-md);text-align:center;transition:all .25s}
.tm-cat-card:hover{border-color:var(--tm-primary);box-shadow:var(--tm-shadow-md);transform:translateY(-2px)}
.tm-cat-card__icon{width:48px;height:48px;border-radius:50%;background:var(--tm-primary-light);color:var(--tm-primary);display:flex;align-items:center;justify-content:center}
.tm-cat-card__name{font-size:15px;font-weight:600;color:var(--tm-dark)}
.tm-cat-card__desc{font-size:12px;color:var(--tm-muted);line-height:1.5}

/* ==================== FAQ ==================== */
.tm-faq-section{padding:48px 0;background:var(--tm-white)}
.tm-section-title{font-size:20px;font-weight:700;margin-bottom:20px}
.tm-section-sub{font-size:14px;color:var(--tm-muted);margin-top:-12px;margin-bottom:24px}
.tm-faq__list{max-width:760px}
.tm-faq__item{border-bottom:1px solid var(--tm-border)}
.tm-faq__q{display:flex;align-items:center;justify-content:space-between;padding:16px 0;cursor:pointer;font-size:15px;font-weight:500;color:var(--tm-dark);gap:12px}
.tm-faq__q svg{flex-shrink:0;transition:transform .3s;color:var(--tm-muted)}
.tm-faq__item.is-open .tm-faq__q svg{transform:rotate(180deg)}
.tm-faq__a{display:none;padding:0 0 16px;font-size:14px;color:var(--tm-text);line-height:1.7}
.tm-faq__item.is-open .tm-faq__a{display:block}

/* ==================== CTA ==================== */
.tm-cta{padding:56px 0}
.tm-cta__box{background:#5468ff;border-radius:var(--tm-radius-md);padding:48px;text-align:center;color:#fff}
.tm-cta__box h2{font-size:24px;font-weight:700;margin-bottom:10px;color:#fff}
.tm-cta__box p{font-size:15px;opacity:.85;margin-bottom:24px}
.tm-cta__btns{display:flex;justify-content:center;gap:12px}

/* ==================== DOWNLOAD PAGE ==================== */
.tm-dl-section{padding:48px 0}
.tm-dl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tm-dl-card{background:var(--tm-white);border:1px solid var(--tm-border);border-radius:var(--tm-radius-md);padding:28px 24px;text-align:center;transition:all .25s;display:flex;flex-direction:column}
.tm-dl-card:hover{box-shadow:var(--tm-shadow-md);border-color:var(--tm-primary)}
.tm-dl-card__icon{color:var(--tm-primary);margin-bottom:12px}
.tm-dl-card__badge{display:inline-block;padding:2px 10px;background:var(--tm-primary-light);color:var(--tm-primary);font-size:11px;font-weight:700;border-radius:var(--tm-radius);margin-bottom:12px;letter-spacing:.5px;align-self:center}
.tm-dl-card h2{font-size:18px;margin-bottom:16px}
.tm-dl-card ul{text-align:left;margin-bottom:20px}
.tm-dl-card li{display:flex;align-items:flex-start;gap:8px;padding:6px 0;font-size:14px;color:var(--tm-text)}
.tm-dl-card li svg{flex-shrink:0;color:var(--tm-primary);margin-top:2px}
.tm-dl-card .tm-btn{margin-top:auto}

/* Steps */
.tm-steps-section{padding:48px 0}
.tm-steps{max-width:720px;margin:0 auto}
.tm-step{display:flex;gap:20px;margin-bottom:32px}
.tm-step__num{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--tm-primary);color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center}
.tm-step__content h3{font-size:16px;font-weight:600;margin-bottom:6px}
.tm-step__content p{font-size:14px;color:var(--tm-text);line-height:1.7}

/* ==================== STATIC PAGES ==================== */
.tm-static{padding:40px 0 64px}
.tm-static__content{max-width:760px;background:var(--tm-white);border-radius:var(--tm-radius-md);padding:32px;border:1px solid var(--tm-border)}
.tm-static__content h2{font-size:18px;font-weight:700;margin:24px 0 10px;padding-bottom:8px;border-bottom:1px solid var(--tm-border)}
.tm-static__content h2:first-child{margin-top:0}
.tm-static__content p{margin-bottom:12px;line-height:1.7}
.tm-static__content ul{margin:0 0 12px 20px;list-style:disc}
.tm-static__content li{margin-bottom:6px}

/* ==================== FOOTER ==================== */
.tm-footer{background:var(--tm-white);border-top:1px solid var(--tm-border);padding:40px 0 0}
.tm-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding-bottom:32px}
.tm-footer__col h4{font-size:14px;font-weight:700;color:var(--tm-dark);margin-bottom:14px}
.tm-footer__col ul{display:flex;flex-direction:column;gap:8px}
.tm-footer__col a{font-size:13px;color:var(--tm-muted);transition:color .2s}
.tm-footer__col a:hover{color:var(--tm-primary)}
.tm-footer__col--brand{padding-right:24px}
.tm-footer__logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--tm-dark);margin-bottom:10px}
.tm-footer__desc{font-size:13px;color:var(--tm-muted);line-height:1.6}
.tm-footer__langs{display:flex;flex-wrap:wrap;gap:6px}
.tm-footer__langs a{padding:3px 8px;border-radius:3px;font-size:12px;border:1px solid var(--tm-border)}
.tm-footer__langs a.current{border-color:var(--tm-primary);color:var(--tm-primary);background:var(--tm-primary-light)}
.tm-footer__bottom{padding:20px 0;border-top:1px solid var(--tm-border)}
.tm-footer__risk{font-size:12px;color:var(--tm-muted);line-height:1.6;margin-bottom:8px}
.tm-footer__copy{font-size:12px;color:var(--tm-muted)}

/* ==================== MOBILE NAV ==================== */
.tm-mobnav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--tm-white);border-top:1px solid var(--tm-border);z-index:80;padding:6px 0 env(safe-area-inset-bottom,0)}
.tm-mobnav{justify-content:space-around;align-items:center}
.tm-mobnav__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;font-size:11px;color:var(--tm-muted);transition:color .2s}
.tm-mobnav__item.is-active{color:var(--tm-primary)}
.tm-mobnav__item:hover{color:var(--tm-primary)}

/* ==================== EMPTY STATE ==================== */
.tm-empty{text-align:center;padding:60px 20px;color:var(--tm-muted);font-size:15px}

/* ==================== RESPONSIVE ==================== */
@media(max-width:1024px){
  .tm-content-layout{grid-template-columns:1fr;gap:24px}
  .tm-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
  .tm-sidebar__dl{grid-column:1/-1}
  .tm-banner__inner{flex-direction:column;gap:24px;text-align:center}
  .tm-banner__text p{max-width:none;margin:0 auto}
  .tm-dl-grid{grid-template-columns:repeat(2,1fr)}
  .tm-cat-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  :root{--header-h:48px}
  .tm-header__nav{display:none}
  .tm-header.is-sticky .tm-header__nav{display:block}
  .tm-catnav{padding:0 4px}
  .tm-catnav__link{padding:8px 12px;font-size:13px}
  .tm-hamburger{display:flex}
  .tm-catnav{flex-wrap:nowrap;overflow-x:auto}
  .tm-catnav.is-open{display:flex}
  .tm-header__lang{display:none}
  .tm-header__actions .tm-btn{display:none}
  .tm-mobnav{display:flex}
  .tm-footer{padding-bottom:72px}
  .tm-banner{padding:24px 0}
  .tm-banner__text h1{font-size:20px}
  .tm-banner__cards{flex-direction:column;gap:8px;width:100%}
  .tm-banner__card{flex-direction:row;padding:12px 16px;min-width:0}
  .tm-sidebar{grid-template-columns:1fr}
  .tm-dl-grid{grid-template-columns:1fr}
  .tm-cat-grid{grid-template-columns:repeat(2,1fr)}
  .tm-related__grid{grid-template-columns:1fr}
  .tm-article{padding:20px 16px}
  .tm-footer__grid{grid-template-columns:1fr 1fr;gap:24px}
  .tm-cta__box{padding:32px 20px}
  .tm-cta__btns{flex-direction:column;gap:8px}
  .tm-pagination{flex-wrap:wrap;gap:6px}
  .tm-feed__desc{display:none}
}
@media(max-width:480px){
  .tm-cat-grid{grid-template-columns:1fr 1fr}
  .tm-footer__grid{grid-template-columns:1fr}
  .tm-page-hero__title{font-size:20px}
  .tm-article__title{font-size:20px}
}