/* ToolBada V7 — calm directory design.
   Layout ideas follow simple Korean calculator portals (off-white canvas, flat white cards, category
   directories with emoji headers, result-first calculators) while keeping ToolBada's own logo and teal.
   Loaded after tb-v6.css by apply-v6-design-system.mjs, so it wins the cascade for shared chrome. */
:root{
  --v7-bg:#f7f7f5;
  --v7-surface:#ffffff;
  --v7-soft:#f2f1ee;
  --v7-soft-2:#e9e7e3;
  --v7-line:#e6e1db;
  --v7-line-strong:#d6d0c8;
  --v7-text:#1b1a18;
  --v7-sub:#5e5a55;
  --v7-faint:#8b857e;
  --v7-brand:#0e8c7e;
  --v7-brand-ink:#0b7a6d;
  --v7-brand-soft:#e7f5f2;
  --v7-radius:16px;
  --v7-radius-sm:12px;
  --v7-shadow:0 1px 2px rgba(28,25,23,.05);
  --v7-shadow-hover:0 8px 22px rgba(28,25,23,.08);
  --v7-font:"Pretendard","Pretendard Variable","Noto Sans KR",system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --v6-canvas:var(--v7-bg);
  --v6-line:var(--v7-line);
  --v6-ink:var(--v7-text);
  --v6-muted:var(--v7-sub);
  --v6-shadow:var(--v7-shadow);
}
html.tb-dark{
  --v7-bg:#0f1312;
  --v7-surface:#171c1a;
  --v7-soft:#1d2421;
  --v7-soft-2:#252d29;
  --v7-line:#2b3431;
  --v7-line-strong:#3a4541;
  --v7-text:#ecf1ef;
  --v7-sub:#a7b3ae;
  --v7-faint:#7f8b86;
  --v7-brand:#2bc4b0;
  --v7-brand-ink:#5fdccb;
  --v7-brand-soft:rgba(43,196,176,.13);
  --v7-shadow:0 1px 2px rgba(0,0,0,.35);
  --v7-shadow-hover:0 10px 26px rgba(0,0,0,.45);
}
html,body,.tb-root,.tb-page,html.tb-dark body,html.tb-dark .tb-root,html.tb-dark .tb-page{background:var(--v7-bg)!important;}
body,.tb-root{font-family:var(--v7-font);}
.tb-root{color:var(--v7-text)!important;}
::selection{background:var(--v7-brand)!important;color:#fff!important;}

/* ---------- top navigation ---------- */
.tb-root>nav:first-of-type{border-top:0!important;border-image:none!important;border-bottom:1px solid var(--v7-line)!important;background:rgba(255,255,255,.9)!important;-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);box-shadow:none!important;}
html.tb-dark .tb-root>nav:first-of-type{background:rgba(15,19,18,.9)!important;border-bottom-color:var(--v7-line)!important;}
.tb-root>nav:first-of-type>div{max-width:1200px!important;height:64px!important;}
.tb-top-brand-mark{box-shadow:none!important;border-radius:11px!important;}
.tb-top-brand-mark:after{border-color:var(--v7-surface)!important;}
.tb-top-brand-text,.tb-brand-text{font-weight:850!important;letter-spacing:-.035em!important;color:var(--v7-text)!important;}
.tb-top-brand-text span,.tb-brand-text span{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:var(--v7-brand)!important;}
.tb-navsearch,.tb-search-link{background:var(--v7-soft)!important;border:1px solid transparent!important;border-radius:999px!important;color:var(--v7-sub)!important;box-shadow:none!important;}
.tb-navsearch:hover,.tb-search-link:hover{background:var(--v7-surface)!important;border-color:var(--v7-line-strong)!important;color:var(--v7-text)!important;box-shadow:none!important;}
.tb-langbtn{border-radius:999px!important;}
.tb-themebtn,.tb-themebtn-nav{border-radius:999px!important;background:var(--v7-soft)!important;border-color:transparent!important;color:var(--v7-sub)!important;}
html.tb-dark .tb-navsearch,html.tb-dark .tb-search-link,html.tb-dark .tb-themebtn{background:var(--v7-soft)!important;border-color:transparent!important;color:var(--v7-sub)!important;}

