/* Techlade editorial v2: Vietnamese-safe typography and editorial sections. */
:root {--tl-font-body:"Be Vietnam Pro","Segoe UI",Arial,sans-serif;--tl-font-heading:"Be Vietnam Pro","Segoe UI",Arial,sans-serif;--tl-size-factor:1;--tl-ink:#111016;--tl-line:#dcdde1;--tl-purple:#9550b6;--tl-content-width:1130px}
html{font-synthesis:none;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body,button,input,textarea,select,.sidebar-scroll{font-family:var(--tl-font-body);font-kerning:normal;font-variant-ligatures:normal}
body{color:var(--tl-ink);font-size:calc(17px * var(--tl-size-factor));line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,.wordmark{font-family:var(--tl-font-heading);font-weight:800;letter-spacing:-.025em;overflow-wrap:break-word;word-break:normal}
p,li,.article-prose,.tl-article-content{overflow-wrap:break-word;word-break:normal}
.site-header .wordmark,.wordmark{font-family:var(--tl-font-heading);font-weight:900;letter-spacing:-.065em}
.top-nav,.primary-menu,.drawer-menu{font-size:calc(16px * var(--tl-size-factor))}
.primary-menu li>a,.drawer-menu li>a{font-family:var(--tl-font-body)}
.tl-home{padding-bottom:0}.tl-home .top-stories{padding-bottom:42px}
.tl-home .hero-lead h1{font-family:var(--tl-font-heading);font-size:clamp(36px,3.5vw,53px);line-height:1.14;letter-spacing:-.037em}
.tl-home .hero-side h2{font-size:calc(21px * var(--tl-size-factor));line-height:1.34;letter-spacing:-.025em}
.tl-home .lead-excerpt{font-size:calc(18px * var(--tl-size-factor));line-height:1.65;max-width:100%}
.tl-home .lead-byline,.tl-home .card-author{font-size:calc(15px * var(--tl-size-factor))}
.tl-home .card-tag,.tl-img .card-tag,.tl-more-image .card-tag{font-size:calc(12px * var(--tl-size-factor));font-weight:700;background:#18181bd9;color:#fff;padding:6px 9px;border-radius:4px;line-height:1.2}
/* Engadget-style category modules */
.tl-home-module{padding:23px 0 29px;border-top:1.5px solid var(--tl-ink);margin-bottom:12px}
.tl-mod-heading{display:flex;align-items:center;gap:12px;margin:0 0 24px;line-height:1.25}
.tl-mod-heading h2{font-size:calc(27px * var(--tl-size-factor));margin:0;letter-spacing:-.028em}
.tl-mod-heading>a{font-weight:700;font-size:calc(13px * var(--tl-size-factor));text-transform:none;align-self:center}
.tl-mod-heading>a:hover{text-decoration:underline}
.tl-module-grid{min-width:0}
.tl-module-split .tl-module-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,auto));gap:0 26px}
.tl-module-split .tl-section-lead{grid-column:1;grid-row:1 / span 3;border-right:1px solid var(--tl-line);padding-right:26px;margin:0;display:flex;flex-direction:column;min-width:0}
.tl-img{display:block;position:relative;overflow:hidden;border-radius:5px;background:#f1f1f3}
.tl-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .23s ease}
.tl-img:hover img{transform:scale(1.03)}
.tl-img-feature{aspect-ratio:1.72}
.tl-section-lead h3,.tl-story h3{font-size:calc(22px * var(--tl-size-factor));line-height:1.29;margin:16px 0 9px}
.tl-section-lead h3 a:hover,.tl-story h3 a:hover,.tl-mini h3 a:hover,.tl-more-card h3 a:hover{color:#5d5d62}
.tl-article-meta,.tl-mini-meta{font-size:calc(13px * var(--tl-size-factor));line-height:1.5;color:#75757b;margin:0 0 9px}
.tl-card-desc{font-size:calc(15px * var(--tl-size-factor));line-height:1.55;margin:0;color:#323237}
.tl-mini{display:grid;grid-template-columns:minmax(0,1fr) 156px;grid-template-areas:'copy photo';align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid var(--tl-line);min-width:0}
.tl-mini:first-of-type{padding-top:0}.tl-mini:last-child{border-bottom:0;padding-bottom:0}
.tl-mini-copy{grid-area:copy;min-width:0}.tl-mini h3{font-size:calc(17px * var(--tl-size-factor));line-height:1.35;margin:0 0 9px}
.tl-mini .tl-img{grid-area:photo;width:100%;aspect-ratio:1.68}
.tl-mini .tl-img img{width:100%;height:100%;object-fit:cover}
.tl-mini .card-tag{top:4px;left:4px;font-size:10px;padding:4px 6px}
.tl-mini-meta{display:block;font-size:calc(12px * var(--tl-size-factor));margin:0}
.tl-module-trio .tl-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px}
.tl-story{display:flex;flex-direction:column;padding-right:20px;border-right:1px solid var(--tl-line);min-width:0}
.tl-story:last-child{padding-right:0;border-right:0}
.tl-img-standard{aspect-ratio:1.72}
.tl-story h3{font-size:calc(20px * var(--tl-size-factor));margin:14px 0 6px}
.tl-story .tl-card-desc{font-size:calc(15px * var(--tl-size-factor));line-height:1.57;margin-bottom:16px}
.tl-readmore{align-self:flex-end;margin-top:auto;font-size:calc(13px * var(--tl-size-factor));font-weight:700;min-height:44px;display:flex;align-items:center}
/* Recommended Reads: three editorial columns with leading image and links. */
.tl-recommended{padding:22px 0 34px;border-top:2px solid var(--tl-ink)}
.tl-recommended>h2{font-size:calc(29px * var(--tl-size-factor));margin:0 0 18px;letter-spacing:-.03em}
.tl-recommend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.tl-rec-column{border-right:1px solid var(--tl-line);padding-right:22px;min-width:0}
.tl-rec-column:last-child{padding-right:0;border-right:0}
.tl-rec-column>h3{font-size:calc(20px * var(--tl-size-factor));margin:0 0 14px}
.tl-img-recommend{aspect-ratio:1.77}
.tl-rec-lead>h3{font-size:calc(17px * var(--tl-size-factor));line-height:1.36;margin:11px 0 5px}
.tl-rec-lead .tl-article-meta{margin-bottom:0}
.tl-rec-links{margin:16px 0 0;padding:0;list-style:none}
.tl-rec-links li{position:relative;padding:0 0 15px 18px;margin:0;font-size:calc(15px * var(--tl-size-factor));line-height:1.48;font-weight:700}
.tl-rec-links li::before{content:'▸';font-size:11px;position:absolute;left:0;top:4px}
.tl-rec-links li a:hover{text-decoration:underline}
.tl-recommend-note{font-size:calc(12px * var(--tl-size-factor));color:#77777c;margin:18px 0 0}
/* Authors banner */
.tl-authors{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,2.5fr);gap:26px;background:#f5f3f5;border-radius:7px;padding:28px;margin:16px 0 42px;align-items:center}
.tl-authors-intro h2{font-size:calc(27px * var(--tl-size-factor));line-height:1.22;margin:0 0 17px}
.tl-authors-intro p{font-size:calc(14px * var(--tl-size-factor));line-height:1.6;margin:0 0 20px}
.tl-author-more{display:inline-flex;min-height:43px;align-items:center;gap:7px;padding:9px 17px;border-radius:25px;background:var(--brand);color:white;font-weight:700;font-size:calc(13px * var(--tl-size-factor))}
.tl-author-more:hover{color:white;filter:brightness(.9)}
.tl-author-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tl-author{display:flex;flex-direction:column;min-width:0;gap:3px}
.tl-author img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:7px;margin-bottom:5px;background:#ddd}
.tl-author strong{font-size:calc(15px * var(--tl-size-factor));font-weight:800;line-height:1.3}
.tl-author span{font-size:calc(12px * var(--tl-size-factor));color:#8b46ad}
/* More Stories: faithful three-column editorial grid and centered load button. */
.tl-more{border-top:2px solid var(--tl-ink);padding:24px 0 72px}
.tl-more>h2{font-size:calc(29px * var(--tl-size-factor));margin:0 0 20px;line-height:1.3}
.tl-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px}
.tl-more-card{display:flex;flex-direction:column;min-width:0;position:relative;border-bottom:1px solid var(--tl-line);border-right:1px solid var(--tl-line);padding:0 22px 20px 0;margin:0 0 20px;min-height:0}
.tl-more-card:nth-child(3n){border-right:0;padding-right:0}
.tl-more-image{display:block;position:relative;aspect-ratio:1.75;background:#eee;overflow:hidden;border-radius:5px}
.tl-more-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .24s}
.tl-more-image:hover img{transform:scale(1.035)}
.tl-more-card h3{font-size:calc(19px * var(--tl-size-factor));line-height:1.37;margin:13px 0 6px}
.tl-more-byline{font-size:calc(12px * var(--tl-size-factor));color:#7d7d81;margin:0 0 8px}
.tl-more-excerpt{font-size:calc(15px * var(--tl-size-factor));line-height:1.57;margin:0 0 12px;flex:1;color:#36363c}
.tl-more-next{font-size:calc(12px * var(--tl-size-factor));font-weight:700;align-self:flex-end;min-height:40px;display:flex;align-items:center;margin-top:auto}
.tl-load-area{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;margin:20px 0 0}
.tl-load-more{min-height:48px;padding:10px 24px;border-radius:25px;border:1.5px solid #1b1b1f;background:white;color:#151519;font-size:calc(15px * var(--tl-size-factor));font-weight:700}
.tl-load-more:hover{background:#17171a;color:white}.tl-load-more:disabled{opacity:.45;cursor:wait}
.tl-empty{padding:18px 0;color:#777}
/* Minimal footer as in the supplied Engadget reference, Techlade brand identity. */
.site-footer.tl-minimal-footer{background:#fff;border-top:1px solid #dedee2;color:#555}
.tl-footer-inside{max-width:var(--tl-content-width);margin:0 auto;text-align:center;padding:60px 18px 55px;font-size:calc(13px * var(--tl-size-factor))}
.tl-footer-main-links{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;line-height:1.7}
.tl-footer-main-links a:hover,.tl-footer-network a:hover{text-decoration:underline}
.tl-footer-inside>p{color:#777;margin:12px 0 20px;font-size:calc(12px * var(--tl-size-factor))}
.tl-footer-network{margin-top:8px;line-height:1.7}
.tl-footer-network strong{display:block;color:var(--brand);font-size:calc(15px * var(--tl-size-factor));margin-bottom:11px}
.tl-footer-network>a,.tl-footer-network>span,.tl-footer-network-links{font-size:calc(13px * var(--tl-size-factor));font-weight:700}
.tl-footer-network-links{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;list-style:none;padding:0;margin:0}
.tl-footer-symbol{display:inline-flex;color:#bababc;margin:24px auto 0;transition:color .2s}
.tl-footer-symbol:hover{color:var(--tl-purple)}
/* Article page: single reading column + open whitespace for ads, like screenshot #4. */
.tl-single-page .tl-article-container{padding-top:30px;padding-bottom:90px}
.tl-single-article{max-width:760px;min-width:0}
.tl-breadcrumb{display:flex;align-items:center;gap:9px;color:#77777e;font-size:calc(14px * var(--tl-size-factor));margin:0 0 12px}
.tl-breadcrumb a:hover{text-decoration:underline}
.tl-article-header h1{font-family:var(--tl-font-heading);font-size:clamp(38px,3.8vw,57px);font-weight:800;letter-spacing:-.038em;line-height:1.16;margin:0 0 16px}
.tl-article-subtitle{font-size:calc(21px * var(--tl-size-factor));line-height:1.48;color:#303036;margin:0 0 17px}
.tl-article-author{font-size:calc(14px * var(--tl-size-factor));color:#6f6f79;display:flex;gap:7px;align-items:baseline;flex-wrap:wrap;margin-bottom:20px}
.tl-article-author a{color:#565463}.tl-article-author a:hover{text-decoration:underline}
.tl-article-cover{margin:0 0 22px}
.tl-article-cover img{display:block;width:100%;height:auto;aspect-ratio:1.78;object-fit:cover;border-radius:5px}
.tl-article-cover figcaption{text-align:right;font-size:calc(12px * var(--tl-size-factor));color:#777;margin:6px 0 0}
.tl-google-follow{margin:24px 18px 22px;display:flex;align-items:center;flex-wrap:wrap;border-top:1px solid var(--tl-line);border-bottom:1px solid var(--tl-line);padding:13px 0;gap:10px;font-size:calc(13px * var(--tl-size-factor))}
.tl-google-follow strong{font-size:calc(13px * var(--tl-size-factor));font-weight:700}
.tl-google-pill{border:1px solid #d8d8da;border-radius:28px;display:inline-flex;align-items:center;gap:6px;min-height:35px;padding:6px 13px;white-space:nowrap}
.tl-google-pill:hover{background:#f5f5f6}.tl-google-g{font-family:Arial,sans-serif;color:#4285f4;font-weight:800;font-size:17px}
.tl-amp-link{display:none;text-decoration:underline;font-size:14px;color:var(--brand);margin-bottom:20px}
.tl-article-content.article-prose{font-family:var(--tl-font-body);font-size:calc(19px * var(--tl-size-factor));line-height:1.81;letter-spacing:0;max-width:100%;padding:0 18px;color:#1b1b20}
.tl-article-content p{margin:0 0 1.25em}
.tl-article-content h2{font-size:calc(29px * var(--tl-size-factor));line-height:1.3;margin:1.5em 0 .65em}
.tl-article-content h3{font-size:calc(25px * var(--tl-size-factor));line-height:1.36}
.tl-article-content blockquote{border-left:3px solid var(--brand);padding:3px 22px;margin:35px 0;color:#4e4e52}
.tl-article-content figure{margin:24px 0}.tl-article-content img{max-width:100%;height:auto}
.tl-article-content iframe{max-width:100%}
.tl-ad-space{height:285px;display:flex;justify-content:center;align-items:flex-start;padding-top:85px;color:#d2d2d6;font-size:15px;letter-spacing:.1em;font-weight:800;user-select:none}
.tl-article-tags{font-size:14px;color:#777;margin:35px 18px}
.tl-share{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--tl-line);padding:19px 18px;font-size:14px}
.tl-share a,.tl-share button{font:inherit;background:#fff;border:1px solid #ddd;border-radius:20px;padding:7px 13px;min-height:40px;display:inline-flex;align-items:center}
.tl-related{margin-top:60px;border-top:1px solid var(--tl-ink);padding-top:20px}
.tl-related>h2{font-size:calc(27px * var(--tl-size-factor));margin:0 0 22px}
.tl-related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tl-related-list .tl-more-card{padding-right:0;border-right:0}.tl-related-list .tl-more-card h3{font-size:16px}.tl-related-list .tl-more-card .tl-more-excerpt{display:none}
/* Existing author and archive pages: force consistent Vietnamese glyphs. */
.author-title,.listing-heading h1,.prose-page h1,.newsletter-top h1,.article-heading h1{font-family:var(--tl-font-heading)}
.author-description,.prose-page,.listing-page,.newsletter-page{font-family:var(--tl-font-body)}
/* Interactive targets */
.tl-home button,.tl-home a:focus-visible,.tl-single-page button{scroll-margin:80px}
@media(max-width:1120px){
 .tl-mini{grid-template-columns:minmax(0,1fr) 128px;gap:14px}
 .tl-section-lead h3{font-size:calc(21px * var(--tl-size-factor))}
 .tl-authors{grid-template-columns:1fr 2fr}
 .tl-single-article{max-width:min(760px,100%)}
}
@media(max-width:900px){
 .tl-module-split .tl-module-grid{grid-template-columns:1fr;grid-template-rows:auto}
 .tl-module-split .tl-section-lead{grid-column:1;grid-row:auto;border:0;border-bottom:1px solid var(--tl-line);padding:0 0 20px;margin-bottom:10px}
 .tl-mini{grid-template-columns:minmax(0,1fr) 175px;gap:20px}
 .tl-module-trio .tl-module-grid,.tl-recommend-grid,.tl-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .tl-story,.tl-story:last-child{border-right:0;padding-right:0;padding-bottom:20px;border-bottom:1px solid var(--tl-line)}
 .tl-rec-column,.tl-rec-column:last-child{border-right:0;padding-right:0}
 .tl-more-card,.tl-more-card:nth-child(3n){border-right:0;padding-right:0}
 .tl-authors{grid-template-columns:1fr;gap:24px}
 .tl-authors-intro{max-width:630px}
 .tl-home .top-stories{padding-bottom:40px}
}
@media(max-width:650px){
 .tl-home .hero-lead h1{font-size:clamp(33px,8vw,45px);line-height:1.16}
 .tl-home .hero-side h2{font-size:calc(23px * var(--tl-size-factor))}
 .tl-home-module{padding:21px 0 24px}
 .tl-mod-heading{margin-bottom:19px}.tl-mod-heading h2{font-size:calc(25px * var(--tl-size-factor))}
 .tl-mini{grid-template-columns:minmax(0,1fr) 120px;gap:13px}
 .tl-mini h3{font-size:calc(16px * var(--tl-size-factor))}
 .tl-mini .tl-img{aspect-ratio:1.4}
 .tl-section-lead h3{font-size:calc(22px * var(--tl-size-factor))}
 .tl-module-trio .tl-module-grid,.tl-recommend-grid,.tl-more-grid,.tl-related-list{grid-template-columns:1fr;gap:0}
 .tl-story,.tl-story:last-child{padding:0 0 23px;margin-bottom:23px}
 .tl-story h3{font-size:calc(21px * var(--tl-size-factor))}
 .tl-rec-column,.tl-rec-column:last-child{border-right:0;border-bottom:1px solid var(--tl-line);padding:0 0 24px;margin-bottom:24px}
 .tl-rec-column:last-child{border-bottom:0;margin-bottom:0}
 .tl-rec-column>h3{font-size:calc(22px * var(--tl-size-factor))}
 .tl-recommended>h2,.tl-more>h2{font-size:calc(27px * var(--tl-size-factor))}
 .tl-authors{padding:23px 17px;margin:7px 0 34px}
 .tl-authors-intro h2{font-size:calc(25px * var(--tl-size-factor))}
 .tl-author-list{gap:10px}
 .tl-author strong{font-size:calc(13px * var(--tl-size-factor))}
 .tl-author span{font-size:calc(11px * var(--tl-size-factor))}
 .tl-more{padding-bottom:45px}
 .tl-more-card,.tl-more-card:nth-child(3n){padding:0 0 24px;margin:0 0 25px}
 .tl-more-card h3{font-size:calc(23px * var(--tl-size-factor))}
 .tl-more-byline{font-size:calc(14px * var(--tl-size-factor))}
 .tl-more-excerpt{font-size:calc(17px * var(--tl-size-factor))}
 .tl-more-next{font-size:calc(14px * var(--tl-size-factor))}
 .tl-single-page .tl-article-container{padding-top:23px;padding-bottom:48px}
 .tl-article-header h1{font-size:clamp(34px,8vw,44px);line-height:1.2}
 .tl-article-subtitle{font-size:calc(20px * var(--tl-size-factor))}
 .tl-article-author{font-size:calc(14px * var(--tl-size-factor))}
 .tl-article-cover img{aspect-ratio:1.66}
 .tl-google-follow{margin:20px 0;padding:12px 0;gap:9px}
 .tl-google-follow strong{width:100%}
 .tl-amp-link{display:block}
 .tl-article-content.article-prose{font-size:calc(19px * var(--tl-size-factor));line-height:1.8;padding:0}
 .tl-ad-space{height:230px;padding-top:80px}
 .tl-article-tags,.tl-share{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
 .tl-related-list .tl-more-card h3{font-size:calc(21px * var(--tl-size-factor))}
 .tl-footer-inside{padding:42px 14px 40px}
}
@media(max-width:360px){
 .tl-mini{grid-template-columns:minmax(0,1fr) 96px;gap:9px}
 .tl-mini h3{font-size:15px}
 .tl-author-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .tl-author strong{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.tl-img img,.tl-more-image img{transition:none}}
.tl-author-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px;margin:40px 0 0}
.tl-directory-author img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px}
.tl-directory-author h2{font-size:calc(21px * var(--tl-size-factor));margin:13px 0 3px}
.tl-directory-author p{font-size:calc(15px * var(--tl-size-factor));margin:0;color:var(--brand)}
@media(max-width:850px){.tl-author-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.tl-author-directory-grid{gap:15px}.tl-directory-author h2{font-size:18px}}
/* Techlade XD 2.0.1: actual WP-category mapping and clickable archive links. */
@media (min-width: 761px){
  .tl-recommend-grid{grid-template-columns:repeat(var(--tl-rec-cols,3),minmax(0,1fr))}
}
.tl-mod-heading>a,.tl-rec-column>h3 a{color:inherit;text-decoration:none}
.tl-mod-heading>a:focus-visible,.tl-rec-column>h3 a:focus-visible{outline:2px solid #155eef;outline-offset:4px}
.tl-rec-column>h3 a:hover{text-decoration:underline}