/* ufa-terminal — เทอร์มินัลแห่งโชคลาภสีเขียว | Green Phosphor Terminal */
:root{
    --utm-bg:#050a06;
    --utm-panel:#0a120c;
    --utm-panel2:#0d1810;
    --utm-green:#33ff77;
    --utm-green-dim:#1d8f47;
    --utm-amber:#ffb347;
    --utm-text:#c9e6d2;
    --utm-gray:#6f8a78;
    --utm-line:#1a2f21;
    --utm-mono:'IBM Plex Mono','Courier New',monospace;
}
*{box-sizing:border-box}
body{font-family:'IBM Plex Sans Thai',sans-serif;background:var(--utm-bg);color:var(--utm-text);font-size:15.5px;line-height:1.75;margin:0}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0 1px,transparent 1px 3px);opacity:.4}
a{color:var(--utm-green);text-decoration:none;transition:.2s}
a:hover{color:#7dffab}
img{max-width:100%}
h1,h2,h3,h4{font-family:'IBM Plex Sans Thai',sans-serif}
code{font-family:var(--utm-mono);background:var(--utm-panel2);border:1px solid var(--utm-line);padding:1px 6px;color:var(--utm-amber);font-size:.9em}

/* Buttons */
.utm-btn-green,.utm-btn-amber,.utm-btn-outline{display:inline-block;font-family:var(--utm-mono);padding:10px 22px;font-weight:600;font-size:14px;line-height:1.5;border:1px solid}
.utm-btn-green{background:rgba(51,255,119,.08);border-color:var(--utm-green);color:var(--utm-green)}
.utm-btn-green:hover{background:var(--utm-green);color:#02140a;box-shadow:0 0 18px rgba(51,255,119,.45)}
.utm-btn-amber{background:rgba(255,179,71,.08);border-color:var(--utm-amber);color:var(--utm-amber)}
.utm-btn-amber:hover{background:var(--utm-amber);color:#1c1000;box-shadow:0 0 18px rgba(255,179,71,.45)}
.utm-btn-outline{background:transparent;border-color:var(--utm-line);color:var(--utm-gray);padding:4px 12px;font-size:12.5px}
.utm-btn-outline:hover{border-color:var(--utm-green);color:var(--utm-green)}
.utm-btn-lg{padding:13px 30px;font-size:16px}
.utm-btn-sm{padding:3px 10px;font-size:12px}
.utm-btn-nav{padding:6px 14px;font-size:13px}

/* Header */
.utm-header{position:sticky;top:0;z-index:1000;background:rgba(5,10,6,.97);border-bottom:1px solid var(--utm-green-dim)}
.utm-statusbar{background:var(--utm-panel2);border-bottom:1px solid var(--utm-line);font-family:var(--utm-mono);font-size:11.5px;color:var(--utm-gray)}
.utm-statusbar-inner{display:flex;gap:22px;padding:4px 12px}
.utm-stat-right{margin-left:auto}
.utm-led{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--utm-green);box-shadow:0 0 8px var(--utm-green);animation:utm-blink 2s infinite}
@keyframes utm-blink{0%,100%{opacity:1}50%{opacity:.35}}
.utm-header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:16px}
.utm-brand{display:flex;align-items:center;gap:11px}
.utm-brand-mark{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--utm-mono);font-weight:700;color:#02140a;font-size:17px;background:var(--utm-green);box-shadow:0 0 16px rgba(51,255,119,.4);flex:none}
.utm-brand-text{display:flex;flex-direction:column;line-height:1.2}
.utm-brand-text b{color:var(--utm-text);font-size:19px}
.utm-brand-text small{font-family:var(--utm-mono);color:var(--utm-green-dim);font-size:11px}
.utm-nav{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.utm-nav>li>a{display:block;padding:8px 9px;color:var(--utm-text);font-size:13.5px}
.utm-nav>li>a:hover,.utm-nav>li.active>a{color:var(--utm-green);text-shadow:0 0 8px rgba(51,255,119,.6)}
.utm-nav-btns{display:flex;gap:8px;margin-left:10px}
.utm-toggle{background:transparent;color:var(--utm-green);border:1px solid var(--utm-green);font-family:var(--utm-mono);font-size:15px;padding:7px 10px;line-height:1}
/* Menu dropdown */
.utm-menu-drop{position:relative}
.utm-menu-toggle{font-family:var(--utm-mono)}
.utm-menu-panel{display:none;position:absolute;top:calc(100% + 10px);right:0;min-width:300px;max-width:440px;background:var(--utm-panel);border:1px solid var(--utm-green);box-shadow:0 0 30px rgba(51,255,119,.2);padding:14px;z-index:1200;max-height:70vh;overflow:auto}
.utm-menu-drop.open .utm-menu-panel{display:block}
.utm-menu-group{padding:7px 0;border-bottom:1px dashed var(--utm-line)}
.utm-menu-group:last-child{border-bottom:0}
.utm-menu-cat{font-family:var(--utm-mono);font-weight:600;color:var(--utm-amber);display:block;padding:2px 4px}
.utm-menu-subs{display:flex;flex-wrap:wrap;gap:5px;padding:5px 4px}
.utm-menu-subs a{font-size:12.5px;color:var(--utm-gray);border:1px solid var(--utm-line);padding:2px 10px}
.utm-menu-subs a:hover{border-color:var(--utm-green);color:var(--utm-green)}

/* Hero */
.utm-hero{padding:56px 0;background:radial-gradient(ellipse at 50% 0%,rgba(51,255,119,.07),transparent 60%)}
.utm-hero-window{background:var(--utm-panel);border:1px solid var(--utm-green-dim);box-shadow:0 0 40px rgba(51,255,119,.15);max-width:920px;margin:0 auto}
.utm-win-bar{display:flex;align-items:center;gap:7px;background:var(--utm-panel2);border-bottom:1px solid var(--utm-line);padding:9px 14px}
.utm-win-bar .dot{width:11px;height:11px;border-radius:50%}
.dot-r{background:#ff5f57}.dot-y{background:#febc2e}.dot-g{background:#28c840}
.utm-win-title{font-family:var(--utm-mono);font-size:12px;color:var(--utm-gray);margin-left:8px}
.utm-hero-body{padding:34px 38px 40px}
.utm-hero-cmd{font-family:var(--utm-mono);color:var(--utm-gray);font-size:14px;margin:0 0 16px}
.utm-hero-h1{font-size:38px;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.3}
.utm-hero-word{display:block;color:var(--utm-green);font-size:23px;font-weight:600;margin-top:8px;text-shadow:0 0 14px rgba(51,255,119,.5)}
.utm-cursor{font-style:normal;animation:utm-blink 1s step-end infinite;color:var(--utm-green)}
.utm-hero-p{color:var(--utm-gray);font-size:15px;margin:0 0 26px}
.utm-hero-btns{display:flex;gap:14px;flex-wrap:wrap}

/* Sections */
.utm-section{padding:62px 0}
.utm-section-dark{background:var(--utm-panel);border-top:1px solid var(--utm-line);border-bottom:1px solid var(--utm-line)}
.utm-section-title{text-align:center;margin-bottom:38px}
.utm-section-title h2{font-family:var(--utm-mono);font-size:25px;font-weight:600;color:var(--utm-green);margin:0 0 8px;text-shadow:0 0 12px rgba(51,255,119,.4)}
.utm-section-title p{color:var(--utm-gray);margin:0;font-size:14.5px}
.utm-title-left{text-align:left}

/* Status cards */
.utm-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.utm-status-card{display:block;background:var(--utm-panel);border:1px solid var(--utm-line);padding:20px;color:var(--utm-text);transition:.25s}
.utm-status-card:hover{border-color:var(--utm-green);color:var(--utm-text);transform:translateY(-4px);box-shadow:0 0 24px rgba(51,255,119,.18)}
.utm-status-head{font-family:var(--utm-mono);font-size:12.5px;color:var(--utm-gray);display:flex;align-items:center;gap:8px;margin-bottom:12px}
.utm-status-card b{display:block;font-size:17px;color:#fff;margin-bottom:8px}
.utm-status-card p{font-size:13.5px;color:var(--utm-gray);margin:0 0 14px}
.utm-status-tag{font-family:var(--utm-mono);font-size:11.5px;color:var(--utm-green);border:1px solid var(--utm-green-dim);padding:2px 10px}

/* Modules */
.utm-mod-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.utm-mod{display:flex;flex-direction:column;background:var(--utm-bg);border:1px solid var(--utm-line);padding:12px;color:var(--utm-text);text-align:center;transition:.25s}
.utm-mod:hover{border-color:var(--utm-amber);color:var(--utm-text);transform:translateY(-5px);box-shadow:0 0 22px rgba(255,179,71,.22)}
.utm-mod-bar{font-family:var(--utm-mono);font-size:10px;color:var(--utm-green-dim);margin-bottom:9px;white-space:nowrap;overflow:hidden}
.utm-mod img{width:100%;aspect-ratio:1/1;object-fit:cover}
.utm-mod b{font-family:var(--utm-mono);font-size:11.5px;color:var(--utm-amber);margin-top:10px;font-weight:500}

/* Feeds */
.utm-feed-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1000px;margin:0 auto}
.utm-feed{display:flex;align-items:center;gap:14px;background:var(--utm-panel);border:1px solid var(--utm-line);border-left:3px solid var(--utm-green-dim);padding:12px 16px;color:var(--utm-text);transition:.25s}
.utm-feed:hover{border-color:var(--utm-green);border-left-color:var(--utm-green);color:var(--utm-text);box-shadow:0 0 20px rgba(51,255,119,.16)}
.utm-feed-time{font-family:var(--utm-mono);font-size:11.5px;color:var(--utm-gray);flex:none}
.utm-feed img{width:56px;height:56px;object-fit:contain;flex:none}
.utm-feed-body{min-width:0;flex:1}
.utm-feed-body b{font-family:var(--utm-mono);display:block;color:var(--utm-green);font-size:14px}
.utm-feed-body p{font-size:12.5px;color:var(--utm-gray);margin:2px 0 0}
.utm-feed-status{font-family:var(--utm-mono);font-size:10px;color:var(--utm-amber);border:1px solid rgba(255,179,71,.4);padding:2px 8px;flex:none;animation:utm-blink 2.4s infinite}

/* Changelog */
.utm-log-list{max-width:860px;margin:0 auto}
.utm-log{display:flex;gap:18px;align-items:flex-start;background:var(--utm-bg);border:1px solid var(--utm-line);padding:16px 20px;margin-bottom:12px;color:var(--utm-text);transition:.25s}
.utm-log:hover{border-color:var(--utm-amber);color:var(--utm-text);transform:translateX(6px)}
.utm-log-ver{font-family:var(--utm-mono);font-size:13px;color:var(--utm-amber);border:1px solid rgba(255,179,71,.4);padding:3px 10px;flex:none}
.utm-log-body b{display:block;font-size:15.5px;color:#fff;margin-bottom:4px}
.utm-log-body p{font-size:13.5px;color:var(--utm-gray);margin:0}

/* Process */
.utm-proc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.utm-proc{display:block;background:var(--utm-panel);border:1px solid var(--utm-line);overflow:hidden;transition:.25s}
.utm-proc img{width:100%;height:170px;object-fit:cover;display:block;transition:.3s;opacity:.9}
.utm-proc:hover{border-color:var(--utm-green);transform:translateY(-5px);box-shadow:0 0 24px rgba(51,255,119,.2)}
.utm-proc:hover img{transform:scale(1.05);opacity:1}
.utm-proc-meta{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-top:1px solid var(--utm-line)}
.utm-proc-meta b{font-family:var(--utm-mono);color:var(--utm-green);font-size:13px}
.utm-proc-meta span{font-family:var(--utm-mono);color:var(--utm-gray);font-size:11.5px}

/* Protocol */
.utm-proto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.utm-proto{display:block;background:var(--utm-bg);border:1px dashed var(--utm-line);padding:20px;color:var(--utm-text);transition:.25s}
.utm-proto:hover{border-style:solid;border-color:var(--utm-green);color:var(--utm-text);box-shadow:0 0 20px rgba(51,255,119,.15)}
.utm-proto-key{font-family:var(--utm-mono);display:inline-block;color:var(--utm-amber);font-size:14px;font-weight:600;margin-bottom:9px}
.utm-proto p{font-family:var(--utm-mono);font-size:12.5px;color:var(--utm-gray);margin:0;line-height:1.8}

/* News */
.utm-news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.utm-news-card{background:var(--utm-panel);border:1px solid var(--utm-line);overflow:hidden;transition:.25s}
.utm-news-card:hover{border-color:var(--utm-green);transform:translateY(-4px)}
.utm-news-card .news-img{height:158px;overflow:hidden}
.utm-news-card .news-img img{width:100%;height:100%;object-fit:cover;transition:.3s;opacity:.92}
.utm-news-card:hover .news-img img{transform:scale(1.06);opacity:1}
.utm-news-card .news-body{padding:13px 15px}
.utm-news-card h4{font-size:15px;margin:0 0 7px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.utm-news-card h4 a{color:var(--utm-text)}
.utm-news-card h4 a:hover{color:var(--utm-green)}
.utm-news-card p{font-size:12.5px;color:var(--utm-gray);margin:0 0 9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-meta{display:flex;gap:14px;font-family:var(--utm-mono);font-size:11px;color:var(--utm-green-dim);border-top:1px dashed var(--utm-line);padding-top:8px}

/* Sidebar */
.utm-sidebar{position:sticky;top:110px}
.utm-sidebar-card{background:var(--utm-panel);border:1px solid var(--utm-line);padding:17px;margin-bottom:18px}
.utm-sidebar-title{font-family:var(--utm-mono);font-weight:600;color:var(--utm-green);border-bottom:1px dashed var(--utm-line);padding-bottom:10px;margin-bottom:11px;font-size:14px}
.utm-sidebar-list{list-style:none;margin:0;padding:0}
.utm-sidebar-list li{padding:7px 0;border-bottom:1px dashed var(--utm-line);font-size:13.5px}
.utm-sidebar-list li:last-child{border-bottom:0}
.utm-sidebar-list a{color:var(--utm-text);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.utm-sidebar-list a:hover{color:var(--utm-green)}
.utm-tag-cloud{display:flex;flex-wrap:wrap;gap:7px}
.utm-tag-cloud a{border:1px solid var(--utm-line);color:var(--utm-gray);font-size:12.5px;padding:2px 11px;font-family:var(--utm-mono)}
.utm-tag-cloud a:hover{border-color:var(--utm-green);color:var(--utm-green)}

/* FAQ */
.utm-faq{max-width:820px;margin:0 auto}
.utm-faq-item{background:var(--utm-bg);border:1px solid var(--utm-line);margin-bottom:11px}
.utm-faq-item.open{border-color:var(--utm-green);box-shadow:0 0 18px rgba(51,255,119,.14)}
.utm-faq-btn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;background:none;border:0;padding:15px 20px;font-family:'IBM Plex Sans Thai',sans-serif;font-size:15px;font-weight:600;color:var(--utm-text);text-align:left;cursor:pointer}
.utm-faq-btn i{font-style:normal;font-family:var(--utm-mono);color:var(--utm-green);font-size:12px;flex:none}
.utm-faq-item.open .utm-faq-btn i{color:var(--utm-amber)}
.utm-faq-body{display:none;padding:0 20px 16px;border-top:1px dashed var(--utm-line)}
.utm-faq-item.open .utm-faq-body{display:block}
.utm-faq-body p{color:var(--utm-gray);font-size:14px;margin:13px 0 0}

/* Breadcrumb / list / pagination / search */
.utm-breadcrumb{padding:16px 0 6px;font-size:13px;color:var(--utm-gray);font-family:var(--utm-mono)}
.utm-breadcrumb a{color:var(--utm-gray)}
.utm-breadcrumb a:hover{color:var(--utm-green)}
.utm-breadcrumb .separator{margin:0 7px;color:var(--utm-line)}
.utm-breadcrumb ul{list-style:none;display:flex;flex-wrap:wrap;margin:0;padding:0;gap:6px}
.utm-list-item{display:flex;gap:16px;background:var(--utm-panel);border:1px solid var(--utm-line);padding:13px;margin-bottom:15px;transition:.25s}
.utm-list-item:hover{border-color:var(--utm-green);transform:translateX(4px)}
.utm-list-item .list-img{flex:none;width:210px;height:132px;overflow:hidden}
.utm-list-item .list-img img{width:100%;height:100%;object-fit:cover}
.utm-list-item h3{font-size:16.5px;margin:0 0 7px;line-height:1.5}
.utm-list-item h3 a{color:var(--utm-text)}
.utm-list-item h3 a:hover{color:var(--utm-green)}
.list-desc{font-size:13px;color:var(--utm-gray);margin:0 0 9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.list-meta{display:flex;gap:14px;font-family:var(--utm-mono);font-size:11.5px;color:var(--utm-green-dim)}
.utm-pagination{display:flex;justify-content:center;margin:24px 0}
.utm-pagination ul{list-style:none;display:flex;gap:8px;margin:0;padding:0}
.utm-pagination li a,.utm-pagination li span{display:inline-block;min-width:36px;text-align:center;padding:6px 11px;background:var(--utm-panel);border:1px solid var(--utm-line);color:var(--utm-text);font-family:var(--utm-mono);font-size:13px}
.utm-pagination li.active span,.utm-pagination li a:hover{border-color:var(--utm-green);color:var(--utm-green)}
.utm-search-form{display:flex;gap:10px;margin:14px 0 24px}
.utm-search-form input{flex:1;border:1px solid var(--utm-line);padding:10px 15px;font-family:var(--utm-mono);font-size:14px;background:var(--utm-panel);color:var(--utm-text)}
.utm-search-form input:focus{outline:none;border-color:var(--utm-green);box-shadow:0 0 12px rgba(51,255,119,.2)}
.utm-search-form button{background:var(--utm-green);color:#02140a;border:0;padding:10px 28px;font-family:var(--utm-mono);font-size:14px;font-weight:600;cursor:pointer}
.utm-search-form button:hover{box-shadow:0 0 16px rgba(51,255,119,.5)}
.utm-no-data{text-align:center;padding:56px 20px;background:var(--utm-panel);border:1px dashed var(--utm-line)}
.utm-no-data .no-icon{font-family:var(--utm-mono);font-size:34px;color:var(--utm-amber);margin-bottom:10px}
.utm-no-data p{color:var(--utm-gray);margin:0;font-family:var(--utm-mono);font-size:13.5px}

/* Detail */
.utm-detail{background:var(--utm-panel);border:1px solid var(--utm-line);padding:28px;margin-bottom:24px}
.utm-detail-narrow{max-width:860px;margin:0 auto}
.utm-detail-title{font-size:26px;font-weight:700;color:#fff;line-height:1.45;margin:0 0 13px}
.utm-detail-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-family:var(--utm-mono);font-size:12px;color:var(--utm-gray);border-bottom:1px dashed var(--utm-line);padding-bottom:13px;margin-bottom:15px}
.utm-detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}
.utm-detail-body{font-size:15px;line-height:1.95;color:var(--utm-text);word-break:break-word}
.utm-page-code{margin-top:17px;text-align:center}
.utm-detail-nav{display:flex;justify-content:space-between;gap:16px;border-top:1px dashed var(--utm-line);margin-top:22px;padding-top:15px}
.utm-detail-nav .nav-item{max-width:48%}
.utm-detail-nav .nav-next{text-align:right;margin-left:auto}
.utm-detail-nav .nav-label{font-family:var(--utm-mono);font-size:11.5px;color:var(--utm-green-dim);margin-bottom:3px}
.utm-detail-nav a{font-size:13.5px;color:var(--utm-text)}
.utm-detail-nav a:hover{color:var(--utm-green)}
.utm-related h3{font-family:var(--utm-mono);font-size:18px;color:var(--utm-green);margin:0 0 15px}
.utm-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}

/* Share */
.utm-share-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-top:1px dashed var(--utm-line);margin-top:18px;padding-top:15px}
.utm-share-bar .share-label{font-family:var(--utm-mono);font-weight:600;color:var(--utm-amber);font-size:13px}
.utm-share-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--utm-line);padding:4px 11px;font-size:12.5px;color:var(--utm-gray);cursor:pointer;font-family:var(--utm-mono)}
.utm-share-btn:hover{border-color:var(--utm-green);color:var(--utm-green)}
.share-icon{width:15px;height:15px}
.utm-share-float,.utm-share-fixed{display:none}

/* Footer */
.utm-footer{background:var(--utm-panel);border-top:1px solid var(--utm-green-dim);margin-top:56px}
.utm-foot-ascii{font-family:var(--utm-mono);color:var(--utm-green-dim);text-align:center;font-size:12px;padding:14px 0 0;overflow:hidden;white-space:nowrap}
.utm-foot-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:30px;padding:28px 0 26px}
.utm-foot-col h4{font-family:var(--utm-mono);color:var(--utm-amber);font-size:14.5px;margin:0 0 13px;padding-bottom:9px;border-bottom:1px dashed var(--utm-line)}
.utm-foot-col>a{display:block;color:var(--utm-gray);font-size:13.5px;padding:4px 0}
.utm-foot-col>a:hover{color:var(--utm-green)}
.utm-foot-brand{display:flex;align-items:center;gap:11px;margin-bottom:11px}
.utm-foot-brand b{color:#fff;font-size:18px}
.utm-foot-about p{font-family:var(--utm-mono);font-size:12.5px;color:var(--utm-gray);margin:0 0 15px}
.utm-foot-btns{display:flex;gap:10px;flex-wrap:wrap}
.utm-cron{list-style:none;margin:0;padding:0}
.utm-cron li{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px dashed var(--utm-line);font-size:13px}
.utm-cron span{color:var(--utm-gray)}
.utm-cron b{font-family:var(--utm-mono);color:var(--utm-green);font-weight:500;font-size:12px}
.utm-links-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;border-top:1px dashed var(--utm-line);padding:14px 0;font-size:12.5px}
.utm-links-label{font-family:var(--utm-mono);color:var(--utm-amber);font-weight:600}
.utm-link-item{color:var(--utm-gray)}
.utm-link-item:hover{color:var(--utm-green)}
.utm-foot-base{border-top:1px solid var(--utm-line);text-align:center;padding:16px 0 22px;font-size:12.5px;font-family:var(--utm-mono)}
.utm-foot-base p{margin:4px 0}
.utm-foot-base a{color:var(--utm-text)}
.utm-foot-base a:hover{color:var(--utm-green)}
.utm-legal{color:#4a5f52;font-size:11.5px}
.utm-icp a{color:#4a5f52}

/* Responsive */
@media (max-width:1199.98px){
    .utm-hero-h1{font-size:31px}
    .utm-mod-grid{grid-template-columns:repeat(3,1fr)}
    .utm-nav>li>a{padding:8px 6px;font-size:12.5px}
}
@media (max-width:991.98px){
    .utm-nav-wrap{display:none;position:absolute;top:100%;left:0;right:0;background:var(--utm-panel);border-bottom:1px solid var(--utm-green);box-shadow:0 18px 34px rgba(0,0,0,.7);padding:12px 16px 18px;max-height:calc(100vh - 92px);overflow:auto}
    .utm-nav-wrap.open{display:block}
    .utm-nav{flex-direction:column;align-items:stretch}
    .utm-nav>li>a{padding:11px 10px;border-bottom:1px dashed var(--utm-line)}
    .utm-nav-btns{margin:12px 0 0;justify-content:center}
    .utm-menu-panel{position:static;min-width:0;max-width:none;box-shadow:none}
    .utm-hero{padding:40px 0}
    .utm-hero-body{padding:26px 22px 30px}
    .utm-status-grid{grid-template-columns:1fr 1fr}
    .utm-feed-list{grid-template-columns:1fr}
    .utm-proc-grid,.utm-proto-grid,.utm-related-grid{grid-template-columns:1fr 1fr}
    .utm-foot-cols{grid-template-columns:1fr 1fr}
    .utm-sidebar{position:static;margin-top:24px}
    .utm-section{padding:48px 0}
}
@media (max-width:575.98px){
    .utm-hero-h1{font-size:25px}
    .utm-hero-word{font-size:17px}
    .utm-status-grid,.utm-proc-grid,.utm-proto-grid,.utm-news-grid,.utm-related-grid{grid-template-columns:1fr}
    .utm-mod-grid{grid-template-columns:repeat(2,1fr)}
    .utm-foot-cols{grid-template-columns:1fr;gap:22px}
    .utm-list-item{flex-direction:column}
    .utm-list-item .list-img{width:100%;height:175px}
    .utm-detail{padding:18px 14px}
    .utm-detail-title{font-size:20px}
    .utm-section-title h2{font-size:19px}
    .utm-feed{flex-wrap:wrap}
}