/* ---------- hub switcher strip ---------- */
.tb-hubstrip,.tb-root>div:has(>.tb-hubswitcher-scroll){background:var(--v7-surface)!important;border-bottom:1px solid var(--v7-line)!important;box-shadow:none!important;}
html.tb-dark .tb-hubstrip,html.tb-dark .tb-root>div:has(>.tb-hubswitcher-scroll){background:var(--v7-surface)!important;border-color:var(--v7-line)!important;}
.tb-hubstrip .tb-scroll,.tb-hubswitcher-scroll{max-width:1200px!important;margin-inline:auto!important;}
.tb-hubchip,.tb-hubswitcher-scroll>a{border:1px solid var(--v7-line)!important;background:var(--v7-surface)!important;border-radius:999px!important;color:var(--v7-sub)!important;font-weight:700!important;box-shadow:none!important;}
.tb-hubchip:hover,.tb-hubswitcher-scroll>a:hover{border-color:var(--v7-line-strong)!important;color:var(--v7-text)!important;background:var(--v7-soft)!important;}
[aria-current="page"]:is(.tb-hubchip,.tb-hubswitcher-scroll>a),.tb-hubjump{background:var(--v7-text)!important;border-color:var(--v7-text)!important;color:var(--v7-surface)!important;}
html.tb-dark .tb-hubchip,html.tb-dark .tb-hubswitcher-scroll>a{background:var(--v7-surface)!important;border-color:var(--v7-line)!important;}

/* ---------- shared cards ---------- */
.tb-hubcard,.tb-toolcard,.tb-card,.tb-resultcard,.tb-relcard,.tb-popular-grid,.tb-info-card{background:var(--v7-surface)!important;border:1px solid var(--v7-line)!important;border-radius:var(--v7-radius)!important;box-shadow:none!important;}
.tb-hubcard:before{display:none!important;}
.tb-hubcard:hover,.tb-toolcard:hover,.tb-card:hover,.tb-resultcard:hover,.tb-relcard:hover{border-color:var(--v7-line-strong)!important;box-shadow:var(--v7-shadow-hover)!important;transform:translateY(-1px)!important;}
.tb-toolcard .tb-tool-list-icon,.tb-relcard .tb-tool-list-icon,.tb-hubcard>div:first-child>span:first-child,.tb-hubmark{background:var(--v7-soft)!important;box-shadow:none!important;border-radius:12px!important;color:var(--v7-brand)!important;}
.tb-chip{border-color:var(--v7-line)!important;border-radius:999px!important;background:var(--v7-surface)!important;}
.tb-chip:hover{border-color:var(--v7-line-strong)!important;color:var(--v7-text)!important;}
button[style*="background:#0E8C7E"],a[style*="background:#0E8C7E"],button[style*="background:var(--tbc-b-0e8c7e)"],a[style*="background:var(--tbc-b-0e8c7e)"]{background:var(--v7-brand-ink)!important;}
html.tb-dark .tb-hubcard,html.tb-dark .tb-toolcard,html.tb-dark .tb-card,html.tb-dark .tb-resultcard,html.tb-dark .tb-relcard,html.tb-dark .tb-popular-grid,html.tb-dark .tb-info-card{background:var(--v7-surface)!important;border-color:var(--v7-line)!important;}

