/* Soft corners shared by the editorial, affiliate and tool interfaces. */
:root{--radius-card:22px;--radius-panel:26px;--radius-control:14px;--radius-small:10px;--radius-pill:999px;--rounded-shadow:0 8px 28px rgba(25,40,75,.045);--rounded-shadow-hover:0 14px 34px rgba(25,40,75,.085);--rounded-accent-ink:#fff}
[data-theme=dark]{--rounded-shadow:0 8px 28px rgba(0,0,0,.3);--rounded-shadow-hover:0 14px 34px rgba(0,0,0,.45);--rounded-accent-ink:#171329}

/* Neutral chrome and overlays complete the jet-black palette. */
[data-theme=dark] .site-header .header-inner,[data-theme=dark] .site-header .nav-popover,[data-theme=dark] .site-header .nav-list .sub-menu{border-color:var(--color-border);box-shadow:var(--rounded-shadow)}
[data-theme=dark] .tool-dialog::backdrop{background:rgba(0,0,0,.72)}
[data-theme=dark] .art-monitor{background:var(--color-surface);border-color:var(--color-border)}
[data-theme=dark] .monitor-screen{background:var(--color-bg)}

/* Header, menus and small controls. */
.site-header{top:12px;margin:14px 24px 0}
.site-header .header-inner{min-height:64px;max-width:1280px;padding:8px 20px;gap:20px;border-radius:24px;border-color:color-mix(in srgb,var(--color-accent) 12%,var(--color-border));box-shadow:0 6px 24px color-mix(in srgb,var(--color-accent) 5%,transparent)}
.site-header .site-brand{font-size:24px;letter-spacing:-1px;gap:9px}
.site-header .brand-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:13px;background:var(--color-soft);font-size:32px;letter-spacing:-.08em;line-height:1}
.site-header .brand-symbol>span{font-size:15px;top:0;right:0;background:var(--color-soft);border-radius:4px}
.site-header .custom-brand{max-width:200px;min-width:0;flex-shrink:1}
.site-header .custom-brand .custom-logo-link{display:block;min-width:0}
.site-header .custom-logo{display:block;max-width:100%;max-height:36px;width:auto;object-fit:contain}
.site-header .nav-list{gap:4px}
.site-header .nav-list>li>a,.site-header .nav-dropdown summary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;border-radius:14px;font-family:var(--font-body);font-size:13px;font-weight:700;line-height:1.5;white-space:nowrap;color:var(--color-text);transition:background-color .18s,color .18s}
.site-header .nav-list>li>a>svg,.site-header .nav-dropdown summary>svg{width:15px;height:15px;flex-shrink:0;stroke-width:1.8;color:var(--color-accent)}
.site-header .nav-list>li>a:hover,.site-header .nav-list>li>a:focus-visible,.site-header .nav-list>.current-menu-item>a,.site-header .nav-list>.current-menu-ancestor>a,.site-header .nav-dropdown summary:hover,.site-header .nav-dropdown details[open]>summary{background:var(--color-soft);color:var(--color-accent)}
.site-header .nav-dropdown summary{background:color-mix(in srgb,var(--color-soft) 65%,var(--color-surface))}
.site-header .nav-badge{display:inline-grid;place-items:center;min-height:16px;margin:0;padding:2px 5px;font-size:7px;line-height:1.2;letter-spacing:.02em;transform:rotate(-5deg)}
.site-header .nav-chevron{width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);margin:0 2px 3px 3px;transition:transform .18s}
.site-header .nav-dropdown details[open] .nav-chevron{transform:translateY(3px) rotate(225deg)}
.site-header .header-actions{flex-shrink:0;gap:5px;padding-left:14px;border-left:1px solid var(--color-border)}
.site-header .header-actions .icon-button{width:36px;height:36px;min-width:36px;min-height:36px;padding:8px;border:1px solid transparent;border-radius:13px;background:color-mix(in srgb,var(--color-soft) 45%,var(--color-surface));color:var(--color-muted)}
.site-header .header-actions .icon-button:hover,.site-header .header-actions .icon-button[aria-expanded=true]{background:var(--color-soft);border-color:color-mix(in srgb,var(--color-accent) 18%,var(--color-border));color:var(--color-accent)}
.site-header .header-actions .icon-button svg{width:17px;height:17px;stroke-width:1.8}
.site-header .header-actions .theme-toggle{color:var(--color-accent)}
.site-header .theme-sun,.site-header .theme-moon{line-height:0}
.site-header .nav-popover,.site-header .nav-list .sub-menu{top:calc(100% + 10px);padding:8px;border:1px solid color-mix(in srgb,var(--color-accent) 15%,var(--color-border));border-radius:20px;box-shadow:var(--rounded-shadow-hover)}
.site-header .nav-popover{left:auto;right:0;width:256px}
.site-header .nav-popover a,.site-header .nav-list .sub-menu a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;font-family:var(--font-body);font-size:13px;font-weight:600;line-height:1.5;color:var(--color-text)}
.site-header .nav-popover a>svg{width:30px;height:30px;flex-shrink:0;padding:7px;border-radius:10px;background:var(--color-soft);color:var(--color-accent)}
.site-header .nav-popover a:hover,.site-header .nav-list .sub-menu a:hover{background:var(--color-soft);color:var(--color-accent)}
/* Keep the pointer path to WordPress submenus continuous. */
.site-header .nav-list .sub-menu::before{content:"";position:absolute;left:0;right:0;top:-11px;height:11px}
.site-drawer .drawer-navigation>a{margin-block:3px;padding:11px 13px;font-size:14px;transition:background-color .18s,color .18s}
.site-drawer .drawer-navigation>a:hover,.site-drawer .drawer-navigation>a:focus-visible{background:var(--color-soft);color:var(--color-accent)}
.site-drawer .drawer-tool-links{display:grid;gap:4px;margin-top:12px;padding:8px;background:color-mix(in srgb,var(--color-soft) 45%,var(--color-surface));border:1px solid var(--color-border);border-radius:18px}
.site-drawer .drawer-tool-links a{display:flex;align-items:center;gap:10px;padding:10px;font-size:13px}
.site-drawer .drawer-tool-links svg{width:18px;height:18px;flex-shrink:0;color:var(--color-accent)}
.nav-popover,.nav-list .sub-menu{border-radius:var(--radius-card);box-shadow:var(--rounded-shadow-hover)}
.nav-popover a,.nav-popover button,.nav-list .sub-menu a{border-radius:var(--radius-control)}
.nav-badge,.bookmark-count,.topic-count,.offer-badge,.domain-extensions>span:not(.extension-note){border-radius:var(--radius-pill)}
.button,.button-small,.button-card,.button-outline,.button-secondary,.coupon-button,.saved-post-remove,.reading-toolbar button,.comment-respond input[type=submit],.search-form input[type=submit]{border-radius:var(--radius-control)}
.icon-button,.header-action,.theme-toggle,.bookmark-button,#back-to-top{border-radius:var(--radius-control)}
.tool-icon,.tile-icon,.sidebar-offer-icon,.tool-page-icon,.offer-provider-mark{border-radius:16px}
.filter-list{border-radius:var(--radius-pill);padding:5px}
.filter-button,.category-pill,.topic-pills a,.blog-topics a,.category-pills a,.tool-page-nav a,.pagination .page-numbers,.entry-tags a,.tag-cloud-link{border-radius:var(--radius-pill)}
.filter-button.is-active,.filter-button[aria-pressed=true],.filter-button.is-active:hover,.filter-button[aria-pressed=true]:hover{background:var(--color-accent);color:var(--rounded-accent-ink)}
.category-strip a{border-radius:var(--radius-control)}

