/* UrbanFonts "General magazine" design v2 (2026-11-06) - overrides main_2016.css chrome, keeps font-directory internals */
:root{--ug-bg:#fff;--ug-alt:#f4f5f7;--ug-ink:#111827;--ug-mut:#667085;--ug-line:#e4e7ec;--ug-acc:#d9382c;--ug-acc2:#b42a20;--ug-card:#fff;--ug-head:#fff;--ug-foot:#111827;--ug-sh:0 1px 2px rgba(16,24,40,.06),0 4px 14px rgba(16,24,40,.05);--ug-sh2:0 8px 28px rgba(16,24,40,.14);--ug-r:12px;--ug-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html.ug-dark{--ug-bg:#0e1116;--ug-alt:#161a21;--ug-ink:#eceff4;--ug-mut:#9aa4b2;--ug-line:#2a303a;--ug-acc:#ff6a5c;--ug-acc2:#ff8a7e;--ug-card:#171b22;--ug-head:#0e1116;--ug-foot:#07090c;--ug-sh:0 1px 2px rgba(0,0,0,.4);--ug-sh2:0 8px 28px rgba(0,0,0,.5)}
html{scroll-behavior:smooth}
body{background:var(--ug-bg)!important;color:var(--ug-ink);text-align:left!important;font-family:var(--ug-font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
body,input,textarea,select,option,button{font-family:var(--ug-font)}
a{color:var(--ug-acc)}
*{box-sizing:border-box}
img{max-width:100%}
.ug-in{max-width:1240px;margin:0 auto;padding:0 20px}
.ug-skip{position:absolute;left:-999px;top:0;background:var(--ug-ink);color:var(--ug-bg);padding:8px 14px;z-index:99999}.ug-skip:focus{left:8px;top:8px}
/* breaking strip */
.ug-strip{background:#111827;color:#e5e7eb;font-size:13px}
.ug-strip .ug-in{display:flex;align-items:center;gap:14px;height:38px}
.ug-strip-lb{display:flex;align-items:center;gap:7px;background:var(--ug-acc);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:11px;padding:5px 10px;border-radius:4px;flex:none}
.ug-strip-lb i{width:7px;height:7px;border-radius:50%;background:#fff;animation:ugp 1.6s infinite}@keyframes ugp{50%{opacity:.25}}
.ug-strip-list{display:flex;gap:26px;overflow:hidden;white-space:nowrap;flex:1;min-width:0;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.ug-strip-list a{color:#e5e7eb;text-decoration:none;flex:none}.ug-strip-list a:hover{color:#fff;text-decoration:underline}
.ug-date{margin-left:auto;color:#9ca3af;flex:none}
/* header */
.ug-head{background:var(--ug-head);border-bottom:1px solid var(--ug-line);position:sticky;top:0;z-index:1000}
.ug-head-in{display:flex;align-items:center;gap:28px;min-height:76px}
.ug-logo{display:inline-flex;align-items:center;gap:10px;color:var(--ug-ink)!important;text-decoration:none!important;font-size:27px;font-weight:600;letter-spacing:-.02em;flex:none}
.ug-logo b{font-weight:800;color:var(--ug-acc)}
.ug-nav{flex:1}
.ug-menu,.ug-menu ul{list-style:none;margin:0;padding:0}
.ug-menu{display:flex;gap:2px;align-items:center}
.ug-menu li{position:relative}
.ug-menu>li>a{display:block;padding:10px 14px;color:var(--ug-ink);text-decoration:none;font-weight:600;font-size:15.5px;border-radius:8px;transition:.15s}
.ug-menu>li>a:hover,.ug-menu>li.current-menu-item>a,.ug-menu>li.current-menu-ancestor>a{background:var(--ug-alt);color:var(--ug-acc)}
.ug-menu>li.menu-item-has-children>a:after{content:"";display:inline-block;width:6px;height:6px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px);margin-left:8px;opacity:.6}
.ug-menu .sub-menu{position:absolute;top:100%;left:0;min-width:210px;background:var(--ug-card);border:1px solid var(--ug-line);border-radius:10px;box-shadow:var(--ug-sh2);padding:6px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s;z-index:50}
.ug-menu li:hover>.sub-menu,.ug-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.ug-menu .sub-menu a{display:block;padding:9px 12px;border-radius:7px;color:var(--ug-ink);text-decoration:none;font-size:14.5px}.ug-menu .sub-menu a:hover{background:var(--ug-alt);color:var(--ug-acc)}
.ug-tools{display:flex;gap:6px;margin-left:auto}
.ug-ico{width:42px;height:42px;border-radius:50%;border:1px solid var(--ug-line);background:var(--ug-card);color:var(--ug-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s;padding:0}
.ug-ico:hover{background:var(--ug-alt);color:var(--ug-acc);border-color:var(--ug-acc)}
.ug-burger{display:none;width:42px;height:42px;border:1px solid var(--ug-line);border-radius:10px;background:var(--ug-card);cursor:pointer;padding:0;flex-direction:column;justify-content:center;align-items:center;gap:4px}
.ug-burger span{display:block;width:18px;height:2px;background:var(--ug-ink);border-radius:2px;transition:.2s}
.ug-search{border-top:1px solid var(--ug-line);background:var(--ug-alt)}.ug-search[hidden]{display:none}
.ug-search .ug-in{display:flex;gap:10px;padding-top:14px;padding-bottom:14px}
.ug-search input{flex:1;height:46px;border:1px solid var(--ug-line);border-radius:10px;padding:0 16px;font-size:16px;background:var(--ug-card);color:var(--ug-ink)}
.ug-search button,.ufm-sf button,.uf-lead-search button{height:46px;border:0;border-radius:10px;background:var(--ug-acc);color:#fff;font-weight:700;padding:0 22px;cursor:pointer;transition:.15s}
.ug-search button:hover,.ufm-sf button:hover,.uf-lead-search button:hover{background:var(--ug-acc2)}
/* directory helper bar */
.ug-dirbar{margin-top:18px}
.ug-browse{background:var(--ug-card);border:1px solid var(--ug-line);border-radius:var(--ug-r)}
.ug-browse summary{cursor:pointer;padding:13px 18px;font-weight:700;list-style:none}.ug-browse summary::-webkit-details-marker{display:none}
.ug-browse summary:after{content:"+";float:right;font-size:20px;line-height:1;color:var(--ug-acc)}.ug-browse[open] summary:after{content:"–"}
.ug-browse #top-categories{margin:0!important;padding:4px 18px 18px!important;background:transparent;border:0}
.ug-browse .inline-alphab{margin-bottom:12px}
.ug-browse .inline-alphab span{display:inline-block}.ug-browse .inline-alphab a{display:inline-block;min-width:30px;text-align:center;padding:5px 6px;border-radius:6px;font-weight:700;text-decoration:none;color:var(--ug-ink)}.ug-browse .inline-alphab a:hover{background:var(--ug-acc);color:#fff}
.ug-browse .inline-categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:4px 14px}
.ug-browse .inline-categories div{margin:0!important;padding:0!important;width:auto!important;float:none!important}
.ug-browse .inline-categories a{color:var(--ug-ink);text-decoration:none;font-size:14.5px;text-transform:capitalize}.ug-browse .inline-categories a:hover{color:var(--ug-acc)}
/* page container */
.w-1200{max-width:1240px;margin-left:auto!important;margin-right:auto!important;width:auto}
#container{padding:0 20px;margin:0 auto!important}
#content-wrap{padding:26px 0 40px}
.ug-dir #maincontent{background:var(--ug-card);border:1px solid var(--ug-line);border-radius:var(--ug-r);padding:26px 28px;box-shadow:var(--ug-sh);color:var(--ug-ink)}
.ug-dir #maincontent .page-title,.ug-dir #maincontent .featured-list-title{font-size:36px;line-height:1.15;letter-spacing:-.02em;font-weight:800;color:var(--ug-ink);margin:0 0 16px}
.ug-dir #maincontent a{color:var(--ug-acc)}
.ug-dir #maincontent p,.ug-dir #maincontent li{line-height:1.7}
.ug-dir #maincontent h2,.ug-dir #maincontent h3{color:var(--ug-ink)}
.ug-dir .fonts-content{padding-top:8px}
/* font cards (directory grid) */
.ug-dir .outerborder,.ufm-fontrow .outerborder{border-radius:var(--ug-r)}
.fontborderA{border:1px solid var(--ug-line)!important;border-radius:var(--ug-r)!important;background:var(--ug-card)!important;box-shadow:var(--ug-sh);transition:.2s;height:auto!important;position:relative;padding-bottom:6px}
.fontborderA:hover{transform:translateY(-3px);box-shadow:var(--ug-sh2)}
.fontpreview,.fontinfo{border-radius:0!important;background:transparent!important}
.fontimage{background:#fff;width:100%}
.fonttitlelink{color:var(--ug-ink)!important;font-weight:700;text-decoration:none}.fonttitlelink:hover{color:var(--ug-acc)!important}
.pagination .page-numbers,.ufm-pager .page-numbers,.ufm-pager a,.ufm-pager span{display:inline-block;padding:8px 14px;margin:3px;border:1px solid var(--ug-line);border-radius:8px;text-decoration:none;color:var(--ug-ink);background:var(--ug-card);font-size:15px;font-weight:600}
.pagination{font-size:15px!important;text-align:center;margin:24px 0}
.pagination .page-numbers.current,.ufm-pager .current{background:var(--ug-acc)!important;border-color:var(--ug-acc)!important;color:#fff!important}
.ufm-pager{text-align:center;margin:30px 0}.ufm-pager a:hover{border-color:var(--ug-acc);color:var(--ug-acc)}
/* single font page */
.sigle-font-content .details-row{margin-bottom:8px}.sigle-font-content .detail-title{font-weight:700;color:var(--ug-mut)}
.downloadlink,a.downloadlink{background:var(--ug-acc)!important;color:#fff!important;border-radius:10px!important;font-weight:700;text-decoration:none!important}.downloadlink:hover{background:var(--ug-acc2)!important}
.font-option-box,#option-box3{background:var(--ug-alt)!important;border:1px solid var(--ug-line)!important;border-radius:var(--ug-r)!important}
#customtext,#custom-text input[type=text],.font-option-box input[type=text]{border:1px solid var(--ug-line);border-radius:8px;background:var(--ug-card);color:var(--ug-ink)}
.preview-breadcrumbs a{color:var(--ug-mut)}
.ug-dir table{border-collapse:collapse}
/* magazine pages */
.ufm-home,.ufm-arch,.ufm-single{color:var(--ug-ink)}
.ufm-home h1,.ufm-home h2,.ufm-home h3,.ufm-arch h1,.ufm-arch h2,.ufm-arch h3,.ufm-single h1,.ufm-single h2,.ufm-single h3,.ufm-single h4{line-height:1.22;margin:0 0 .5em;color:var(--ug-ink);letter-spacing:-.015em}
.ufm-home a,.ufm-arch a{text-decoration:none}
.ufm-chip{display:inline-block;align-self:flex-start;background:var(--ug-ink);color:var(--ug-bg)!important;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:5px 9px;border-radius:4px;text-decoration:none!important;margin-bottom:8px;transition:.15s}
.ufm-chip:hover{background:var(--ug-acc);color:#fff!important}
.ufm-meta{font-size:13px;color:var(--ug-mut)}.ufm-meta i{margin:0 7px;font-style:normal}
.ufm-thumb{display:block;overflow:hidden;background:var(--ug-alt)}.ufm-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}
.ufm-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:90px;font-size:44px;font-weight:800;color:var(--ug-mut);background:var(--ug-alt)}
/* hero */
.ufm-hero{display:grid;grid-template-columns:1.65fr 1fr;gap:22px;margin-bottom:38px}
.ufm-hero-main{border-radius:var(--ug-r);overflow:hidden;background:var(--ug-card);border:1px solid var(--ug-line);box-shadow:var(--ug-sh);display:flex;flex-direction:column;transition:.22s}
.ufm-hero-main:hover{box-shadow:var(--ug-sh2)}
.ufm-hero-img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--ug-alt)}.ufm-hero-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s;display:block}
.ufm-hero-main:hover .ufm-hero-img img{transform:scale(1.04)}
.ufm-hero-tx{padding:22px 26px 26px}
.ufm-hero-tx h2{font-size:32px;margin:6px 0 10px}.ufm-hero-tx h2 a{color:var(--ug-ink)!important}.ufm-hero-tx h2 a:hover{color:var(--ug-acc)!important}
.ufm-hero-tx p{color:var(--ug-mut);margin:0 0 12px}
.ufm-hero-side{display:grid;grid-template-rows:repeat(3,1fr);gap:14px}
.ufm-mini{display:grid;grid-template-columns:132px 1fr;gap:14px;align-items:center;background:var(--ug-card);border:1px solid var(--ug-line);border-radius:var(--ug-r);padding:12px;transition:.2s}
.ufm-mini:hover{box-shadow:var(--ug-sh2);transform:translateY(-2px)}
.ufm-mini .ufm-thumb{border-radius:9px;aspect-ratio:16/10}
.ufm-mini h3{font-size:16.5px;margin:0 0 6px}.ufm-mini h3 a{color:var(--ug-ink)}.ufm-mini h3 a:hover{color:var(--ug-acc)}
.ufm-mini .ufm-chip{margin-bottom:6px}
/* sections */
.ug-cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:38px;align-items:start}
.ug-main,.ufm-main{min-width:0}
.ufm-sec-hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:2px solid var(--ug-ink);margin:0 0 22px;padding-bottom:10px}
.ufm-sec-hd h2{margin:0;font-size:24px;position:relative}.ufm-sec-hd h2:after{content:"";position:absolute;left:0;bottom:-12px;width:100%;height:2px;background:var(--ug-acc)}
.ufm-sec-hd a{font-size:14px;font-weight:700;color:var(--ug-acc)}.ufm-sec-hd a:hover{text-decoration:underline}
.ufm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:34px}
.ug-cols .ufm-grid{grid-template-columns:repeat(2,1fr)}
.ufm-card{background:var(--ug-card);border:1px solid var(--ug-line);border-radius:var(--ug-r);overflow:hidden;display:flex;flex-direction:column;transition:.22s;box-shadow:var(--ug-sh)}
.ufm-card:hover{transform:translateY(-4px);box-shadow:var(--ug-sh2)}.ufm-card:hover .ufm-thumb img{transform:scale(1.05)}
.ufm-card .ufm-thumb{aspect-ratio:16/9}
.ufm-bd{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.ufm-card h3{font-size:19px;margin:0 0 8px}.ufm-card h3 a{color:var(--ug-ink)}.ufm-card h3 a:hover{color:var(--ug-acc)}
.ufm-ex{color:var(--ug-mut);font-size:14.5px;margin:0 0 12px;line-height:1.55}
.ufm-more{margin-top:auto;font-weight:700;font-size:14px;color:var(--ug-acc)}.ufm-more:hover{text-decoration:underline}
.ufm-card .ufm-meta{margin-bottom:10px}
.ufm-list{flex-direction:row;margin-bottom:20px}.ufm-list .ufm-thumb{flex:0 0 280px;aspect-ratio:auto;min-height:190px}
.ug-catblock{margin:8px 0 38px}
.ug-catrow{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ug-catlist{list-style:none;margin:0;padding:0;display:grid;gap:14px;align-content:start}
.ug-catlist li{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--ug-line)}
.ug-catlist .ufm-thumb{border-radius:9px;aspect-ratio:1/1}.ug-catlist h3{font-size:16px;margin:0 0 4px}.ug-catlist h3 a{color:var(--ug-ink)}.ug-catlist h3 a:hover{color:var(--ug-acc)}
.ug-fontsec{background:var(--ug-alt);border-radius:var(--ug-r);padding:24px;margin-bottom:30px}
.ufm-fontrow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ufm-fontrow .outerborder{width:auto!important;float:none!important;margin:0!important;padding:0!important}
.ufm-fontrow .fontborderA{width:auto!important;margin:0!important}
.ufm-fontrow .fontimage{height:130px!important;object-fit:contain}
.ufm-linkrow{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}.ufm-linkrow a{background:var(--ug-card);border:1px solid var(--ug-line);padding:7px 14px;border-radius:99px;font-size:14px;font-weight:600;color:var(--ug-ink)}.ufm-linkrow a:hover{border-color:var(--ug-acc);color:var(--ug-acc)}
/* sidebar */
.ufm-side{display:grid;gap:22px;position:sticky;top:96px}
.ufm-box{background:var(--ug-card);border:1px solid var(--ug-line);border-radius:var(--ug-r);padding:20px;box-shadow:var(--ug-sh)}
.ufm-box h4{font-size:16px;text-transform:uppercase;letter-spacing:.07em;margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--ug-ink);color:var(--ug-ink)}
.ufm-sf input[type=search]{width:100%;height:46px;border:1px solid var(--ug-line);border-radius:10px;padding:0 14px;margin-bottom:10px;font-size:15px;background:var(--ug-bg);color:var(--ug-ink)}.ufm-sf button{width:100%}
.ufm-cats,.ufm-links,.ug-pop{list-style:none;margin:0;padding:0}
.ufm-cats li,.ufm-links li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--ug-line);font-size:15px;color:var(--ug-mut)}.ufm-cats li:last-child,.ufm-links li:last-child{border:0}
.ufm-cats a,.ufm-links a{color:var(--ug-ink);font-weight:600}.ufm-cats a:hover,.ufm-links a:hover{color:var(--ug-acc)}
.ug-pop{counter-reset:p}.ug-pop li{counter-increment:p;display:grid;grid-template-columns:104px 1fr;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--ug-line);position:relative}.ug-pop li:last-child{border:0}
.ug-pop .ufm-thumb{border-radius:8px;aspect-ratio:16/10;position:relative}
.ug-pop li:before{content:counter(p);position:absolute;left:-6px;top:4px;z-index:2;background:var(--ug-acc);color:#fff;font-size:11px;font-weight:800;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.ug-pop a:not(.ufm-thumb){color:var(--ug-ink);font-weight:700;font-size:14.5px;line-height:1.35;display:block}.ug-pop a:hover{color:var(--ug-acc)}.ug-pop span{font-size:12px;color:var(--ug-mut)}
.ufm-tags{display:flex;flex-wrap:wrap;gap:7px}.ufm-tags a{background:var(--ug-alt);border:1px solid var(--ug-line);color:var(--ug-ink);padding:5px 12px;border-radius:99px;font-size:13px;font-weight:600;text-decoration:none}.ufm-tags a:hover{background:var(--ug-acc);border-color:var(--ug-acc);color:#fff}
/* archive header */
.ufm-ah{background:var(--ug-alt);border-radius:var(--ug-r);padding:34px 36px;margin-bottom:30px;border-left:5px solid var(--ug-acc)}
.ufm-ah h1{font-size:36px;margin:0 0 8px}.ufm-ah p{margin:0;color:var(--ug-mut);max-width:720px}
.ufm-chiprow{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ufm-chiprow .ufm-chip{margin:0}
.ufm-cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:38px;align-items:start}
.ufm-404{text-align:center}.ufm-big{font-size:110px;font-weight:900;line-height:1;color:var(--ug-acc);display:block}.ufm-404 .ufm-ah{border-left:0;text-align:center}.ufm-404 .ufm-ah p{margin:0 auto 16px}
.uf-lead-search{display:flex;gap:10px;max-width:520px;margin:16px auto 0}.uf-lead-search input{flex:1;height:46px;border:1px solid var(--ug-line);border-radius:10px;padding:0 14px;background:var(--ug-card);color:var(--ug-ink)}
.ufm-404 .ufm-linkrow{justify-content:center}
.uf-empty{padding:40px 0;text-align:center;color:var(--ug-mut)}
/* single post */
.ufm-progress{position:fixed;left:0;top:0;height:4px;width:0;background:var(--ug-acc);z-index:99999}
.ufm-single{max-width:1240px;margin:0 auto}
.ufm-crumbs{font-size:13.5px;color:var(--ug-mut);margin-bottom:16px}.ufm-crumbs a{color:var(--ug-mut)}.ufm-crumbs a:hover{color:var(--ug-acc)}
.ufm-sh h1{font-size:44px;line-height:1.12;margin:6px 0 16px;letter-spacing:-.025em}
.ufm-by{display:flex;align-items:center;gap:12px;color:var(--ug-mut);font-size:14px;margin-bottom:22px}.ufm-by img{border-radius:50%}.ufm-by b{color:var(--ug-ink)}
.ufm-feat{margin:0 0 28px}.ufm-feat img{width:100%;height:auto;border-radius:var(--ug-r);display:block;box-shadow:var(--ug-sh)}
.ug-single-cols{margin-top:0}
.ufm-share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:22px;font-size:13px}.ufm-share span{font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--ug-mut);margin-right:4px}
.ufm-share a,.ufm-copy{border:1px solid var(--ug-line);background:var(--ug-card);color:var(--ug-ink);padding:6px 13px;border-radius:99px;font-weight:600;font-size:13px;text-decoration:none;cursor:pointer}.ufm-share a:hover,.ufm-copy:hover{border-color:var(--ug-acc);color:var(--ug-acc)}
.ufm-entry{font-size:18px;line-height:1.8;color:var(--ug-ink)}.ufm-entry p{margin:0 0 1.2em}
.ufm-entry h2{font-size:30px;margin:1.7em 0 .5em;scroll-margin-top:100px;padding-top:.2em}.ufm-entry h3{font-size:22px;margin:1.4em 0 .4em}
.ufm-entry a{color:var(--ug-acc);text-decoration:underline;text-underline-offset:3px}
.ufm-entry ul,.ufm-entry ol{padding-left:1.4em;margin:0 0 1.3em}.ufm-entry li{margin-bottom:.45em}
.ufm-entry table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:15.5px;display:block;overflow-x:auto}.ufm-entry th,.ufm-entry td{border:1px solid var(--ug-line);padding:10px 14px;text-align:left;vertical-align:top}.ufm-entry th{background:var(--ug-alt)}
.ufm-entry blockquote{border-left:4px solid var(--ug-acc);margin:1.4em 0;padding:4px 0 4px 20px;color:var(--ug-mut);font-style:italic}
.ufm-entry img{height:auto;border-radius:8px}
.ufm-toc{background:var(--ug-alt);border:1px solid var(--ug-line);border-radius:var(--ug-r);padding:16px 20px;margin:0 0 1.5em}
.ufm-toc-h{background:none;border:0;font-size:16px;font-weight:800;padding:0;cursor:pointer;color:var(--ug-ink)}.ufm-toc ol{margin:10px 0 0;padding-left:1.3em;font-size:16px;line-height:1.7}.ufm-toc.closed ol{display:none}
.ufm-toc a{color:var(--ug-ink);text-decoration:none}.ufm-toc a:hover{color:var(--ug-acc)}
.ufm-posttags{margin-top:30px}
.ufm-author{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:center;background:var(--ug-alt);border-radius:var(--ug-r);padding:22px;margin:32px 0 18px}.ufm-author img{border-radius:50%}.ufm-author h4{margin:0 0 4px}.ufm-author p{margin:0;color:var(--ug-mut);font-size:15px}
.ufm-cta{background:var(--ug-ink);color:var(--ug-bg);border-radius:var(--ug-r);padding:18px 22px;margin-bottom:10px}.ufm-cta a{color:var(--ug-bg);text-decoration:underline}
.ufm-single>.ufm-sec{margin-top:44px}
/* converter widget */
.uf-converter{background:var(--ug-alt);border:1px solid var(--ug-line);border-radius:var(--ug-r);padding:18px;margin:1.5em 0}
.uf-converter textarea{width:100%;min-height:76px;border:1px solid var(--ug-line);border-radius:10px;padding:12px;font:inherit;font-size:17px;resize:vertical;background:var(--ug-card);color:var(--ug-ink)}
.uf-cv-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}
.uf-cv-row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--ug-card);border:1px solid var(--ug-line);border-radius:10px;padding:10px 14px}
.uf-cv-row span{font-size:19px;word-break:break-word;line-height:1.35}.uf-cv-row small{display:block;font-size:11px;font-weight:700;color:var(--ug-mut);text-transform:uppercase;letter-spacing:.06em}
.uf-cv-row button{background:var(--ug-acc);color:#fff;border:0;border-radius:8px;padding:8px 14px;font-weight:700;font-size:13px;cursor:pointer;flex:none}.uf-cv-row button.ok{background:#2e7d4f}
/* generic pages (about/contact/etc. non-imported) */
.uf-article{padding:6px 0 20px;font-size:17px;line-height:1.75}
/* footer */
.ug-foot{background:var(--ug-foot);color:#c7ccd6;margin-top:30px;padding-top:54px;font-size:15px}
.ug-foot a{color:#c7ccd6;text-decoration:none}.ug-foot a:hover{color:#fff;text-decoration:underline}
.ug-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding-bottom:36px}
.ug-foot .ug-logo{color:#fff!important}.ug-foot .ug-logo b{color:var(--ug-acc)}.ug-foot-about p{margin:14px 0 0;max-width:380px;line-height:1.7}
.ug-foot h4{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.09em;margin:0 0 16px}
.ug-flinks{list-style:none;margin:0;padding:0}.ug-flinks li{margin-bottom:10px}
.ug-seo{border-top:1px solid #2a303a;padding:16px 0}.ug-seo summary{cursor:pointer;color:#fff;font-weight:700;font-size:14px}
.ug-seo-tags,.ug-seo-partners{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:14px;font-size:13px}
.ug-seo-tags span{display:inline}.ug-seo-partners div{display:inline-block}
.ug-foot-bar{border-top:1px solid #2a303a;padding:18px 0;font-size:13.5px;color:#9aa4b2}.ug-foot-bar .ug-in{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
/* responsive */
@media(max-width:1080px){.ug-cols,.ufm-cols{grid-template-columns:1fr}.ufm-side{position:static;grid-template-columns:1fr 1fr}.ug-cols .ufm-grid{grid-template-columns:repeat(2,1fr)}.ufm-grid{grid-template-columns:repeat(2,1fr)}.ufm-hero{grid-template-columns:1fr}.ufm-hero-side{grid-template-rows:none;grid-template-columns:repeat(3,1fr)}.ufm-mini{grid-template-columns:1fr}.ug-foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){
.ug-burger{display:flex;order:0}.ug-head-in{gap:12px;min-height:64px}.ug-logo{font-size:23px}
.ug-nav{position:absolute;left:0;right:0;top:100%;background:var(--ug-head);border-bottom:1px solid var(--ug-line);box-shadow:var(--ug-sh2);padding:8px 16px 16px;display:none;max-height:calc(100vh - 110px);overflow:auto}
.ug-nav.open{display:block}.ug-menu{flex-direction:column;align-items:stretch}.ug-menu>li>a{padding:13px 10px;border-bottom:1px solid var(--ug-line);border-radius:0}
.ug-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 0 14px;display:none}.ug-menu li.sub-open>.sub-menu{display:block}
.ug-menu>li.menu-item-has-children>a:after{float:right;margin-top:6px}
.ug-date{display:none}
.ug-head-in .ug-logo{margin-right:auto}.ug-tools{margin-left:0}}
@media(max-width:640px){
.ufm-hero-tx{padding:18px}.ufm-hero-tx h2{font-size:23px}
.ug-in{padding:0 16px}#container{padding:0 16px}
.ug-strip .ug-in{height:34px}.ug-strip-lb{font-size:10px}
.ufm-hero-side{grid-template-columns:1fr}.ufm-mini{grid-template-columns:110px 1fr}
.ufm-grid,.ug-cols .ufm-grid,.ug-catrow,.ufm-fontrow,.uf-cv-list,.ufm-side{grid-template-columns:1fr}
.ufm-list{flex-direction:column}.ufm-list .ufm-thumb{flex:none;min-height:0;aspect-ratio:16/9}
.ufm-sh h1{font-size:30px}.ufm-entry{font-size:17px}.ufm-entry h2{font-size:25px}
.ufm-ah{padding:22px 18px}.ufm-ah h1{font-size:28px}
.ufm-author{grid-template-columns:1fr;text-align:center}.ufm-author img{margin:0 auto}
.ug-foot-grid{grid-template-columns:1fr;gap:26px}
.ug-fontsec{padding:16px}
.ug-dir #maincontent{padding:18px 16px}.ug-dir #maincontent .page-title,.ug-dir #maincontent .featured-list-title{font-size:27px}
.ufm-sec-hd h2{font-size:21px}.ufm-sec-hd a{font-size:13px}
.ufm-big{font-size:80px}.uf-lead-search{flex-direction:column}}
html.ug-dark .fontimage{filter:none}
html.ug-dark .ug-dir #maincontent img.fontimage{background:#fff}

/* font page + directory refinements */
.ug-dir #content.sigle-font-content{border:0!important;padding:0!important;box-shadow:none!important;background:transparent!important;margin:0}
.ug-dir #md-large-widget{display:none!important}
.sigle-font-content .inner-font-details{background:var(--ug-alt);border-radius:var(--ug-r);padding:16px 20px;margin-bottom:18px}
.sigle-font-content .font-details{float:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 24px}
.sigle-font-content .details-row{margin:0}.sigle-font-content .detail-title{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.ug-dir .fonts-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ug-dir .fonts-content>.outerborder,.ug-dir .fonts-content>div:not(.outerborder){margin:0!important;width:auto!important;float:none!important}
.ug-dir .fonts-content>#option-box3,.ug-dir .fonts-content>.pagination,.ug-dir .fonts-content>h2,.ug-dir .fonts-content>.clr{grid-column:1/-1}
.ug-fontfb{display:flex;align-items:center;justify-content:center;min-height:130px;padding:14px;background:var(--ug-alt);color:var(--ug-ink);font:700 clamp(24px,4vw,40px)/1.1 Georgia,'Times New Roman',serif;text-align:center;word-break:break-word;width:100%}
.fontpreview a.plainlink{display:block}
@media(max-width:760px){.ug-dir .fonts-content{grid-template-columns:1fr}}

.sigle-font-content .inner-font-details{float:none!important;margin-left:0!important;padding:16px 20px!important;width:auto!important}
.sigle-font-content .font-details{padding:0}.sigle-font-content .mini-social{display:none}
.fontsleft{height:auto!important;padding:6px 120px 8px 12px!important}.fontinfo{height:auto!important}
.fontsleft .fonttitle{line-height:1.4;font-size:14px}
.ufm-404 .ufm-card{text-align:left}

/* ===== v3 polish (2026-11-06) ===== */
:root{--ug-mut:#586275;--ug-sh:0 1px 2px rgba(16,24,40,.06),0 3px 10px rgba(16,24,40,.05);--ug-sh2:0 10px 30px rgba(16,24,40,.15);--ug-ease:cubic-bezier(.2,.7,.2,1)}
html.ug-dark{--ug-mut:#a3adbb}
body{font-size:16.5px;text-rendering:optimizeLegibility}
h1,h2,h3{text-wrap:balance}
:focus-visible{outline:3px solid var(--ug-acc);outline-offset:2px;border-radius:4px}
.ug-ico:focus-visible,.ug-burger:focus-visible{outline-offset:3px}
/* sticky header with shrink */
.ug-head{transition:box-shadow .25s,background .25s}.ug-head-in{transition:min-height .25s var(--ug-ease)}
.ug-logo svg{transition:width .25s,height .25s}.ug-logo{transition:font-size .25s}
.ug-head.shrunk{box-shadow:0 4px 18px rgba(16,24,40,.12)}
.ug-head.shrunk .ug-head-in{min-height:54px}.ug-head.shrunk .ug-logo{font-size:22px}.ug-head.shrunk .ug-logo svg{width:28px;height:28px}
/* buttons / forms consistent */
.ug-search button,.ufm-sf button,.uf-lead-search button,.uf-cv-row button{transition:background .15s,transform .15s}
.ug-search button:active,.ufm-sf button:active{transform:scale(.97)}
input[type=search],input[type=text],input[type=email],textarea,select{transition:border-color .15s,box-shadow .15s}
input:focus,textarea:focus,select:focus{outline:0;border-color:var(--ug-acc)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--ug-acc) 25%,transparent)}
.ufm-hero-tx p,.ufm-ex,.ufm-meta{color:var(--ug-mut)}
/* hero */
.ufm-hero-main{border-radius:16px}.ufm-hero-tx{padding:24px 28px 28px}.ufm-hero-tx h2{font-size:33px}
.ufm-hero-main:hover .ufm-hero-img img{transform:scale(1.03)}
.ug-pop li:before{left:4px;top:14px;box-shadow:0 0 0 2px var(--ug-card)}
/* chips / badges */
.ufm-chip{border-radius:99px;padding:5px 11px;background:color-mix(in srgb,var(--ug-acc) 12%,var(--ug-card));color:var(--ug-acc2)!important;border:1px solid color-mix(in srgb,var(--ug-acc) 28%,transparent)}
html.ug-dark .ufm-chip{color:var(--ug-acc)!important}
.ufm-chip:hover{background:var(--ug-acc);color:#fff!important}
/* cards hover + entrance */
.ufm-card,.ufm-mini,.fontborderA{transition:transform .25s var(--ug-ease),box-shadow .25s var(--ug-ease)}
.ufm-card h3,.ufm-mini h3{text-wrap:balance}
.ufm-card:focus-within,.ufm-mini:focus-within{box-shadow:var(--ug-sh2)}
@keyframes ugrise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.ug-anim .ufm-card,.ug-anim .ufm-mini,.ug-anim .ufm-box,.ug-anim .ug-fontsec{animation:ugrise .5s var(--ug-ease) both}
/* sidebar widgets */
.ufm-box{transition:box-shadow .25s}.ufm-box:hover{box-shadow:var(--ug-sh2)}
.ufm-box h4{border-bottom:0;position:relative;padding-bottom:12px;font-size:14px}.ufm-box h4:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,var(--ug-acc) 0 42px,var(--ug-line) 42px)}
/* font cards */
.ug-dir .fonts-content .fontborderA .fontimage,.ufm-fontrow .fontimage{border-bottom:1px solid var(--ug-line)}
.fontpreview .font-hname{display:none}
.fontinfo{border-top:0}
.downloadlink{transition:background .15s,transform .15s,box-shadow .15s}.downloadlink:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(217,56,44,.35)}
/* back to top */
.ug-top{position:fixed;right:18px;bottom:20px;width:46px;height:46px;border-radius:50%;border:0;background:var(--ug-acc);color:#fff;box-shadow:var(--ug-sh2);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s var(--ug-ease);z-index:900;padding:0}
.ug-top.show{opacity:1;visibility:visible;transform:none}.ug-top:hover{background:var(--ug-acc2)}
/* slim footer */
.ug-foot{padding-top:0;margin-top:34px;font-size:14.5px}
.ug-foot-grid{grid-template-columns:1.5fr 1fr 1fr;gap:34px;padding:32px 20px 24px;align-items:start}
.ug-foot-about p{margin:10px 0 12px;max-width:340px;line-height:1.55}
.ug-foot .ug-logo{font-size:23px}
.ug-social{display:flex;gap:8px}.ug-social a{width:36px;height:36px;border:1px solid #2f3643;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#c7ccd6;transition:.15s}.ug-social a:hover{background:var(--ug-acc);border-color:var(--ug-acc);color:#fff;text-decoration:none}
.ug-fcol summary{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;margin-bottom:12px;list-style:none;cursor:default}
.ug-fcol summary::-webkit-details-marker{display:none}
.ug-foot .ug-flinks li{margin:0 0 7px;line-height:1.4}
.ug-fcol:first-of-type .ug-flinks{columns:2;column-gap:22px}.ug-fcol:first-of-type .ug-flinks li{break-inside:avoid}
.ug-foot-bar{padding:12px 0}.ug-foot-bar .ug-in{align-items:flex-start;justify-content:space-between}
.ug-seo{border:0;padding:0;margin:0}.ug-seo summary{color:#9aa4b2;font-weight:600;font-size:13px}.ug-seo summary:hover{color:#fff}
.ug-seo[open]{flex-basis:100%}
.ug-seo-tags,.ug-seo-partners{margin-top:10px;max-height:160px;overflow:auto;font-size:12.5px}
.ug-foot a:focus-visible,.ug-foot summary:focus-visible{outline-color:#fff}
@media(max-width:720px){
.ug-foot-grid{grid-template-columns:1fr;gap:0;padding:24px 16px 8px}
.ug-foot-about{padding-bottom:18px}
.ug-fcol{border-top:1px solid #2a303a}.ug-fcol summary{margin:0;padding:14px 0;cursor:pointer;display:flex;justify-content:space-between}
.ug-fcol summary:after{content:"+";font-size:20px;line-height:1;color:var(--ug-acc)}.ug-fcol[open] summary:after{content:"–"}
.ug-fcol .ug-flinks{padding-bottom:12px}.ug-fcol:first-of-type .ug-flinks{columns:2}
.ug-foot-bar .ug-in{flex-direction:column;gap:8px}
}
@media(min-width:721px){.ug-fcol summary{pointer-events:none}}
/* mobile drawer */
.ug-scrim{position:fixed;inset:0;background:rgba(8,10,15,.55);opacity:0;visibility:hidden;transition:.25s;z-index:990}
.ug-scrim.show{opacity:1;visibility:visible}
@media(max-width:900px){
.ug-nav{position:fixed;left:0;top:0;bottom:0;right:auto;width:min(320px,86vw);max-height:none;height:100%;padding:76px 16px 24px;display:block;transform:translateX(-102%);transition:transform .3s var(--ug-ease);z-index:1200;border:0;box-shadow:var(--ug-sh2);visibility:hidden}
.ug-nav.open{transform:none;visibility:visible}
.ug-burger{position:relative;z-index:1300}
body.ug-lock{overflow:hidden}
.ug-menu>li>a{font-size:17px}
}
.ug-nav-x{display:none}
@media(max-width:900px){.ug-nav-x{display:flex;position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:1px solid var(--ug-line);background:var(--ug-card);color:var(--ug-ink);font-size:22px;align-items:center;justify-content:center;cursor:pointer;padding:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:640px){.ufm-hero-tx{padding:18px}.ufm-hero-tx h2{font-size:24px}.ug-top{right:12px;bottom:14px}}
/* font card info tidy */
.fontsleft .fonttitle{font-size:13.5px;color:var(--ug-mut);line-height:1.5}
.fontsleft .fonttitle>a:first-child{display:block;font-size:17px;line-height:1.3;color:var(--ug-ink)!important}
.fontsleft .fonttitle a+a{font-size:13.5px;color:var(--ug-mut)!important;font-weight:600}

/* ===== v4 full polish (2026-11-06) ===== */
:root{--sp1:8px;--sp2:16px;--sp3:24px;--sp4:32px;--sp5:48px;--ug-r2:8px;--ug-acc:#c8281d;--ug-acc2:#a21f16;--fs-s:.875rem;--fs-b:1rem;--fs-l:1.25rem}
html.ug-dark{--ug-acc:#ff7366;--ug-acc2:#ff958b}
.ug-strip-lb,.ug-search button,.ufm-sf button,.uf-lead-search button,.downloadlink,.ug-top,#contact-form input[type=submit],#contact-form button{color:#fff}
html.ug-dark .ug-strip-lb,html.ug-dark .ug-search button,html.ug-dark .ufm-sf button,html.ug-dark .downloadlink,html.ug-dark .ug-top{color:#10131a}
html.ug-dark .downloadlink{color:#10131a!important}
html.ug-dark .ug-pop li:before,html.ug-dark .ufm-chip:hover{color:#10131a!important}
img{height:auto}
/* hero heights balanced */
.ufm-hero{align-items:stretch}
.ufm-hero-img{aspect-ratio:2/1}
.ufm-hero-side{grid-template-rows:none;grid-auto-rows:1fr}
.ufm-mini{align-content:center}
/* placeholders: designed instead of a bare letter */
.ufm-ph{background:linear-gradient(135deg,color-mix(in srgb,var(--ug-acc) 14%,var(--ug-alt)),var(--ug-alt));color:var(--ug-acc);font-family:Georgia,serif;font-size:56px}
.ufm-thumb img{aspect-ratio:16/9}
/* mega menu for dropdowns with many items */
.ug-menu .sub-menu:has(li:nth-child(7)){display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));min-width:520px;gap:2px}
.ug-menu .sub-menu a{font-weight:600}
/* search overlay */
.ug-search:not([hidden]){position:fixed;inset:0;z-index:1500;background:rgba(8,10,15,.72);backdrop-filter:blur(4px);border:0;display:flex;align-items:flex-start;justify-content:center;padding-top:14vh;animation:ugfade .2s both}
.ug-search:not([hidden]) .ug-in{width:100%;max-width:720px;background:var(--ug-card);border-radius:16px;padding:20px!important;box-shadow:var(--ug-sh2)}
.ug-search input{font-size:18px;height:54px}.ug-search button{height:54px}
@keyframes ugfade{from{opacity:0}}
/* lazy fade-in */
.ug-anim img[loading=lazy]{opacity:0;transition:opacity .45s}.ug-anim img[loading=lazy].ld{opacity:1}
/* crisp preview images */
.fontimage,.sigle-font-content .font-content img,#charlayer img{image-rendering:auto;max-width:100%;height:auto}
.fontimage{object-fit:contain;padding:8px}
/* text pages: paragraph rhythm */
.uf-article p,.ug-dir #maincontent .entry-content p,.ug-dir #maincontent #content>p{margin:0 0 1.1em;max-width:75ch}
.uf-article h2,.uf-article h3{margin:1.6em 0 .5em}
.ug-dir #maincontent{font-size:17px}
/* forms (contact etc.) */
#contact-form{max-width:640px;display:grid;gap:6px}
#contact-form p{margin:0 0 14px}
#contact-form label{font-weight:700;font-size:15px;display:block}
#contact-form input[type=text],#contact-form input[type=email],#contact-form textarea{display:block;width:100%;margin-top:6px;padding:12px 14px;border:1px solid var(--ug-line);border-radius:10px;background:var(--ug-card);color:var(--ug-ink);font:inherit;font-size:16px}
#contact-form textarea{min-height:160px;resize:vertical}
#contact-form #captcha-code{width:64px!important;text-align:center;display:inline-block}
#contact-form input[type=submit],#contact-form button,#contact-form .wpcf7-submit,#contact-form [type=submit]{background:var(--ug-acc)!important;color:#fff!important;border:0!important;border-radius:10px!important;padding:13px 28px!important;font-weight:800;font-size:15px;cursor:pointer;text-transform:none!important;transition:background .15s,transform .15s}
html.ug-dark #contact-form [type=submit]{color:#10131a!important}
#contact-form [type=submit]:hover{background:var(--ug-acc2)!important;transform:translateY(-1px)}
/* font detail page */
.preview-breadcrumbs{margin:0 0 14px;font-size:14px}.preview-breadcrumbs a{text-decoration:none;font-weight:600}
.preview-breadcrumbs a:hover{text-decoration:underline}
.sigle-font-content .inner-font-details{border:1px solid var(--ug-line)}
.sigle-font-content .page-title{font-size:40px;margin:0 0 8px}
#font-notes{color:var(--ug-mut);margin-bottom:14px;max-width:70ch}
.sigle-font-content #option-box3{display:flex;justify-content:flex-end;align-items:center;padding:12px 16px!important;margin:0 0 18px;min-height:0!important;height:auto!important}
.sigle-font-content #downloadlayer{position:static!important;float:none!important;margin:0!important}
.sigle-font-content .downloadlink{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;font-size:15px;position:static!important;float:none!important}
.sigle-font-content .font-content{background:var(--ug-card);border:1px solid var(--ug-line);border-radius:var(--ug-r);padding:24px;text-align:center}
.sigle-font-content .font-content img{display:block;margin:12px auto;max-width:100%}
.sigle-font-content .font-content .entry-content,.sigle-font-content .font-content .entry-content *{text-align:left}
html.ug-dark .sigle-font-content .font-content img,html.ug-dark .fontimage{background:#fff;border-radius:8px}
.subview-title{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--ug-mut);margin:18px 0 6px}
/* post extras */
.ufm-entry img{max-width:100%}
.ufm-entry>p:first-of-type{font-size:19.5px;color:var(--ug-ink)}
.ufm-sh h1{font-size:clamp(30px,4.2vw,46px);max-width:32ch}
.ufm-entry h2,.ufm-entry h3{scroll-margin-top:90px}
.ufm-entry a:hover{color:var(--ug-acc2)}
.ufm-entry pre,.ufm-entry code{font-size:.92em;background:var(--ug-alt);border-radius:6px;padding:2px 6px}.ufm-entry pre{padding:14px;overflow:auto}
.comment-respond,.comments-area{margin-top:32px}
.comment-respond input[type=text],.comment-respond input[type=email],.comment-respond textarea{width:100%;padding:12px 14px;border:1px solid var(--ug-line);border-radius:10px;background:var(--ug-card);color:var(--ug-ink);font:inherit}
.comment-respond .submit{background:var(--ug-acc);color:#fff;border:0;border-radius:10px;padding:12px 26px;font-weight:800;cursor:pointer}
/* pagination + pills equal */
.ufm-linkrow a,.ufm-tags a,.ufm-share a,.ufm-copy{min-height:36px;display:inline-flex;align-items:center}
/* touch targets + mobile bar */
.ug-ico,.ug-burger{width:44px;height:44px}
@media(max-width:900px){.ug-menu>li>a{min-height:48px;display:flex;align-items:center}.ug-foot a{display:inline-block;padding:3px 0}}
.ug-bar{display:none}
@media(max-width:640px){
.ug-bar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:950;background:var(--ug-head);border-top:1px solid var(--ug-line);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 18px rgba(16,24,40,.08)}
.ug-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;font-size:11.5px;font-weight:700;color:var(--ug-ink);text-decoration:none}
.ug-bar a svg{width:22px;height:22px}.ug-bar a:active,.ug-bar a:hover{color:var(--ug-acc)}
body{padding-bottom:60px}.ug-top{bottom:72px}
.ug-search:not([hidden]){padding-top:10vh}.ug-search:not([hidden]) .ug-in{margin:0 12px;flex-wrap:wrap}.ug-search input{min-width:0}
.sigle-font-content .page-title{font-size:30px}.sigle-font-content .font-content{padding:14px}
.ug-foot-bar{margin-bottom:0}
}
@media(max-width:380px){.ug-logo{font-size:21px}.ug-head-in{gap:8px}.ug-in{padding:0 12px}}
@media(min-width:1700px){.ug-in,.w-1200{max-width:1360px}.ufm-entry{font-size:19px}}
/* print */
@media print{.ug-strip,.ug-head,.ug-foot,.ug-bar,.ug-top,.ufm-side,.ufm-share,.ufm-progress,.ug-dirbar,.ug-scrim,.ufm-cta{display:none!important}body{background:#fff!important;color:#000;font-size:12pt}.ug-cols,.ufm-cols{display:block}a{color:#000;text-decoration:underline}.ufm-entry a[href^=http]:after{content:" (" attr(href) ")";font-size:.8em}.ufm-card,.fontborderA{box-shadow:none;border:1px solid #bbb;break-inside:avoid}}
html,body{overflow-x:clip}.ug-strip{overflow:hidden}.ug-strip .ug-in{min-width:0}