/* ---------- hub (category) pages ---------- */
.tb-root>header:has(.tb-hubhero-inner){background:var(--v7-bg)!important;border-bottom:0!important;}
.tb-root>header:has(.tb-hubhero-inner)>div:first-child:empty{display:none!important;}
.tb-hubhero-inner{max-width:1200px!important;padding:26px 24px 8px!important;}
.tb-hubtitle-row h1,.tb-hubtitle-row{font-size:30px!important;letter-spacing:-.03em!important;}
.tb-hubdesc{color:var(--v7-sub)!important;font-size:15.5px!important;}
.tb-headside{background:var(--v7-surface)!important;border:1px solid var(--v7-line)!important;border-radius:var(--v7-radius)!important;box-shadow:none!important;padding:18px!important;}
.tb-hubsearch{background:var(--v7-soft)!important;border:1px solid transparent!important;border-radius:12px!important;}
.tb-pop{border-radius:999px!important;border:1px solid var(--v7-line)!important;background:var(--v7-surface)!important;}
.tb-body{max-width:1200px!important;}
.tb-catbox button{border-radius:10px!important;}
.tb-catbox button[aria-pressed="true"],.tb-catbox button.is-active{background:var(--v7-brand-soft)!important;color:var(--v7-brand-ink)!important;}
.tb-promo{background:var(--v7-soft)!important;border:0!important;border-radius:var(--v7-radius)!important;}
#tb-hub-tool-grid{gap:12px!important;}
#tb-hub-tool-grid .tb-toolcard{padding:16px!important;}
#tb-hub-tool-grid .tb-toolcard>span:last-child>span:last-child{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* ---------- tool pages ---------- */
.tb-toolgrid{max-width:1200px!important;padding-top:20px!important;column-gap:28px!important;}
.tb-tool-breadcrumb{margin-bottom:10px!important;}
.tb-tool-titleblock{padding:4px 0 20px!important;border:0!important;border-bottom:1px solid var(--v7-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
html.tb-dark .tb-tool-titleblock{background:transparent!important;border-color:var(--v7-line)!important;}
.tb-tool-titleblock h1{font-size:30px!important;font-weight:800!important;letter-spacing:-.035em!important;line-height:1.25!important;color:var(--v7-text)!important;}
.tb-tool-page-icon{background:var(--v7-surface)!important;border:1px solid var(--v7-line)!important;border-radius:16px!important;box-shadow:none!important;}
.tb-tool-summary{color:var(--v7-sub)!important;font-size:15.5px!important;line-height:1.7!important;max-width:760px!important;}
.tb-quality-safety{background:var(--v7-soft)!important;border:0!important;border-radius:var(--v7-radius-sm)!important;box-shadow:none!important;}
html.tb-dark .tb-root .tb-quality-safety{background:var(--v7-soft)!important;border:0!important;}
.tb-quality-safety-title{color:var(--v7-text)!important;}
.tb-toolarea{margin-top:18px!important;padding:18px!important;background:var(--v7-surface)!important;border:1px solid var(--v7-line)!important;border-radius:var(--v7-radius)!important;box-shadow:none!important;}
.tb-toolarea:has(.tbk){padding:0!important;background:transparent!important;border:0!important;}
.tb-toolarea:has(.tbk) .tb-toolarea-label{display:none!important;}
.tb-toolarea:has(.tbk) :is(.inline-tool-shell,.tool-inline-runtime,.runtime-tool-panel,section.content,main.layout){padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.inline-tool-shell,.tool-inline-runtime{border-color:var(--v7-line)!important;border-radius:var(--v7-radius)!important;box-shadow:none!important;}
html.tb-dark .tb-toolarea,html.tb-dark .inline-tool-shell,html.tb-dark .tool-inline-runtime{background:var(--v7-surface)!important;border-color:var(--v7-line)!important;}
html.tb-dark .tb-toolarea:has(.tbk),html.tb-dark .tb-toolarea:has(.tbk) .inline-tool-shell{background:transparent!important;border:0!important;}
/* Static shell a calculator-kit panel shows until its script replaces it. */
.tbk-boot{padding:22px 20px;border:1px solid var(--v7-line);border-radius:var(--v7-radius);background:var(--v7-surface);color:var(--v7-sub);font-size:14px;line-height:1.6;}
.tbk-boot strong{display:block;margin:0 0 4px;color:var(--v7-text);font-size:15px;font-weight:800;}
.tbk-boot p{margin:0;color:var(--v7-sub);}
.tbk-boot small{display:block;margin-top:10px;color:var(--v7-faint);font-size:12.5px;}
.tb-toolgrid>main>div:not(.tb-tool-breadcrumb):not(.tb-tool-titleblock)>h2,.tb-toolgrid>main>section:not(.tb-toolarea):not(.tb-quality-safety)>h2{font-size:22px!important;font-weight:800!important;letter-spacing:-.03em!important;color:var(--v7-text)!important;margin-top:44px!important;}
.tb-toolgrid>main>div:not(.tb-tool-breadcrumb):not(.tb-tool-titleblock) h3{font-size:17px!important;font-weight:750!important;color:var(--v7-text)!important;}
.tb-toolgrid>main>div:not(.tb-tool-breadcrumb):not(.tb-tool-titleblock) p,.tb-toolgrid>main>div:not(.tb-tool-breadcrumb):not(.tb-tool-titleblock) li{color:var(--v7-sub)!important;line-height:1.75!important;}
.tb-aside>div,.tb-context-card,.tb-share-card,[data-share-card]{background:var(--v7-surface)!important;border:1px solid var(--v7-line)!important;border-radius:var(--v7-radius)!important;box-shadow:none!important;}
html.tb-dark .tb-aside>div,html.tb-dark .tb-context-card,html.tb-dark .tb-root :where(.tb-share-card,[data-share-card]){background:var(--v7-surface)!important;border-color:var(--v7-line)!important;}
.tb-aside .tb-relcard{border:0!important;border-radius:10px!important;background:transparent!important;}
.tb-aside .tb-relcard:hover{background:var(--v7-soft)!important;box-shadow:none!important;transform:none!important;}

/* ---------- footer & utility rail ---------- */
.tb-root footer{background:var(--v7-surface)!important;border-top:1px solid var(--v7-line)!important;}
.tb-root footer:before{display:none!important;}
html.tb-dark .tb-root footer{background:var(--v7-surface)!important;border-color:var(--v7-line)!important;}
.tb-pwa-install{background:var(--v7-text)!important;border-color:transparent!important;box-shadow:0 8px 24px rgba(28,25,23,.18)!important;}
/* Install lives in the top navigation next to the theme toggle, so it matches the other nav actions
   instead of floating over the page. The rail keeps only the scroll-to-top button. */
.tb-pwa-install.tb-pwa-install-nav{position:static!important;min-height:38px!important;height:38px!important;padding:0 12px 0 8px!important;gap:7px!important;border:1px solid transparent!important;border-radius:999px!important;background:var(--v7-soft)!important;color:var(--v7-sub)!important;font-size:13px!important;font-weight:700!important;box-shadow:none!important;}
.tb-pwa-install.tb-pwa-install-nav:hover{background:var(--v7-surface)!important;border-color:var(--v7-line-strong)!important;color:var(--v7-text)!important;}
.tb-pwa-install.tb-pwa-install-nav:focus-visible{outline:3px solid var(--v7-brand-soft);outline-offset:2px;}
.tb-pwa-install.tb-pwa-install-nav img{width:22px!important;height:22px!important;border-radius:7px!important;box-shadow:none!important;}
html.tb-dark .tb-pwa-install.tb-pwa-install-nav{background:var(--v7-soft)!important;border-color:transparent!important;color:var(--v7-sub)!important;}
html.tb-dark .tb-pwa-install.tb-pwa-install-nav:hover{background:var(--v7-surface)!important;border-color:var(--v7-line-strong)!important;color:var(--v7-text)!important;}
.tb-pwa-install .tb-pwa-install-glyph{display:none;}
.tb-pwa-guide.tb-pwa-guide-nav{top:70px!important;right:18px!important;bottom:auto!important;}
@media(max-width:760px){
  .tb-pwa-install.tb-pwa-install-nav{width:38px!important;padding:0!important;justify-content:center!important;}
  .tb-pwa-install.tb-pwa-install-nav span{display:none!important;}
  .tb-pwa-install.tb-pwa-install-nav img{display:none!important;}
  .tb-pwa-install.tb-pwa-install-nav .tb-pwa-install-glyph{display:block!important;width:20px;height:20px;flex:none;}
  .tb-pwa-guide.tb-pwa-guide-nav{top:64px!important;right:12px!important;}
}
.tb-pwa-totop{background:var(--v7-surface)!important;border-color:var(--v7-line)!important;color:var(--v7-text)!important;box-shadow:0 8px 24px rgba(28,25,23,.12)!important;}
html.tb-dark .tb-pwa-install{background:#2b3431!important;}

/* ---------- V7 home ---------- */
/* Card-shaped links are whole blocks; the readability layer underlines inline links in <main>. */
.tb-v7-home a,.tbk-next a,.tbk-sources a{text-decoration:none!important;}
.tb-v7-home{max-width:1200px;margin:0 auto;padding:30px 24px 8px;}
.tb-v7-hero{display:grid;gap:14px;padding:6px 0 22px;}
.tb-v7-hero h1{margin:0;font-size:34px;font-weight:850;letter-spacing:-.04em;line-height:1.2;color:var(--v7-text);}
.tb-v7-hero h1 small{display:block;margin-top:8px;font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--v7-sub);}
.tb-v7-search{display:flex;align-items:center;gap:10px;max-width:760px;height:56px;padding:0 8px 0 16px;border:1.5px solid var(--v7-line-strong);border-radius:16px;background:var(--v7-surface);}
.tb-v7-search:focus-within{border-color:var(--v7-brand);}
.tb-v7-search svg{width:20px;height:20px;flex:none;color:var(--v7-faint);}
.tb-v7-search input{flex:1;min-width:0;height:100%;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:var(--v7-text);font:inherit;font-size:16px;}
.tb-v7-search button{height:42px;padding:0 18px;border:0;border-radius:12px;background:var(--v7-text);color:var(--v7-surface);font:inherit;font-size:14px;font-weight:800;cursor:pointer;}
.tb-v7-quick{display:flex;flex-wrap:wrap;gap:6px;}
.tb-v7-quick a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--v7-line);border-radius:999px;background:var(--v7-surface);color:var(--v7-sub);font-size:13px;font-weight:700;text-decoration:none;}
.tb-v7-quick a:hover{border-color:var(--v7-line-strong);color:var(--v7-text);}
.tb-v7-trust{margin:0;color:var(--v7-faint);font-size:13px;line-height:1.6;}
.tb-v7-trust a{color:var(--v7-brand-ink);font-weight:700;text-decoration:underline!important;text-underline-offset:3px;}
.tb-v7-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;}
.tb-v7-main{display:grid;grid-template-columns:minmax(0,1fr);gap:34px;min-width:0;}
.tb-v7-side{position:sticky;top:84px;display:grid;gap:14px;}
.tb-v7-banners{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.tb-v7-banner{position:relative;display:flex;flex-direction:column;gap:6px;min-height:132px;padding:18px;border-radius:var(--v7-radius);background:var(--v7-surface);border:1px solid var(--v7-line);color:var(--v7-text);text-decoration:none;overflow:hidden;}
.tb-v7-banner:hover{border-color:var(--v7-line-strong);box-shadow:var(--v7-shadow-hover);}
.tb-v7-banner b{font-size:12px;font-weight:800;color:var(--v7-brand-ink);}
.tb-v7-banner strong{font-size:18px;font-weight:850;letter-spacing:-.03em;line-height:1.3;}
.tb-v7-banner span{font-size:13px;color:var(--v7-sub);line-height:1.5;}
.tb-v7-banner i{position:absolute;right:14px;bottom:10px;font-size:34px;font-style:normal;opacity:.9;}
.tb-v7-banner.is-brand{background:var(--v7-brand-soft);border-color:transparent;}
.tb-v7-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 12px;}
.tb-v7-sec-head h2{margin:0;font-size:22px;font-weight:850;letter-spacing:-.035em;color:var(--v7-text);}
.tb-v7-sec-head p{margin:4px 0 0;font-size:13.5px;color:var(--v7-sub);}
.tb-v7-sec-head a{flex:none;font-size:13px;font-weight:700;color:var(--v7-sub);text-decoration:none;}
.tb-v7-sec-head a:hover{color:var(--v7-brand-ink);}
.tb-v7-quickgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.tb-v7-qtile{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border:1px solid var(--v7-line);border-radius:var(--v7-radius);background:var(--v7-surface);color:var(--v7-text);text-decoration:none;}
.tb-v7-qtile:hover{border-color:var(--v7-line-strong);box-shadow:var(--v7-shadow-hover);}
.tb-v7-qtile i{font-size:26px;font-style:normal;line-height:1;}
.tb-v7-qtile strong{font-size:15px;font-weight:800;letter-spacing:-.02em;}
.tb-v7-qtile span{font-size:12.5px;color:var(--v7-sub);line-height:1.45;}
.tb-v7-cat{display:grid;gap:10px;}
.tb-v7-cat-title{display:flex;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--v7-text);}
.tb-v7-cat-title em{font-style:normal;font-size:20px;}
.tb-v7-cat-title small{font-size:13px;font-weight:600;color:var(--v7-faint);}
.tb-v7-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.tb-v7-item{display:flex;align-items:flex-start;gap:12px;height:100%;padding:14px 16px;border:1px solid var(--v7-line);border-radius:var(--v7-radius);background:var(--v7-surface);color:var(--v7-text);text-decoration:none;}
.tb-v7-item:hover{border-color:var(--v7-line-strong);box-shadow:var(--v7-shadow-hover);}
.tb-v7-item img{width:36px;height:36px;flex:none;padding:6px;border-radius:10px;background:var(--v7-soft);}
.tb-v7-item span{display:grid;gap:3px;min-width:0;}
.tb-v7-item strong{font-size:15px;font-weight:800;letter-spacing:-.02em;}
.tb-v7-item small{font-size:13px;color:var(--v7-sub);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.tb-v7-more{justify-self:start;padding:8px 14px;border:1px solid var(--v7-line);border-radius:999px;background:var(--v7-surface);color:var(--v7-text);font-size:13px;font-weight:700;text-decoration:none;}
.tb-v7-more:hover{border-color:var(--v7-line-strong);}
.tb-v7-panel{padding:16px;border:1px solid var(--v7-line);border-radius:var(--v7-radius);background:var(--v7-surface);}
.tb-v7-panel h2{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:15px;font-weight:850;letter-spacing:-.02em;color:var(--v7-text);}
.tb-v7-panel ol,.tb-v7-panel ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:2px;}
.tb-v7-panel li a{display:flex;align-items:center;gap:10px;min-height:40px;padding:6px 8px;border-radius:10px;color:var(--v7-text);font-size:14px;font-weight:600;text-decoration:none;}
.tb-v7-panel li a:hover{background:var(--v7-soft);}
.tb-v7-panel .rank{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:7px;background:var(--v7-soft);color:var(--v7-sub);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;}
.tb-v7-panel li:nth-child(-n+3) .rank{background:var(--v7-brand-soft);color:var(--v7-brand-ink);}
.tb-v7-panel .emo{width:22px;flex:none;text-align:center;font-size:17px;}
.tb-v7-panel .lab{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tb-v7-panel .tag{margin-left:auto;flex:none;padding:2px 7px;border-radius:999px;background:var(--v7-brand-soft);color:var(--v7-brand-ink);font-size:11px;font-weight:800;}
.tb-v7-panel p{margin:8px 2px 0;font-size:12px;color:var(--v7-faint);line-height:1.5;}
/* Older home sections below the V7 block: same content width, no full-bleed tinted bands. */
.tb-v7-home~section[style*="max-width:1320px"],.tb-v7-home~section>div[style*="max-width:1320px"]{max-width:1200px!important;}
.tb-v7-home~section#popular,.tb-v7-home~section[style*="background:var(--tbc-b-f6f8f7)"]{background:transparent!important;border-top:1px solid var(--v7-line)!important;border-bottom:0!important;}
.tb-v7-home~section[style*="background:#0C1512"]{background:var(--v7-surface)!important;border-top:1px solid var(--v7-line)!important;border-bottom:1px solid var(--v7-line)!important;}
.tb-v7-home~section[style*="background:#0C1512"] :is(h2,h3,strong,div){color:var(--v7-text)!important;}
.tb-v7-home~section[style*="background:#0C1512"] :is(p,span,li){color:var(--v7-sub)!important;}
.tb-v7-home~section[style*="background:#0C1512"] [aria-hidden="true"]:not(svg):empty{display:none!important;}
@media(max-width:1080px){.tb-v7-layout{grid-template-columns:minmax(0,1fr);}.tb-v7-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr));}.tb-v7-banners{grid-template-columns:repeat(2,minmax(0,1fr));}.tb-v7-banners>a:nth-child(3){display:none;}}
@media(max-width:760px){.tb-v7-home{padding:18px 15px 4px;}.tb-v7-hero h1{font-size:27px;}.tb-v7-hero h1 small{font-size:14px;}.tb-v7-search{height:52px;}.tb-v7-search button{padding:0 14px;}.tb-v7-banners{grid-template-columns:1fr;}.tb-v7-banners>a:nth-child(3){display:flex;}.tb-v7-quickgrid{grid-template-columns:repeat(2,minmax(0,1fr));}.tb-v7-list{grid-template-columns:minmax(0,1fr);}.tb-v7-side{grid-template-columns:minmax(0,1fr);}.tb-v7-quick{flex-wrap:nowrap;overflow-x:auto;margin-inline:-15px;padding:0 15px 4px;scrollbar-width:none;}.tb-v7-quick a{flex:none;min-height:44px;}.tb-toolgrid{padding-top:12px!important;}.tb-tool-titleblock h1{font-size:24px!important;}.tb-hubtitle-row h1,.tb-hubtitle-row{font-size:24px!important;}}
@media(prefers-reduced-motion:reduce){.tb-v7-home *{transition:none!important;}}