/* News cards are a single surface, from the image through the metadata. */
.post-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--rounded-shadow);padding:0;transition:border-color .2s,box-shadow .2s,transform .2s}
.post-card:hover{box-shadow:var(--rounded-shadow-hover);transform:translateY(-3px)}
.post-card:focus-within{border-color:var(--color-accent)}
.post-card .post-card-image,.post-card .post-card-cover,.post-card .post-cover{border-radius:calc(var(--radius-card) - 1px) calc(var(--radius-card) - 1px) 0 0;margin-bottom:0;flex-shrink:0}
.post-card .post-card-image>a,.post-card .post-card-image img,.post-card .post-card-cover img,.post-card .post-cover img{border-radius:inherit}
.post-card .post-card-body{display:flex;flex-direction:column;flex:1;padding:23px 24px 24px;border-radius:0 0 calc(var(--radius-card) - 1px) calc(var(--radius-card) - 1px)}
.post-card .post-category,.post-card .post-card-category{align-self:flex-start}
.post-card .post-card-meta{margin-top:auto;padding-top:7px}
.post-card.post-card-featured .post-card-body{padding:25px 27px 27px}
.post-card .post-card-image .bookmark-button{right:15px;top:15px;border:1px solid var(--color-border);border-radius:var(--radius-control);box-shadow:0 4px 18px rgba(0,0,0,.1);background:var(--color-surface);color:var(--color-text)}
.post-card .post-card-image .bookmark-button.is-saved,.post-card .post-card-image .bookmark-button[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--rounded-accent-ink)}
.bookmark-button[aria-pressed=true] svg{fill:currentColor;stroke:currentColor}
[data-theme=dark] .post-card{box-shadow:var(--rounded-shadow),inset 0 1px 0 rgba(255,255,255,.025)}
[data-theme=dark] .post-card:hover{box-shadow:var(--rounded-shadow-hover),inset 0 1px 0 rgba(255,255,255,.025)}

/* Sidebars, catalog, home promotions and tool workspaces. */
.sidebar-widget,.sidebar-widget.sidebar-offer,.toc-widget,.offer-card,.tool-tile,.hero-tool-card,.coupon-card,.result-card,.tool-empty,.empty-state,.notice,.affiliate-note{border-radius:var(--radius-card)}
.sidebar-widget,.offer-card,.tool-tile,.hero-tool-card,.tool-workspace,.coupon-card{box-shadow:var(--rounded-shadow)}
.offer-card:hover,.tool-tile:hover{box-shadow:var(--rounded-shadow-hover)}
.tool-workspace{border-radius:var(--radius-panel)}
.result-detail,.tool-workspace .result-detail{border-radius:var(--radius-control)}
.result-status,.tool-workspace .result-status{border-radius:var(--radius-pill)}
.tool-workspace .compare-table,.compare-table{border-radius:var(--radius-control);border:1px solid var(--color-border);overflow:auto}
.compare-table table{border-radius:inherit}
.compare-table thead tr th:first-child{border-top-left-radius:calc(var(--radius-control) - 1px)}
.compare-table thead tr th:last-child{border-top-right-radius:calc(var(--radius-control) - 1px)}
.compare-table tbody tr:last-child th:first-child{border-bottom-left-radius:calc(var(--radius-control) - 1px)}
.compare-table tbody tr:last-child td:last-child{border-bottom-right-radius:calc(var(--radius-control) - 1px)}
.sidebar-tool,.topic-list a,.article-toc-list a{border-radius:var(--radius-small)}
.article-toc-list a.is-current{background:var(--color-soft)}
.shopee-banner,.prefooter,.blog-promo,.editorial-promo,.article-feature-image,.article-cover,.article-featured-image,.entry-cover{border-radius:var(--radius-panel)}
.floating-note,.art-chip,.guide-cover,.guide-card{border-radius:var(--radius-card)}
.article-feature-image img,.article-cover img,.article-featured-image img,.entry-cover img{border-radius:inherit}

/* Inputs retain their native semantics and focus outlines. */
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=submit]),select,textarea,.catalog-search,.domain-input-wrap,.newsletter-input,.search-dialog input[type=search],.share-copy-field input{border-radius:var(--radius-control)}
.domain-input-wrap input,.catalog-search input,.newsletter-input input{border-radius:var(--radius-small)}
.domain-submit,.newsletter-input .button,.search-dialog-input .button{border-radius:var(--radius-control)}
.newsletter-section{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);box-shadow:var(--rounded-shadow);padding:36px 34px;margin-bottom:40px}
.site-footer{border-radius:32px 32px 0 0}
.footer-note{border-radius:var(--radius-card)}

/* Reading content and dialogs share the same soft geometry. */
.reading-toolbar{padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}
.reading-toolbar [data-bookmark][aria-pressed=true],.reading-toolbar [data-bookmark-id][aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--rounded-accent-ink)}
.entry-content blockquote,.wp-block-quote{border-radius:var(--radius-card)}
.entry-content pre,.entry-content .wp-block-group.has-background,.entry-content .wp-block-cover,.entry-content .wp-block-media-text,.entry-content .wp-block-image img,.entry-content figure>img,.wp-block-button__link,.article-author-box,.comment-respond{border-radius:var(--radius-card)}
.entry-content code{border-radius:6px}
.entry-content pre code{border-radius:0}
.entry-content .wp-block-table{border-radius:var(--radius-control);overflow:auto}
.entry-content table{border-radius:var(--radius-control)}
.article-author-box{padding:23px;background:var(--color-surface);border:1px solid var(--color-border)}
.editorial-dialog,.search-dialog,.bookmarks-dialog{border-radius:var(--radius-panel)}
.site-drawer{border-radius:0 var(--radius-panel) var(--radius-panel) 0}
.site-drawer .drawer-navigation a,.site-drawer .drawer-tool-links a,.drawer-bottom button{border-radius:var(--radius-control)}
.search-suggestion{border-radius:var(--radius-control)}
.search-suggestion-image,.saved-post-image{border-radius:var(--radius-small)}
.saved-post{border-radius:var(--radius-control)}
.editorial-dialog-close{border-radius:var(--radius-control)}

@media(max-width:1150px){
    .site-header .header-inner{gap:14px;padding-inline:16px}
    .site-header .site-brand{font-size:22px}
    .site-header .nav-list{gap:2px}
    .site-header .nav-list>li>a,.site-header .nav-dropdown summary{padding-inline:10px}
    .site-header .nav-list>li>a>svg{display:none}
    .site-header .header-actions{padding-left:10px}
}
@media(max-width:950px){
    .site-header{margin:12px 18px 0;top:10px}
    .site-header .header-inner{min-height:60px;border-radius:21px}
    .site-header .header-actions{border-left:0;padding-left:0}
    .site-header .header-actions .drawer-toggle{background:var(--color-soft);color:var(--color-accent)}
}
@media(max-width:760px){
    :root{--radius-card:20px;--radius-panel:23px}
    .site-header{margin:10px 12px 0;top:8px}
    .site-header .header-inner{min-height:58px;padding:8px 12px;gap:10px;border-radius:20px}
    .site-header .site-brand{font-size:21px;gap:8px}
    .site-header .brand-symbol{width:32px;height:32px;font-size:29px;border-radius:11px}
    .site-header .brand-symbol>span{font-size:13px}
    .post-card .post-card-body,.post-card.post-card-featured .post-card-body{padding:20px 21px 22px}
    .newsletter-section{padding:27px 25px;margin-bottom:30px}
    .site-footer{border-radius:26px 26px 0 0}
    .site-drawer{border-radius:0 var(--radius-panel) var(--radius-panel) 0}
}
@media(max-width:450px){
    .site-header .site-brand{font-size:20px}
    .site-header .header-actions{gap:4px}
    .site-header .header-actions .icon-button{width:34px;height:34px;min-width:34px;min-height:34px;padding:8px;border-radius:12px}
    .post-card .post-card-body,.post-card.post-card-featured .post-card-body{padding:19px 20px 21px}
    .post-card .post-card-image .bookmark-button{right:13px;top:13px}
    .newsletter-section{padding:24px 20px}
    .filter-list{max-width:100%;flex-wrap:wrap;justify-content:center;border-radius:20px}
    .reading-toolbar{padding:11px}
}
@media(max-width:360px){
    .site-header .header-inner{padding-inline:10px;gap:6px}
    .site-header .site-brand{font-size:18px;gap:6px;letter-spacing:-.8px}
    .site-header .brand-symbol{width:29px;height:30px;font-size:27px}
    .site-header .header-actions{gap:3px}
    .site-header .header-actions .icon-button{width:32px;height:34px;min-width:32px}
}
@media(prefers-reduced-motion:reduce){.post-card{transition:none}.post-card:hover{transform:none}}
@media print{.post-card,.offer-card,.tool-workspace,.sidebar-widget,.article-author-box{box-shadow:none}}