/* Hayyat Networks — layout concept: a clean, light "operations room": white working surfaces, deep-navy instrument bands, logo blue for action and logo cyan for signal; hexagon motif from the logo. */
:root{
  --bg:#F4F7FB; --surface:#FFFFFF; --surface-2:#EEF3F9; --ink:#0A1A33; --text:#26364D; --muted:#5A6A82; --line:#DCE4EF; --line-2:#C7D3E3;
  --blue:#0A6CD0; --blue-d:#0756A8; --cyan:#00AEE6; --steel:#6E7480; --navy:#06162E; --navy-2:#0C2244; --on-navy:#E7F0FB; --on-navy-muted:#A8BAD3;
  --wa:#25D366; --wa-ink:#05371B; --gold:#F5A623; --good:#13A35B;
  --grad:linear-gradient(120deg,#00AEE6 0%,#0A6CD0 100%);
  --f-display:"Sora","Segoe UI",system-ui,-apple-system,sans-serif;
  --f-body:"Plus Jakarta Sans","Segoe UI",system-ui,-apple-system,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  --r:16px; --maxw:1200px; --shadow:0 1px 2px rgba(10,26,51,.06),0 10px 30px -14px rgba(10,26,51,.18);
  color-scheme:light;
}
.hn *,.hn *::before,.hn *::after{box-sizing:border-box}
.hn [hidden]{display:none!important}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hn *{animation:none!important;transition:none!important}}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--f-body);font-size:16px;line-height:1.65;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:90;background:#fff}
/* neutralise block theme spacing */
.wp-site-blocks{padding:0!important}
.wp-site-blocks>*,.is-layout-flow>*,.entry-content>*,.wp-block-post-content>*{margin-block-start:0!important;margin-block-end:0!important;max-width:none!important}
.hn a{color:inherit;text-decoration:none}
.hn .lead a,.hn .src a,.hn .prose a,.hn .answer a,.hn .faq a,.hn .platform-strip p a{text-decoration:underline;text-underline-offset:3px}
.hn img{max-width:100%;height:auto;display:block}
.hn h1,.hn h2,.hn h3,.hn h4{font-family:var(--f-display);color:var(--ink);font-weight:700;letter-spacing:-.02em;text-wrap:balance;margin:0}
.hn h1{font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.08}
.hn h2{font-size:clamp(1.55rem,3.2vw,2.35rem);line-height:1.18}
.hn h3{font-size:1.08rem;line-height:1.35;font-weight:600;letter-spacing:-.01em}
.hn p{margin:0}
.hn ul{margin:0}
.i{width:1em;height:1em;fill:currentColor;display:inline-block;vertical-align:-.125em;flex:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.sec{padding-block:clamp(60px,8vw,104px)}
.sec.tight{padding-block:clamp(40px,5vw,64px)}
.sec.alt{background:var(--surface)}
.sec.navy{background:radial-gradient(1200px 500px at 85% -10%,rgba(0,174,230,.22),transparent 60%),var(--navy);color:var(--on-navy)}
.sec.navy h2,.sec.navy h3{color:#fff}
.sec.navy .lead,.sec.navy p{color:var(--on-navy-muted)}
.eyebrow{font-family:var(--f-mono);font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:18px;height:18px;flex:none;background:var(--grad);clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%)}
.sec.navy .eyebrow{color:var(--cyan)}
.lead{color:var(--muted);font-size:1.08rem;max-width:64ch}
.sec-head{display:grid;gap:14px;margin-bottom:40px;max-width:800px}
.sec-head.center{margin-inline:auto;text-align:center;justify-items:center}
.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:12px;font-weight:700;font-size:.97rem;text-decoration:none!important;border:1.5px solid transparent;cursor:pointer;font-family:var(--f-body);line-height:1.2;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s}
.btn .i{font-size:1.1em}
.btn:focus-visible,.hn a:focus-visible,.hn button:focus-visible,.hn input:focus-visible,.hn select:focus-visible,.hn textarea:focus-visible,.hn summary:focus-visible{outline:3px solid rgba(10,108,208,.45);outline-offset:2px}
.btn-primary{background:var(--blue);color:#fff!important;box-shadow:0 10px 24px -12px rgba(10,108,208,.8)}
.btn-primary:hover{background:var(--blue-d);transform:translateY(-1px)}
.btn-wa{background:var(--wa);color:var(--wa-ink)!important;box-shadow:0 10px 24px -12px rgba(37,211,102,.9)}
.btn-wa:hover{transform:translateY(-1px);filter:brightness(.96)}
.btn-ghost{background:var(--surface);border-color:var(--line-2);color:var(--ink)!important}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue)!important}
.sec.navy .btn-ghost{background:transparent;border-color:rgba(231,240,251,.35);color:#fff!important}
.sec.navy .btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)!important}
.btn-sm{min-height:40px;padding:8px 14px;font-size:.88rem;border-radius:10px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;font-size:.86rem;font-weight:600;color:var(--ink);background:var(--surface);text-decoration:none}
a.chip:hover{border-color:var(--blue);color:var(--blue)}
.chip .i{color:var(--blue)}
.sec.navy .chip{background:rgba(255,255,255,.06);border-color:rgba(231,240,251,.18);color:var(--on-navy)}
.sec.navy .chip .i{color:var(--cyan)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.sec.alt .card{background:var(--bg);box-shadow:none}
.sec.navy .card{background:rgba(255,255,255,.04);border-color:rgba(231,240,251,.14);box-shadow:none}
.mono{font-family:var(--f-mono)}

/* header */
.hn-top{position:sticky;top:env(safe-area-inset-top,0px);z-index:80;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
.hn-top .wrap{display:flex;align-items:center;gap:18px;height:76px}
.brand{display:flex;align-items:center;flex:none}
.brand img{height:46px;width:auto}
.nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav>a,.nav .dd>button{white-space:nowrap;padding:10px 10px;border-radius:10px;text-decoration:none;color:var(--text);font-weight:600;font-size:.94rem;background:none;border:0;cursor:pointer;font-family:var(--f-body);display:inline-flex;gap:6px;align-items:center}
.nav>a:hover,.nav .dd>button:hover,.nav>a[aria-current="page"]{color:var(--blue);background:var(--surface-2)}
.dd{position:relative}
.dd .i.caret{font-size:.7em;transition:transform .2s}
.dd.open .i.caret{transform:rotate(180deg)}
.mega{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:min(860px,92vw);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 60px -24px rgba(10,26,51,.35);padding:22px;display:none;grid-template-columns:repeat(3,1fr);gap:8px 22px}
.dd.open .mega{display:grid}
@media (hover:hover) and (min-width:1101px){.dd:hover .mega,.dd:focus-within .mega{display:grid}}
.mega h4{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:4px 0 6px;font-weight:600}
.mega a{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:10px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.9rem;line-height:1.35}
.mega a small{display:block;color:var(--muted);font-weight:500;font-size:.8rem}
.mega a .i{color:var(--blue);margin-top:3px}
.mega a:hover{background:var(--surface-2)}
.top-ctas{display:flex;gap:8px;align-items:center;flex:none}
.top-ctas .btn{white-space:nowrap}
@media (max-width:1280px) and (min-width:1101px){.nav>a,.nav .dd>button{font-size:.88rem;padding:9px 8px}.top-ctas .btn-wa span{display:none}}
.menu-btn{display:none;margin-left:auto;background:#fff;border:1px solid var(--line-2);color:var(--ink);border-radius:12px;width:46px;height:46px;cursor:pointer;font-size:1.2rem;align-items:center;justify-content:center}
@media (max-width:1100px){
  .menu-btn{display:inline-flex}
  .top-ctas .btn-wa{display:none}
  .nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;border-bottom:1px solid var(--line);padding:10px max(20px,env(safe-area-inset-left,0px)) 18px;max-height:calc(100vh - 76px);overflow:auto;box-shadow:0 30px 40px -30px rgba(10,26,51,.4)}
  .nav.open{display:flex}
  .nav>a,.nav .dd>button{width:100%;justify-content:space-between;padding:13px 10px;font-size:1rem}
  .mega{position:static;transform:none;width:auto;box-shadow:none;border:0;padding:0 0 8px 8px;grid-template-columns:1fr}
}
@media (max-width:560px){.top-ctas .btn-primary{display:none}.brand img{height:40px}}

/* breadcrumbs */
.crumbs{font-size:.84rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--blue)}
.crumbs span[aria-hidden]{opacity:.5}

/* hero */
.hero{position:relative;overflow:hidden;padding-block:clamp(44px,6vw,84px) clamp(48px,6vw,80px);background:
  radial-gradient(900px 420px at 90% 0%,rgba(0,174,230,.14),transparent 60%),
  radial-gradient(700px 380px at 0% 100%,rgba(10,108,208,.08),transparent 60%),
  linear-gradient(var(--line) 1px,transparent 1px) 0 0/44px 44px,
  linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/44px 44px,var(--bg);background-blend-mode:normal,normal,soft-light,soft-light,normal}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:120px;background:linear-gradient(transparent,var(--bg));pointer-events:none}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.hero-copy{display:grid;gap:20px;min-width:0}
.hero .lead{font-size:1.14rem}
.answer{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--cyan);border-radius:12px;padding:14px 16px;color:var(--text);font-size:.98rem}
.answer b{color:var(--ink)}
.trust{display:flex;flex-wrap:wrap;gap:8px}
.hero-art{min-width:0}
.hero-art figure{margin:0;border-radius:22px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(6,22,46,.55);border:1px solid var(--line)}
@media (max-width:980px){.hero .wrap{grid-template-columns:1fr}.hero-art{max-width:640px}}

/* console (home hero) */
.console{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 40px 80px -40px rgba(6,22,46,.45);position:relative}
.console-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.console-bar .mono{font-size:.7rem;color:var(--muted);letter-spacing:.08em}
.live{display:inline-flex;align-items:center;gap:6px;color:var(--good)!important}
.live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--good);animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.3}}
.c-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.c-tab{font:600 .82rem var(--f-body);color:var(--muted);background:var(--surface-2);border:1px solid transparent;padding:8px 12px;border-radius:999px;cursor:pointer;display:inline-flex;gap:7px;align-items:center}
.c-tab[aria-selected="true"]{color:#fff;background:var(--blue)}
.c-view{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:14px;min-height:290px;display:grid;gap:10px;align-content:start}
.q{display:flex;gap:10px;align-items:center;padding:10px 14px;border:1px solid var(--line-2);border-radius:999px;background:#fff;color:var(--ink);font-size:.92rem;font-weight:600}
.q .i{color:var(--blue)}
.res{padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;display:grid;gap:4px}
.res.win{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,174,230,.15)}
.res .t{font-weight:800;color:var(--ink);display:flex;justify-content:space-between;gap:10px}
.res .u{font-family:var(--f-mono);font-size:.72rem;color:var(--good)}
.res .d{font-size:.84rem;color:var(--muted)}
.ghost-line{height:9px;border-radius:5px;background:var(--surface-2)}
.rank{font-family:var(--f-mono);color:var(--blue);font-size:.78rem;white-space:nowrap}
.stars{color:var(--gold);letter-spacing:1px;font-size:.85rem}
.ai-bubble{padding:14px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:.92rem;color:var(--text)}
.ai-bubble mark{background:rgba(0,174,230,.14);color:var(--ink);padding:1px 6px;border-radius:6px;font-weight:700}
.cite{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.cite span{font-family:var(--f-mono);font-size:.7rem;padding:3px 8px;border-radius:6px;border:1px solid var(--line);color:var(--muted)}
.cite span.on{border-color:var(--cyan);color:var(--blue)}
.ig{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ig div{aspect-ratio:1;border-radius:8px;background:var(--surface-2)}
.ig div:nth-child(1),.ig div:nth-child(5){background:var(--grad)}
.console-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.kpi{padding:10px 12px;border:1px solid var(--line);border-radius:12px}
.kpi .mono{font-size:.64rem;color:var(--muted);letter-spacing:.08em;display:block}
.kpi b{font-family:var(--f-display);color:var(--ink);font-size:.95rem}

/* marquee */
.platform-strip{padding-block:26px;background:var(--surface);border-block:1px solid var(--line);overflow:hidden}
.platform-strip p{text-align:center;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.14em;color:var(--muted);margin-bottom:14px;text-transform:uppercase}
.marquee{display:flex;gap:10px;width:max-content;animation:scroll 70s linear infinite}
.platform-strip:hover .marquee{animation-play-state:paused}
@keyframes scroll{to{transform:translateX(-50%)}}
.pl{display:inline-flex;align-items:center;gap:9px;padding:10px 15px;border:1px solid var(--line);border-radius:12px;white-space:nowrap;color:var(--ink);font-weight:600;font-size:.9rem;background:var(--bg)}
.pl .i{font-size:1.1rem;color:var(--blue)}

/* grids */
.grid{display:grid;gap:18px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1020px){.g4,.g5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.g3,.g4,.g5{grid-template-columns:repeat(2,minmax(0,1fr))}.g2{grid-template-columns:1fr}}
@media (max-width:560px){.g3,.g4,.g5{grid-template-columns:1fr}}

/* service cards */
.svc{overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
a.svc:hover{transform:translateY(-3px);border-color:var(--line-2);box-shadow:0 24px 50px -26px rgba(10,26,51,.4)}
.svc figure{margin:0;aspect-ratio:4/3;overflow:hidden;background:var(--navy)}
.svc figure img{width:100%;height:100%;object-fit:cover}
.svc .body{padding:20px 22px 22px;display:grid;gap:9px;align-content:start;flex:1}
.svc .tag{font-family:var(--f-mono);font-size:.7rem;color:var(--blue);letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.svc p{color:var(--muted);font-size:.94rem}
.more{color:var(--blue);font-weight:700;font-size:.92rem;display:inline-flex;gap:8px;align-items:center;margin-top:4px;text-decoration:none}
.tile{padding:22px;display:grid;gap:10px;align-content:start;text-decoration:none;transition:border-color .2s,transform .2s}
a.tile:hover{border-color:var(--blue);transform:translateY(-2px)}
.ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(0,174,230,.14),rgba(10,108,208,.12));color:var(--blue);font-size:1.2rem}
.sec.navy .ic{background:rgba(0,174,230,.14);color:var(--cyan)}
.tile p{color:var(--muted);font-size:.93rem}
.ticks{list-style:none;padding:0;display:grid;gap:8px;font-size:.94rem}
.ticks li{display:flex;gap:10px;align-items:flex-start}
.ticks li .i{color:var(--good);margin-top:5px;font-size:.85rem}

/* search stack */
.acr{padding:20px;display:grid;gap:6px;align-content:start}
.acr .k{font-family:var(--f-display);font-size:1.3rem;font-weight:700;color:#fff}
.acr .n{font-family:var(--f-mono);font-size:.7rem;color:var(--cyan);letter-spacing:.06em}
.acr p{font-size:.9rem}
.acr.hot{border-color:rgba(0,174,230,.5)!important;background:linear-gradient(160deg,rgba(0,174,230,.16),rgba(255,255,255,.02) 65%)!important}

/* split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.split>*{min-width:0}
.split figure{margin:0;border-radius:20px;overflow:hidden;box-shadow:0 30px 60px -34px rgba(6,22,46,.5)}
.split .copy{display:grid;gap:16px}
@media (max-width:900px){.split{grid-template-columns:1fr}.split.rev figure{order:-1}}

/* markets */
.markets{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}
.markets>*{min-width:0}
.globe{border-radius:24px;overflow:hidden;background:var(--navy);max-width:520px;width:100%;justify-self:center}
.m-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.m-tab,.p-tab{font:700 .88rem var(--f-body);color:var(--text);background:var(--surface);border:1px solid var(--line-2);padding:9px 14px;border-radius:999px;cursor:pointer;min-height:40px}
.m-tab[aria-selected="true"],.p-tab[aria-selected="true"]{background:var(--blue);color:#fff;border-color:var(--blue)}
.m-panel{padding:22px;display:grid;gap:12px}
.m-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.m-head h3{font-size:1.25rem}
.clock{font-family:var(--f-mono);color:var(--blue);font-size:.88rem;font-variant-numeric:tabular-nums}
.m-panel p{color:var(--muted);font-size:.95rem}
@media (max-width:900px){.markets{grid-template-columns:1fr}}

/* industries */
.ind{padding:20px;display:grid;gap:10px;align-content:start;position:relative;overflow:hidden;text-decoration:none}
.ind .ic{width:44px;height:44px}
.ind h3{font-size:1rem}
.ind p{color:var(--muted);font-size:.87rem}
.ind::after{content:"";position:absolute;right:-26px;bottom:-26px;width:84px;height:84px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:rgba(10,108,208,.06)}
a.ind:hover{border-color:var(--blue)}

/* portfolio */
.case{overflow:hidden;display:flex;flex-direction:column;min-width:0}
.case .shot{position:relative;aspect-ratio:16/10;background:var(--navy);border-bottom:1px solid var(--line);overflow:hidden}
.case .shot .frame{position:absolute;inset:0;display:grid;grid-template-rows:auto 1fr}
.case .shot .bar{display:flex;gap:6px;align-items:center;padding:8px 10px;background:#0E2244}
.case .shot .bar i{width:8px;height:8px;border-radius:50%;background:#3A5683;display:block}
.case .shot .bar span{margin-left:8px;font-family:var(--f-mono);font-size:.7rem;color:#9FB4D3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case .shot .mock{display:grid;align-content:end;gap:4px;padding:18px;color:#fff}
.case .shot .mock b{font-family:var(--f-display);font-size:1.05rem}
.case .shot .mock small{color:rgba(255,255,255,.8)}
.case .shot img.ss{position:absolute;left:0;right:0;bottom:0;top:30px;width:100%;height:calc(100% - 30px);object-fit:cover;object-position:top center}
.case .body{padding:18px 20px 22px;display:grid;gap:9px;align-content:start}
.case .body p{color:var(--muted);font-size:.92rem}
.clients{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.client{margin:0;padding:10px;display:grid;gap:10px;align-content:start;text-align:center;font-weight:700;font-size:.92rem;color:var(--ink);overflow:hidden;transition:transform .2s,box-shadow .2s}
.client:hover{transform:translateY(-3px);box-shadow:0 24px 50px -26px rgba(10,26,51,.4)}
.client img{width:100%;height:auto;aspect-ratio:1031/1518;object-fit:cover;border-radius:10px;background:var(--surface-2)}
.client figcaption{padding:2px 4px 6px}
@media (max-width:900px){.clients{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:480px){.clients{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* packages */
.p-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.plan{padding:26px;display:grid;gap:14px;align-content:start;position:relative}
.plan.pop{border:2px solid var(--blue);box-shadow:0 30px 60px -30px rgba(10,108,208,.55)}
.badge{position:absolute;top:-13px;left:22px;background:var(--blue);color:#fff;font:700 .7rem var(--f-mono);letter-spacing:.1em;padding:5px 10px;border-radius:999px;text-transform:uppercase}
.plan .name{font-family:var(--f-display);font-size:1.15rem;font-weight:700;color:var(--ink)}
.plan .for{color:var(--muted);font-size:.9rem}
.price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.price b{font-family:var(--f-display);font-size:2.3rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.price span{color:var(--muted);font-size:.9rem}
.note{color:var(--muted);font-size:.86rem;margin-top:16px}
@media (max-width:960px){.plans{grid-template-columns:1fr}}

/* compare */
.cmp{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;align-items:start}
.cmp>*{min-width:0}
.bars{padding:24px;display:grid;gap:16px}
.bars .mono{font-size:.7rem;color:var(--muted);letter-spacing:.08em}
.b-row{display:grid;gap:6px}
.b-top{display:flex;justify-content:space-between;gap:10px;font-size:.92rem;font-weight:700;color:var(--ink)}
.b-top span:last-child{font-family:var(--f-mono);font-variant-numeric:tabular-nums;color:var(--muted)}
.b-track{height:14px;border-radius:8px;background:var(--surface-2);overflow:hidden}
.b-fill{height:100%;border-radius:8px;background:#9AA9BF}
.b-row.us .b-fill{background:var(--grad)}
.b-row.us .b-top span:last-child{color:var(--blue)}
.tbl{overflow-x:auto;border-radius:var(--r);border:1px solid var(--line);background:var(--surface)}
.tbl table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:600px}
.tbl th,.tbl td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.tbl th{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;background:var(--bg)}
.tbl td.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.tbl td.us{color:var(--blue);font-weight:700}
.src{margin-top:12px;color:var(--muted);font-size:.8rem}
@media (max-width:960px){.cmp{grid-template-columns:1fr}}

/* steps */
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.step{padding:20px;display:grid;gap:8px;align-content:start}
.step .n{font-family:var(--f-mono);color:var(--blue);font-size:.78rem;font-weight:600}
.step p{color:var(--muted);font-size:.9rem}
.steps.s4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:960px){.steps,.steps.s4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.steps,.steps.s4{grid-template-columns:1fr}}

/* platform directory */
.dir-group{padding:24px;display:grid;gap:14px}
.dir-group h3{display:flex;gap:10px;align-items:center}
.dir-group h3 .i{color:var(--blue)}
.dir-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;list-style:none;padding:0}
.dir-list li{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);font-weight:600;font-size:.9rem;color:var(--ink)}
.dir-list li .i{color:var(--blue);font-size:1.05rem}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}

/* contact & form */
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:start}
.contact>*{min-width:0}
.reach{padding:24px;display:grid;gap:14px;position:sticky;top:96px}
.line{display:flex;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
.line .lic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none;font-size:1.2rem}
.lic.wa{background:rgba(37,211,102,.14);color:#12924A}
.lic.em{background:rgba(0,174,230,.12);color:var(--blue)}
.lic.bk{background:rgba(10,108,208,.12);color:var(--blue)}
.line .meta{min-width:0;flex:1;display:grid}
.line .meta small{color:var(--muted);font-family:var(--f-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}
.line .meta a,.line .meta span{font-weight:700;color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
.copy-btn{background:#fff;border:1px solid var(--line-2);color:var(--muted);border-radius:9px;padding:7px 10px;cursor:pointer;font:600 .76rem var(--f-body);text-decoration:none}
.copy-btn:hover{color:var(--blue);border-color:var(--blue)}
.offices{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.office{padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:.9rem;background:var(--bg)}
.office b{display:block;color:var(--ink)}
.office span{color:var(--muted);font-size:.84rem}
@media (max-width:960px){.contact{grid-template-columns:1fr}.reach{position:static}}
form.lead-form{padding:26px;display:grid;gap:24px}
.lead-form fieldset{border:0;padding:0;margin:0;display:grid;gap:14px;min-width:0}
.lead-form legend{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);font-weight:600;margin-bottom:12px;padding:0}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.row.three{grid-template-columns:1fr 1fr 1fr}
@media (max-width:640px){.row,.row.three{grid-template-columns:1fr}}
.fld{display:grid;gap:6px;min-width:0}
.fld label{font-size:.86rem;font-weight:700;color:var(--ink)}
.req{color:var(--blue)}
.lead-form input,.lead-form select,.lead-form textarea{width:100%;background:#fff;border:1.5px solid var(--line-2);color:var(--ink);border-radius:12px;padding:12px 14px;font:500 1rem var(--f-body);min-height:48px}
.lead-form textarea{min-height:110px;resize:vertical}
.lead-form input::placeholder,.lead-form textarea::placeholder{color:#94A3B8}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 4px rgba(10,108,208,.12)}
.lead-form [aria-invalid="true"]{border-color:#D93A55!important}
.checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.ck{display:flex;gap:10px;align-items:center;padding:11px 12px;border:1.5px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--ink)}
.ck input{width:18px;height:18px;min-height:0;accent-color:#0A6CD0;flex:none;padding:0}
.ck:has(input:checked){border-color:var(--blue);background:rgba(10,108,208,.06)}
.modes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
@media (max-width:640px){.modes{grid-template-columns:1fr 1fr}}
.mode{position:relative;overflow:hidden;display:grid;justify-items:center;gap:6px;padding:14px 8px;border:1.5px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;font-weight:700;font-size:.88rem;text-align:center;color:var(--ink)}
.mode input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;min-height:0}
.mode .i{font-size:1.3rem;color:var(--blue)}
.mode:has(input:checked){border-color:var(--blue);background:rgba(10,108,208,.07);box-shadow:inset 0 0 0 1px var(--blue)}
.mode:has(input:focus-visible){outline:3px solid rgba(10,108,208,.45);outline-offset:2px}
.form-foot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.form-foot small{color:var(--muted);max-width:46ch}
.err{color:#C42742;font-size:.9rem;font-weight:600}
.done{padding:22px;border:1.5px solid rgba(19,163,91,.45);border-radius:16px;background:rgba(19,163,91,.06);display:grid;gap:14px}
.done p{color:var(--muted)}
.done pre{white-space:pre-wrap;font-family:var(--f-mono);font-size:.78rem;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;max-height:240px;overflow:auto;margin:0}

/* faq */
.faq{display:grid;gap:10px;max-width:900px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:14px}
.faq summary{cursor:pointer;list-style:none;padding:18px 20px;font-weight:700;color:var(--ink);display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--f-mono);color:var(--blue);font-size:1.3rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details>div{padding:0 20px 18px;color:var(--muted)}

/* related + cta band */
.related{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.related a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-decoration:none;font-weight:700;color:var(--ink)}
.related a:hover{border-color:var(--blue);color:var(--blue)}
.related a .i{color:var(--blue)}
.cta-band{border-radius:24px;padding:clamp(28px,5vw,56px);background:radial-gradient(700px 300px at 100% 0%,rgba(0,174,230,.35),transparent 60%),var(--navy);color:var(--on-navy);display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:center;position:relative;overflow:hidden}
.cta-band h2{color:#fff}
.cta-band p{color:var(--on-navy-muted)}
.cta-band .cta-row{justify-content:flex-end}
.cta-band .btn-ghost{background:transparent;color:#fff!important;border-color:rgba(231,240,251,.4)}
@media (max-width:860px){.cta-band{grid-template-columns:1fr}.cta-band .cta-row{justify-content:flex-start}}
.band{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.band .card{padding:20px;display:grid;gap:6px}
.band b{font-family:var(--f-display);color:var(--ink);font-size:1.02rem}
.band span{color:var(--muted);font-size:.88rem}
@media (max-width:960px){.band{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:460px){.band{grid-template-columns:1fr}}
.prose{display:grid;gap:16px;max-width:72ch}
.prose p{color:var(--text)}
.prose h3{margin-top:8px}
.stat-row{display:flex;flex-wrap:wrap;gap:28px}
.stat b{display:block;font-family:var(--f-display);font-size:1.9rem;color:var(--ink)}
.stat span{color:var(--muted);font-size:.9rem}

/* footer */
.hn-foot{background:var(--navy);color:var(--on-navy-muted);padding-block:56px 110px}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:28px}
.foot .logo-chip{display:inline-block;background:transparent;padding:0;margin-bottom:16px}
.foot .logo-chip img{height:54px;width:auto}
.foot h4{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin:0 0 12px;font-weight:600}
.foot ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:.92rem}
.foot a{text-decoration:none;color:var(--on-navy-muted)}
.foot a:hover{color:var(--cyan)}
.foot p{font-size:.92rem}
.legal{margin-top:36px;padding-top:20px;border-top:1px solid rgba(231,240,251,.14);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.84rem}
@media (max-width:1000px){.foot{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:620px){.foot{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.foot{grid-template-columns:1fr}}

/* sticky action bar */
.dock{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:85;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.dock a{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 18px 0 15px;border-radius:999px;text-decoration:none;font-weight:800;font-size:.92rem;box-shadow:0 14px 30px -12px rgba(6,22,46,.55);border:1px solid transparent}
.dock .i{font-size:1.3rem}
.d-wa{background:var(--wa);color:var(--wa-ink)}
@media (min-width:761px){.dock a{width:56px;height:56px;padding:0;justify-content:center}.dock a span{position:absolute;right:66px;background:var(--ink);color:#fff;padding:6px 10px;border-radius:8px;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}.dock a:hover span,.dock a:focus-visible span{opacity:1}.dock a{position:relative}}
.d-em{background:#fff;color:var(--ink);border-color:var(--line-2)!important}
.d-bk{background:var(--blue);color:#fff}
@media (max-width:760px){
  .dock{left:0;right:0;bottom:0;flex-direction:row;gap:0;background:#fff;border-top:1px solid var(--line);padding:8px max(10px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));box-shadow:0 -10px 30px -16px rgba(6,22,46,.35)}
  .dock a{flex:1;justify-content:center;flex-direction:column;gap:2px;height:56px;padding:0 4px;font-size:.74rem;border-radius:12px;box-shadow:none;margin:0 4px}
  .dock .i{font-size:1.25rem}
  .d-em{border-color:var(--line)!important}
  .hn-foot{padding-bottom:130px}
}
.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:12px;z-index:95;font-weight:700;font-size:.9rem}
.reveal{transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .7s}
.reveal.pre{transform:translateY(16px)}
.skip{position:absolute;left:-9999px;top:8px;background:#fff;padding:10px 14px;border-radius:10px;z-index:100}
.skip:focus{left:12px}

/* core spotlight */
.core{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.core-card{display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;min-width:0}
.core-card figure{margin:0;background:var(--navy);min-height:100%}
.core-card figure img{width:100%;height:100%;object-fit:cover}
.core-card .body{padding:24px;display:grid;gap:12px;align-content:start}
.core-card .from{font-family:var(--f-mono);font-size:.8rem;color:var(--muted)}
.core-card .from b{color:var(--blue);font-family:var(--f-display);font-size:1.15rem}
.core-card .cta-row .btn{min-height:42px;padding:9px 14px;font-size:.88rem}
@media (max-width:1100px){.core{grid-template-columns:1fr}}
@media (max-width:620px){.core-card{grid-template-columns:1fr}.core-card figure{aspect-ratio:16/9}}

/* form field fit on iOS/Android */
.lead-form input,.lead-form select,.lead-form textarea{display:block;max-width:100%;min-width:0;-webkit-appearance:none;appearance:none;margin:0}
.lead-form input[type=date],.lead-form input[type=time]{text-align:left;line-height:1.2}
.lead-form input::-webkit-date-and-time-value{text-align:left;margin:0}
.lead-form input::-webkit-datetime-edit{padding:0}
.lead-form select{padding-right:42px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 7l5 5 5-5' fill='none' stroke='%235A6A82' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center/18px}
.lead-form .ck input,.lead-form .mode input{-webkit-appearance:auto;appearance:auto;display:inline-block}
.lead-form .fld,.lead-form .row,.lead-form fieldset{min-width:0;max-width:100%}
@media (max-width:640px){form.lead-form{padding:20px 16px;gap:20px}.reach{padding:18px}.lead-form .row{gap:12px}.form-foot .btn{width:100%}}

/* footer contact */
.foot-contact{gap:12px!important}
.foot-contact a,.foot-contact .row-i{display:flex;gap:12px;align-items:center;color:var(--on-navy)!important}
.foot-contact small{display:block;font-size:.72rem;color:var(--on-navy-muted);font-family:var(--f-mono);letter-spacing:.04em;text-transform:uppercase}
.fi{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none;background:rgba(0,174,230,.14);color:var(--cyan);font-size:1.05rem}
.fi.wa{background:rgba(37,211,102,.16);color:#25D366}
@media (min-width:1001px){.foot{grid-template-columns:1.2fr 1fr 1fr .9fr 1.3fr}}
/* floating dock: white text */
.dock a.d-wa{background:#12924A;color:#fff}
.dock a.d-em{background:var(--navy-2);color:#fff;border-color:transparent!important}
.dock a.d-bk{background:var(--blue);color:#fff}
.dock a .i{color:#fff}

/* mobile footer */
.foot>*{min-width:0}
.foot-contact a,.foot-contact .row-i{min-width:0}
.foot-contact span{min-width:0;overflow-wrap:anywhere}
@media (max-width:1000px){.foot>div:first-child{grid-column:1/-1}.foot>div:last-child{grid-column:1/-1}}
@media (max-width:620px){.hn-foot{padding-top:44px}.foot{gap:30px 20px}.foot ul{font-size:.95rem}.legal{flex-direction:column}}

/* social tab: instagram-style profile */
#cv4{gap:12px}
.ig-head{display:flex;align-items:center;gap:12px}
.ig-av{width:52px;height:52px;border-radius:50%;padding:3px;background:conic-gradient(from 200deg,#F58529,#DD2A7B,#8134AF,#515BD4,#F58529);flex:none;display:grid}
.ig-av span{border-radius:50%;background:var(--grad);border:3px solid #fff;display:grid;place-items:center;color:#fff;font:700 1.1rem var(--f-display)}
.ig-id{display:grid;min-width:0;flex:1}
.ig-id b{color:var(--ink);font-size:.95rem;display:flex;gap:5px;align-items:center}
.ig-ver{color:#0095F6;font-size:.85rem}
.ig-id small{color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ig-follow{background:#0095F6;color:#fff;font-weight:700;font-size:.8rem;padding:7px 14px;border-radius:8px;flex:none}
.ig-stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 4px;font-size:.74rem;color:var(--muted)}
.ig-stats b{display:block;color:var(--ink);font:700 .98rem var(--f-display)}
.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ig-grid .t{aspect-ratio:1/.82;border-radius:10px;padding:8px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;position:relative;overflow:hidden;font-size:.7rem;font-weight:700;line-height:1.2}
.ig-grid .t .i{font-size:1.1rem}
.ig-grid .t span{text-shadow:0 1px 6px rgba(0,0,0,.35)}
.ig-grid .t b{font:800 1.15rem var(--f-display);letter-spacing:-.02em}
.ig-grid .t em{font-style:normal;color:#FFD15C;letter-spacing:1px}
.t1{background:linear-gradient(140deg,#0B1C3A,#1673DA)}
.t2{background:linear-gradient(140deg,#F58529,#DD2A7B)}
.t3{background:linear-gradient(140deg,#06162E,#3B5B8F)}
.t4{background:linear-gradient(140deg,#25D366,#0F8C4A)}
.t5{background:linear-gradient(140deg,#8134AF,#515BD4)}
.t6{background:linear-gradient(140deg,#00AEE6,#0A6CD0)}
.ig-ad{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--cyan);box-shadow:0 0 0 3px rgba(0,174,230,.15);border-radius:12px;padding:10px 12px}
.ig-ad div{display:grid;min-width:0}
.ig-ad b{color:var(--ink);font-size:.86rem}
.ig-ad small{color:var(--muted);font-size:.74rem}
.ig-ad .ig-cta{display:inline-flex;gap:6px;align-items:center;background:var(--wa);color:#fff;font-weight:700;font-size:.76rem;padding:8px 11px;border-radius:8px;white-space:nowrap;flex:none}
@media (max-width:420px){.ig-ad{flex-direction:column;align-items:stretch}.ig-ad .ig-cta{justify-content:center}.ig-follow{padding:6px 10px}}
@media (max-width:520px){.ig-grid .t{aspect-ratio:1;font-size:.62rem;padding:7px}.ig-grid .t b{font-size:.9rem}.ig-grid .t .i{font-size:.95rem}.kpi b{font-size:.8rem}.kpi{padding:8px}}

/* ===== Blog, posts and legal pages ===== */
.blog-hero .hero-copy{max-width:820px}
.cat-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.cat-chips a{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;border:1px solid var(--line-2);background:#fff;color:var(--ink);font-weight:700;font-size:.88rem;text-decoration:none}
.cat-chips a:hover{border-color:var(--blue);color:var(--blue)}
.cat-chips a.on{background:var(--blue);border-color:var(--blue);color:#fff}
.cat-chips a .i{font-size:.95em}
.blog-list .wp-block-query{max-width:var(--maxw);margin:0 auto}
.blog-grid,.wp-block-post-template.blog-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:0}
@media (max-width:980px){.blog-grid,.wp-block-post-template.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.blog-grid,.wp-block-post-template.blog-grid{grid-template-columns:1fr}}
.blog-grid>li{margin:0!important;min-width:0;display:flex}
.post-card{display:flex;flex-direction:column;overflow:hidden;width:100%;transition:transform .2s,box-shadow .2s}
.post-card:hover{transform:translateY(-3px);box-shadow:0 24px 50px -26px rgba(10,26,51,.4)}
.post-card .wp-block-post-featured-image{margin:0!important;aspect-ratio:1200/630;overflow:hidden;background:var(--navy)}
.post-card .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover}
.pc-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.pc-body>*{margin:0!important}
.pc-cat a{font-family:var(--f-mono);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);text-decoration:none}
.pc-title,.pc-title a{font-family:var(--f-display);font-size:1.12rem!important;line-height:1.35;color:var(--ink);text-decoration:none;font-weight:700;letter-spacing:-.01em}
.pc-title a:hover{color:var(--blue)}
.pc-excerpt p{color:var(--muted);font-size:.93rem;margin:0}
.pc-excerpt .wp-block-post-excerpt__more-text{display:none}
.pc-date{color:var(--muted);font-size:.82rem;margin-top:auto!important;padding-top:6px}
.wp-block-query-pagination{display:flex;gap:8px;justify-content:center;margin-top:36px!important;flex-wrap:wrap}
.wp-block-query-pagination a,.wp-block-query-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border-radius:10px;border:1px solid var(--line-2);background:#fff;color:var(--ink);text-decoration:none;font-weight:700}
.wp-block-query-pagination .current{background:var(--blue);color:#fff;border-color:var(--blue)}
/* single post */
.post-hero .hero-copy{max-width:880px}
.post-hero h1{font-size:clamp(1.9rem,4vw,3rem)}
.post-meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;color:var(--muted);font-size:.92rem}
.post-meta>*{margin:0!important}
.post-meta .wp-block-post-terms a{font-family:var(--f-mono);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);text-decoration:none;background:rgba(10,108,208,.08);padding:5px 10px;border-radius:999px}
.post-feature{max-width:1000px;margin:-20px auto 0!important;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.post-feature img{border-radius:20px;box-shadow:0 30px 60px -34px rgba(6,22,46,.5);width:100%;height:auto}
.post-wrap{max-width:780px;margin:0 auto;padding:36px max(20px,env(safe-area-inset-left,0px)) 20px}
.post-body{color:var(--text);font-size:1.06rem;line-height:1.78}
.post-body>*{margin:0 0 1.1em!important}
.post-body h2{font-family:var(--f-display);color:var(--ink);font-size:clamp(1.35rem,2.6vw,1.75rem);line-height:1.25;margin:1.9em 0 .6em!important;letter-spacing:-.015em;scroll-margin-top:100px}
.post-body h3{font-family:var(--f-display);color:var(--ink);font-size:1.18rem;margin:1.5em 0 .5em!important}
.post-body a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.post-body ul,.post-body ol{padding-left:1.3em}
.post-body li{margin:.35em 0}
.post-body strong{color:var(--ink)}
.post-body blockquote{border-left:4px solid var(--cyan);background:var(--surface);padding:14px 18px;border-radius:10px;margin:1.4em 0!important;color:var(--ink)}
.post-body table{width:100%;border-collapse:collapse;font-size:.95rem;display:block;overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.post-body th,.post-body td{padding:11px 13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;min-width:120px}
.post-body thead th{background:var(--navy);color:#fff;font-family:var(--f-body);font-size:.85rem}
.post-body tbody tr:nth-child(even){background:var(--surface)}
.post-body p.tldr{background:linear-gradient(135deg,rgba(0,174,230,.10),rgba(10,108,208,.06));border:1px solid rgba(10,108,208,.25);border-left:5px solid var(--blue);border-radius:14px;padding:18px 20px;font-size:1.08rem;color:var(--ink)}
.post-body p.tldr::before{content:"Quick answer";display:block;font-family:var(--f-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:6px;font-weight:600}
.takeaways{background:var(--navy);color:var(--on-navy);border-radius:16px;padding:22px 24px}
.takeaways b{display:block;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:8px}
.takeaways ul{margin:0;padding-left:1.2em}
.takeaways li{margin:.4em 0;color:#E7F0FB}
.post-toc{border:1px solid var(--line);border-radius:14px;background:#fff;padding:16px 20px}
.post-toc b{display:block;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.post-toc ol{margin:0;padding-left:1.2em;font-size:.95rem}
.post-toc a{text-decoration:none!important;color:var(--ink)}
.post-toc a:hover{color:var(--blue)}
.post-faq{margin-top:2em!important}
.post-faq details{background:#fff;border:1px solid var(--line);border-radius:12px;margin:8px 0}
.post-faq summary{cursor:pointer;list-style:none;padding:15px 18px;font-weight:700;color:var(--ink);display:flex;justify-content:space-between;gap:12px}
.post-faq summary::-webkit-details-marker{display:none}
.post-faq summary::after{content:"+";color:var(--blue);font-family:var(--f-mono);font-size:1.2rem}
.post-faq details[open] summary::after{content:"–"}
.post-faq details p{padding:0 18px 16px;margin:0;color:var(--muted)}
.author-box{display:flex;gap:16px;align-items:flex-start;border:1px solid var(--line);border-radius:16px;background:#fff;padding:20px;margin:28px 0}
.author-box .av{width:56px;height:56px;border-radius:14px;background:var(--grad);display:grid;place-items:center;color:#fff;font:700 1.2rem var(--f-display);flex:none}
.author-box p{margin:4px 0 0;color:var(--muted);font-size:.93rem}
.author-box b{color:var(--ink)}
.post-share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 0}
.post-share span{font-weight:700;color:var(--ink);margin-right:4px}
.post-share a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--line-2);color:var(--ink);text-decoration:none}
.post-share a:hover{border-color:var(--blue);color:var(--blue)}
.more-posts .blog-grid{margin-top:8px}
/* legal */
.legal-wrap{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;align-items:start}
.legal-toc{padding:20px;position:sticky;top:100px;font-size:.9rem}
.legal-toc b{display:block;margin-bottom:8px;color:var(--ink)}
.legal-toc ol{margin:0;padding-left:1.2em;display:grid;gap:6px}
.legal-toc a{color:var(--text);text-decoration:none}
.legal-toc a:hover{color:var(--blue)}
.legal-body section{margin-bottom:8px}
.legal-body h2{margin-top:1.4em!important}
@media (max-width:900px){.legal-wrap{grid-template-columns:1fr}.legal-toc{position:static}}
.hn-foot .legal a{color:var(--on-navy-muted);text-decoration:underline}

/* mega menu: anchored to the header, never off-screen */
@media (min-width:1101px){
  .hn-top .wrap{position:relative}
  .dd{position:static}
  .mega{left:max(20px,env(safe-area-inset-left,0px));right:max(20px,env(safe-area-inset-right,0px));transform:none;width:auto;max-width:1160px;margin:0 auto;top:calc(100% - 4px);grid-template-columns:repeat(3,minmax(0,1fr));max-height:calc(100vh - 110px);overflow:auto}
}

/* CTA band: buttons always in one ordered row, responsive sizing */
.cta-band{grid-template-columns:minmax(0,1fr) auto;gap:clamp(20px,3vw,40px)}
.cta-band .cta-row{flex-wrap:nowrap;justify-content:flex-end;gap:12px}
.cta-band .cta-row .btn{white-space:nowrap;flex:0 0 auto}
@media (min-width:1600px){.cta-band .cta-row .btn{min-height:56px;padding:15px 26px;font-size:1.02rem}}
@media (max-width:1199px){
  .cta-band{grid-template-columns:1fr}
  .cta-band .cta-row{justify-content:flex-start;width:100%}
  .cta-band .cta-row .btn{flex:1 1 0;min-width:0}
}
@media (max-width:640px){
  .cta-band{padding:26px 20px;border-radius:20px}
  .cta-band .cta-row{flex-direction:column;align-items:stretch}
  .cta-band .cta-row .btn{flex:none;width:100%}
}

/* contact hero */
.contact-hero h1{max-width:18ch}
.promise{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--ink);font-weight:600}
.promise li{display:flex;gap:8px;align-items:center}
.promise .i{color:var(--good)}
.ctiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:8px}
.ctile{display:flex;gap:12px;align-items:center;padding:16px;text-decoration:none;transition:transform .2s,border-color .2s;min-width:0}
.ctile:hover{transform:translateY(-2px);border-color:var(--blue)}
.ctile .lic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;flex:none;font-size:1.25rem}
.ctile span:last-child{display:grid;min-width:0}
.ctile small{color:var(--muted);font-family:var(--f-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}
.ctile b{color:var(--ink);font-size:.98rem;overflow-wrap:anywhere}
@media (max-width:1000px){.ctiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.ctiles{grid-template-columns:1fr}}
.ctile b{font-size:.94rem;overflow-wrap:normal;word-break:normal}
@media (max-width:1240px){.ctiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.ctiles{grid-template-columns:1fr}}
/* keep article reading width (beats theme full-width reset) */
.wp-site-blocks>.post-feature,.wp-block-post-featured-image.post-feature{max-width:1000px!important;margin-left:auto!important;margin-right:auto!important}
.wp-site-blocks>.post-wrap,.wp-block-group.post-wrap{max-width:780px!important;margin-left:auto!important;margin-right:auto!important}
.post-wrap .post-body{max-width:none}
.blog-list.sec{padding-top:clamp(36px,4vw,56px)}
/* hero background image */
.hero{background:linear-gradient(180deg,rgba(244,247,251,0) 70%,var(--bg) 100%),url("/wp-content/uploads/2026/11/hayyat-networks-hero-background.webp") right center/cover no-repeat,#F4F8FD!important}
.hero::after{display:none}
@media (max-width:980px){.hero{background:linear-gradient(180deg,rgba(247,250,254,.88),rgba(244,247,251,.95)),url("/wp-content/uploads/2026/11/hayyat-networks-hero-background.webp") 70% top/cover no-repeat,#F4F8FD!important}}
/* CTA band: full-bleed, edge to edge */
.sec.tight:has(.cta-band){padding-bottom:0!important;padding-top:clamp(40px,5vw,64px)}
.cta-band{border-radius:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;max-width:100vw;padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(40px,5vw,72px);padding-left:max(20px,calc(50vw - 580px));padding-right:max(20px,calc(50vw - 580px));border-bottom:1px solid rgba(231,240,251,.10)}
.cta-band::before{content:"";position:absolute;inset:0;background:url("/wp-content/uploads/2026/11/hayyat-networks-hero-background.webp") right center/cover no-repeat;opacity:.10;mix-blend-mode:screen;pointer-events:none}
.cta-band>*{position:relative}
.cta-band h2{font-family:var(--f-display)!important;font-weight:700!important;letter-spacing:-.02em;font-size:clamp(1.6rem,3.2vw,2.4rem)!important;line-height:1.15;margin:0!important;color:#fff}
.cta-band p{margin:0!important}
.cta-band>div:first-child{display:grid;gap:12px;align-content:center}
@media (max-width:640px){.cta-band{border-radius:0;padding-left:20px;padding-right:20px}}

/* FAQ sections: HD support visual on the right (all pages with #faq) */
#faq .wrap::after{content:"";display:block;background:url("/wp-content/uploads/2026/11/hayyat-networks-faq-support.webp") center/contain no-repeat}
@media (min-width:981px){
 #faq .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);column-gap:56px;align-items:start}
 #faq .sec-head,#faq .faq{grid-column:1;max-width:none}
 #faq .wrap::after{grid-column:2;grid-row:1/span 2;position:sticky;top:110px;aspect-ratio:4/5;width:100%}
}
@media (max-width:980px){
 #faq .wrap{display:flex;flex-direction:column}
 #faq .wrap::after{order:3;width:100%;max-width:420px;aspect-ratio:4/5;margin:28px auto 0}
}
@media (max-width:520px){#faq .wrap::after{max-width:340px}}

/* Tighter vertical rhythm between sections (all screens) */
.sec{padding-block:clamp(36px,4.5vw,64px)}
.sec.tight{padding-block:clamp(28px,3.5vw,48px)}
.sec-head{margin-bottom:clamp(20px,2.6vw,30px);gap:10px}
.hero{padding-block:clamp(32px,4.5vw,64px) clamp(34px,4.5vw,60px)}
.sec.tight:has(.cta-band){padding-top:clamp(28px,3.5vw,48px)}
.cta-band{padding-top:clamp(32px,4vw,56px);padding-bottom:clamp(32px,4vw,56px)}
.blog-list.sec{padding-top:clamp(28px,3vw,44px)}
@media (max-width:600px){.sec{padding-block:32px}.sec.tight{padding-block:26px}.sec-head{margin-bottom:18px}}

/* Footer: no empty space below the copyright line */
.hn-foot{padding-bottom:28px!important}
.hn-foot .legal{padding-right:84px}
@media (max-width:760px){.hn-foot{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}.hn-foot .legal{padding-right:0}}

/* Back to top arrow */
.to-top{position:fixed;left:max(18px,env(safe-area-inset-left,0px));bottom:22px;z-index:90;width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--cyan),var(--blue));box-shadow:0 12px 26px -10px rgba(10,108,208,.7);opacity:0;visibility:hidden;transform:translateY(12px) scale(.9);transition:opacity .25s,transform .25s,visibility .25s}
.to-top.show{opacity:1;visibility:visible;transform:none}
.to-top:hover{transform:translateY(-3px)}
.to-top:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
@media (max-width:760px){.to-top{left:auto;right:max(14px,env(safe-area-inset-right,0px));bottom:calc(86px + env(safe-area-inset-bottom,0px));width:42px;height:42px}}

/* Trust band sub-headings */
.band .card{gap:8px}
.band .n{display:inline-flex;align-items:center;gap:7px;font-family:var(--f-mono);color:var(--blue);font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.band .n .i{width:14px;height:14px;fill:currentColor;color:var(--cyan)}
.band .card>span:last-child{color:var(--muted);font-size:.88rem}
@media (max-width:960px){.band{grid-template-columns:repeat(2,minmax(0,1fr))}.band .card:last-child{grid-column:1/-1}}
@media (max-width:520px){.band{grid-template-columns:1fr}}

/* Services: specialist sub-heading and tile tags */
.sub-head{display:grid;gap:8px;margin:clamp(30px,4vw,48px) 0 clamp(18px,2.4vw,26px);max-width:760px}
.sub-head h3{font-family:var(--f-display);font-size:clamp(1.3rem,2.4vw,1.75rem);line-height:1.2;color:var(--ink);margin:0}
.sub-head p{color:var(--muted);margin:0}
.tile .tag{display:block;font-family:var(--f-mono);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin:14px 0 -4px}

/* ===== Free SEO audit ===== */
.audit-band{position:relative;background:radial-gradient(800px 380px at 100% 0%,rgba(0,174,230,.28),transparent 60%),radial-gradient(600px 360px at 0% 100%,rgba(10,108,208,.3),transparent 60%),var(--navy);color:var(--on-navy);padding-block:clamp(30px,4vw,54px);overflow:hidden}
.audit-band::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(120,180,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(120,180,255,.06) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}
.ab-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:clamp(24px,4vw,56px);align-items:center}
.ab-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(0,174,230,.14);border:1px solid rgba(0,174,230,.4);color:#8FE3FF;font-family:var(--f-mono);font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.ab-pill .i{width:14px;height:14px;fill:currentColor}
.ab-h{font-family:var(--f-display);font-weight:700;letter-spacing:-.02em;font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.12;margin:16px 0 12px;color:#fff}
.audit-band .ab-h{color:#fff}
.ab-lead{color:var(--on-navy-muted);font-size:1.02rem;max-width:560px;margin:0 0 18px}
.ab-ticks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}
.ab-ticks li{display:flex;gap:9px;align-items:center;font-weight:600;font-size:.94rem;color:#E7F0FB}
.ab-ticks .i{width:18px;height:18px;fill:#22C55E;flex:none}
.ab-form{background:#fff;color:var(--ink);border-radius:22px;padding:clamp(18px,2.6vw,28px);box-shadow:0 40px 80px -40px rgba(0,0,0,.6);display:grid;gap:12px;position:relative}
.ab-steps-head .mono{display:inline-flex;gap:8px;align-items:center;font-size:.74rem;letter-spacing:.12em;color:var(--blue);font-weight:600}
.ab-steps-head .i{width:14px;height:14px;fill:currentColor}
.ab-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.af{display:grid;gap:6px;min-width:0}
.af-full{grid-column:1/-1}
.af>span{font-weight:700;font-size:.86rem;color:var(--ink)}
.af em{font-weight:500;color:var(--muted);font-style:normal}
.af input,.af select{width:100%;min-width:0;height:48px;border:1px solid var(--line);border-radius:12px;padding:0 14px;font:inherit;font-size:1rem;color:var(--ink);background:#F8FAFD;transition:border-color .2s,box-shadow .2s}
.af input:focus,.af select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(10,108,208,.14);background:#fff}
.af.bad input,.af.bad select{border-color:#D64541;background:#FFF7F6}
.af-ph{display:grid;grid-template-columns:minmax(0,128px) minmax(0,1fr);gap:8px}
.err{color:#C0362F;font-size:.8rem;font-weight:600;min-height:0}
.err:empty{display:none}
.ab-consent{display:flex;gap:10px;align-items:flex-start;font-size:.84rem;color:var(--muted);line-height:1.45}
.ab-consent input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--blue)}
.ab-consent a{color:var(--blue);text-decoration:underline}
.ab-form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.ab-btn{width:100%;justify-content:center;height:54px;font-size:1.05rem}
.ab-btn[disabled]{opacity:.7;cursor:wait}
.ab-note{display:flex;gap:7px;align-items:center;justify-content:center;color:var(--muted);font-size:.82rem;margin:0}
.ab-note .i{width:13px;height:13px;fill:currentColor}
.ab-progress{display:grid;gap:12px}
.ab-bar{height:8px;border-radius:99px;background:#E7EEF7;overflow:hidden}
.ab-bar i{display:block;height:100%;width:4%;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--blue));transition:width .8s ease}
.ab-progress ol{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:.9rem;color:var(--muted)}
.ab-progress li{display:flex;gap:10px;align-items:center}
.ab-progress li::before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid #C9D6E6;flex:none}
.ab-progress li.on{color:var(--ink);font-weight:700}
.ab-progress li.on::before{border-color:var(--blue);border-top-color:transparent;animation:abspin .8s linear infinite}
.ab-progress li.done{color:#13A35B}
.ab-progress li.done::before{background:#13A35B;border-color:#13A35B}
@keyframes abspin{to{transform:rotate(360deg)}}
.ab-error{margin:0;padding:12px 14px;border-radius:12px;background:#FFF1EF;color:#B3261E;font-weight:600;font-size:.9rem}
.ab-res-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center}
.ab-ring{--p:0;--c:#13A35B;width:112px;height:112px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p)*1%),#E7EEF7 0);display:grid;place-items:center}
.ab-ring b{width:86px;height:86px;border-radius:50%;background:#fff;display:grid;place-items:center;font-family:var(--f-display);font-size:1.9rem;line-height:1;color:var(--ink);text-align:center}
.ab-ring b small{display:block;font-size:.7rem;color:var(--muted);font-family:var(--f-mono);font-weight:500}
.ab-res-top h3{font-family:var(--f-display);font-size:1.2rem;margin:0 0 4px}
.ab-res-top p{margin:0;color:var(--muted);font-size:.9rem}
.ab-counts{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.ab-counts span{font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:99px}
.ab-groups{display:grid;gap:8px}
.ab-g{display:grid;grid-template-columns:minmax(0,1fr) 110px 42px;gap:10px;align-items:center;font-size:.86rem}
.ab-g .t{height:7px;border-radius:9px;background:#E7EEF7;overflow:hidden}
.ab-g .t i{display:block;height:100%;border-radius:9px}
.ab-g b{text-align:right}
.ab-pri{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ab-pri li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;font-size:.88rem;color:var(--muted)}
.ab-pri li>span{width:24px;height:24px;border-radius:7px;color:#fff;display:grid;place-items:center;font-weight:700;font-size:.8rem}
.ab-pri b{color:var(--ink);display:block}
.ab-sent{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:#ECFBF2;color:#0E6B3B;font-weight:600;font-size:.9rem}
.ab-sent .i{width:18px;height:18px;fill:currentColor;flex:none;margin-top:2px}
.ab-result{display:grid;gap:16px}
.ab-result .cta-row{display:flex;flex-wrap:wrap;gap:10px}
.ab-result .cta-row .btn{flex:1 1 180px;justify-content:center}
@media (max-width:980px){.ab-wrap{grid-template-columns:1fr}.ab-copy{max-width:680px}}
@media (max-width:560px){.ab-fields{grid-template-columns:1fr}.ab-ticks{grid-template-columns:1fr}.af-ph{grid-template-columns:minmax(0,118px) minmax(0,1fr)}.ab-g{grid-template-columns:minmax(0,1fr) 70px 38px}.ab-ring{width:96px;height:96px}.ab-ring b{width:74px;height:74px;font-size:1.6rem}}
/* audit page hero: light version */
.audit-hero .ab-h{color:var(--ink)}
.audit-hero .ab-lead{color:var(--muted)}
.audit-hero .ab-ticks li{color:var(--ink)}
.audit-hero .ab-pill{background:rgba(10,108,208,.08);border-color:rgba(10,108,208,.25);color:var(--blue)}
.audit-hero .ab-form{border:1px solid var(--line);box-shadow:0 30px 70px -40px rgba(6,22,46,.45)}
.ac-card{padding:22px;display:grid;gap:10px;align-content:start}
.ac-card .ic{width:44px;height:44px;border-radius:12px;background:rgba(10,108,208,.08);display:grid;place-items:center;color:var(--blue)}
.ac-card .ic .i{width:20px;height:20px;fill:currentColor}
.ac-card h3{font-size:1.08rem}
.ab-notice{margin:0 0 16px;padding:12px 16px;border-radius:12px;background:#ECFBF2;color:#0E6B3B;font-weight:600}
.hn .ab-h{margin:16px 0 14px}
.hn .ab-lead{margin:0 0 20px}
.hn .ab-copy .ab-ticks{margin:0}

/* Free tools: global bits */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mega-tools a .i{color:var(--blue)}

/* Brand photo grids */
.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.photo-grid.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.photo-grid figure{margin:0;position:relative;border-radius:20px;overflow:hidden;background:var(--navy);box-shadow:0 30px 60px -40px rgba(6,22,46,.55)}
.photo-grid img{display:block;width:100%;height:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .6s ease}
.photo-grid figure:hover img{transform:scale(1.04)}
.photo-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 14px;background:linear-gradient(180deg,transparent,rgba(6,22,46,.85));color:#fff;font-weight:700;font-size:.95rem}
.photo-grid figcaption small{display:block;font-weight:500;color:#C9D8EC;font-size:.8rem;margin-top:2px}
@media (max-width:860px){.photo-grid,.photo-grid.g2{grid-template-columns:1fr}.photo-grid img{aspect-ratio:16/9}}
.photo-grid figcaption{top:0;bottom:auto;padding:14px 18px 44px;background:linear-gradient(180deg,rgba(6,22,46,.82),transparent)}

/* CTA band: consistent sizing everywhere (blog, categories, pages) */
.cta-band,.cta-band *,.sec,.sec *{box-sizing:border-box}
html,body{overflow-x:clip}
@media (max-width:860px){
 .cta-band{width:auto!important;max-width:none!important;margin-left:-20px!important;margin-right:-20px!important;padding-left:20px!important;padding-right:20px!important}
 .cta-band .cta-row{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:12px}
 .cta-band .cta-row .btn{width:100%!important;min-width:0;white-space:normal;justify-content:center;flex:none}
}

/* Free Tools mega menu with tool links */
.mega.mega-tools{width:min(1120px,96vw);grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 18px;padding:20px 22px 16px}
.mega-tools .mt-col{display:grid;align-content:start;gap:1px;min-width:0}
.mega-tools a.mt-cat{padding:8px 8px 6px;font-weight:700}
.mega-tools a.mt-cat small{font-weight:500}
.mega-tools a.mt-l{padding:5px 8px 5px 38px;font-weight:500;font-size:.86rem;color:var(--muted);border-radius:8px}
.mega-tools a.mt-l:hover{color:var(--blue);background:#F2F7FD}
.mega-tools a.mt-more{padding:4px 8px 10px 38px;font-size:.8rem;font-weight:700;color:var(--blue)}
.mega-tools .mt-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:12px;margin-top:4px}
.mega-tools .mt-foot a.btn{display:inline-flex;padding:9px 14px;color:#fff}
.mega-tools .mt-foot a.btn-ghost{color:var(--ink)!important}
.mega-tools .mt-foot .i{width:15px;height:15px;fill:currentColor}
.mega-tools .mt-foot span{margin-left:auto;color:var(--muted);font-size:.84rem;font-weight:600}
@media (max-width:1100px){.mega.mega-tools{width:auto;grid-template-columns:1fr 1fr;padding:12px}.mega-tools a.mt-l{display:none}.mega-tools a.mt-more{display:none}.mega-tools .mt-foot span{display:none}}
@media (max-width:560px){.mega.mega-tools{grid-template-columns:1fr}}
.mega.mega-tools{max-height:calc(100vh - 110px);overflow-y:auto;overscroll-behavior:contain}

/* ===== Premium dark hero for Free Tools pages ===== */
.hero.tool-hero{background:radial-gradient(900px 520px at 88% 10%,rgba(0,174,230,.32),transparent 60%),radial-gradient(700px 480px at 0% 110%,rgba(10,108,208,.42),transparent 60%),linear-gradient(135deg,#06162E 0%,#0B2146 55%,#0A1A3A 100%)!important;color:#E7F0FB;position:relative;overflow:hidden;padding-block:clamp(36px,5vw,72px) clamp(40px,5vw,76px)}
.hero.tool-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(120,180,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(120,180,255,.07) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at 70% 40%,#000 30%,transparent 75%);pointer-events:none}
.hero.tool-hero::after{content:"";position:absolute;inset:0;background:url("/wp-content/uploads/2026/11/hayyat-networks-hero-background.webp") right center/cover no-repeat;opacity:.12;mix-blend-mode:screen;pointer-events:none}
.tool-hero .wrap.th-wrap{position:relative;z-index:1;display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;gap:clamp(24px,4vw,56px);align-items:center}
.tool-hero h1{color:#fff!important}
.tool-hero .lead,.tool-hero .hero-copy>p{color:#BFD3EE!important}
.tool-hero .eyebrow{color:#7FD8FF!important}
.tool-hero .crumbs,.tool-hero .crumbs a,.tool-hero .crumbs span{color:#9FB6D6!important}
.tool-hero .crumbs a:hover{color:#fff!important}
.tool-hero .tool-badges span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#E7F0FB}
.tool-hero .tool-badges .i{fill:#7FD8FF}
.tool-hero .tools-search input{background:rgba(255,255,255,.97);border-color:transparent;box-shadow:0 24px 50px -24px rgba(0,0,0,.6)}
.tool-hero .tools-count{color:#BFD3EE}
.th-visual{position:relative;min-height:330px;display:grid;place-items:center}
.thv-glow{position:absolute;width:78%;height:78%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,174,230,.45),rgba(10,108,208,.18),transparent);filter:blur(26px)}
.thv-hex{position:absolute;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.thv-h1{width:120px;height:134px;right:2%;top:2%;background:linear-gradient(140deg,#00AEE6,#0A6CD0);opacity:.9}
.thv-h2{width:90px;height:100px;left:2%;bottom:4%;background:rgba(255,255,255,.08)}
.thv-card{position:relative;width:min(400px,100%);border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.2);box-shadow:0 40px 80px -30px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:16px 18px 20px;display:grid;gap:14px}
.thv-bar{display:flex;gap:6px;align-items:center}
.thv-bar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.35)}
.thv-bar i:first-child{background:#FF6B6B}.thv-bar i:nth-child(2){background:#FFC24B}.thv-bar i:nth-child(3){background:#2BD47D}
.thv-bar span{margin-left:8px;font-family:var(--f-mono);font-size:.7rem;color:#9FB6D6}
.thv-head{display:flex;gap:14px;align-items:center}
.thv-icon{width:58px;height:58px;flex:none;border-radius:16px;display:grid;place-items:center;background:linear-gradient(140deg,#00AEE6,#0A6CD0);box-shadow:0 14px 30px -12px rgba(0,174,230,.8)}
.thv-icon .i{width:28px;height:28px;fill:#fff}
.thv-head b{display:block;color:#fff;font-family:var(--f-display);font-size:1.12rem;line-height:1.25}
.thv-head small{color:#9FB6D6;font-size:.82rem}
.thv-lines{display:grid;gap:9px}
.thv-lines i{display:block;height:10px;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,.08))}
.thv-res{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.35)}
.thv-res b{display:flex;gap:7px;align-items:center;color:#8EF0B6;font-size:.9rem}
.thv-res b .i{width:16px;height:16px;fill:#2BD47D}
.thv-res span{color:#BFD3EE;font-size:.76rem}
.thv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.thv-grid span{aspect-ratio:1;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.thv-grid .i{width:22px;height:22px;fill:#7FD8FF}
.thv-chip{position:absolute;display:inline-flex;gap:7px;align-items:center;padding:9px 13px;border-radius:12px;background:#fff;color:var(--ink);font-weight:700;font-size:.82rem;box-shadow:0 20px 40px -18px rgba(0,0,0,.55)}
.thv-chip .i{width:15px;height:15px;fill:var(--blue)}
.thv-chip.c1{left:0;top:14%}
.thv-chip.c2{right:0;bottom:10%}
@media (max-width:980px){.tool-hero .wrap.th-wrap{grid-template-columns:1fr!important}.th-visual{min-height:0;margin-top:6px}.thv-chip,.thv-hex{display:none}.thv-card{width:100%}}
@media (max-width:560px){.th-visual{display:none}}
.thv-chip.c1{left:4%;top:-4px}
/* ===== Free tools: shared UI ===== */
.hn-tool{background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(18px,2.6vw,30px);box-shadow:0 30px 60px -42px rgba(6,22,46,.45);display:grid;gap:18px;min-width:0}
.tool-form{display:grid;gap:16px}
.tf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.tf-grid.c1{grid-template-columns:1fr}
.tf-grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tf{display:grid;gap:6px;min-width:0;align-content:start}
.tf-full{grid-column:1/-1}
.tf>label{font-weight:700;font-size:.88rem;color:var(--ink)}
.tf>label em{font-weight:500;font-style:normal;color:var(--muted)}
.tf input:not([type=checkbox]):not([type=range]):not([type=color]),.tf select,.tf textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;font-size:1rem;color:var(--ink);background:#F8FAFD;transition:border-color .2s,box-shadow .2s}
.tf input,.tf select{height:48px}
.tf textarea{min-height:120px;resize:vertical;line-height:1.55}
.tf input[type=file]{height:auto;padding:12px}
.tf input[type=color]{width:100%;height:48px;border:1px solid var(--line);border-radius:12px;padding:4px;background:#fff}
.tf input[type=range]{width:100%;accent-color:var(--blue)}
.tf input:focus,.tf select:focus,.tf textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(10,108,208,.14);background:#fff}
.tf.bad input,.tf.bad select,.tf.bad textarea{border-color:#D64541;background:#FFF7F6}
.tf-err{color:#C0362F;font-size:.8rem;font-weight:600}.tf-err:empty{display:none}
.tf-help{color:var(--muted);font-size:.8rem}
.tf-check{display:flex;gap:10px;align-items:center;font-weight:600;font-size:.92rem;color:var(--ink);cursor:pointer}
.tf-check input{width:18px;height:18px;accent-color:var(--blue);flex:none}
.tf-affix{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:12px;background:#F8FAFD;overflow:hidden}
.tf-affix>span{display:grid;place-items:center;padding:0 12px;color:var(--muted);font-weight:700;font-size:.9rem;background:#EEF3F9;white-space:nowrap}
.tf .tf-affix input{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.tf-affix:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(10,108,208,.14)}
.tf-actions{display:flex;flex-wrap:wrap;gap:10px}
.tf-actions .btn{min-height:50px;padding-inline:24px}
.tool-out{display:grid;gap:14px;min-width:0}.tool-out:empty{display:none}
.tool-error{margin:0;padding:12px 14px;border-radius:12px;background:#FFF1EF;color:#B3261E;font-weight:600}
.tool-loading{display:flex;gap:12px;align-items:center;padding:16px;border-radius:12px;background:#F4F8FD;color:var(--ink);font-weight:600}
.tool-loading .spin{width:20px;height:20px;border-radius:50%;border:3px solid #C9D9EE;border-top-color:var(--blue);animation:abspin .8s linear infinite;flex:none}
.t-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr));gap:12px}
.t-stat{border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:grid;gap:4px;background:#F8FAFD}
.t-stat span{font-size:.8rem;color:var(--muted);font-weight:600}
.t-stat b{font-family:var(--f-display);font-size:1.45rem;color:var(--ink);line-height:1.15;overflow-wrap:anywhere}
.t-stat small{color:var(--muted);font-size:.78rem}
.t-stat.good{background:#ECFBF2;border-color:#BDEBD0}.t-stat.good b{color:#0E7A43}
.t-stat.warn{background:#FFF7E8;border-color:#F7DDA8}.t-stat.warn b{color:#9A5B00}
.t-stat.bad{background:#FFF1EF;border-color:#F5C6C0}.t-stat.bad b{color:#B3261E}
.t-stat.blue{background:#EEF5FD;border-color:#CFE0F5}.t-stat.blue b{color:var(--blue)}
.t-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;min-width:0}
.t-card-h{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;padding:10px 14px;background:#F4F8FD;border-bottom:1px solid var(--line)}
.t-card-h b{font-size:.92rem;color:var(--ink);margin-right:auto}
.t-meta{font-family:var(--f-mono);font-size:.74rem;color:var(--muted)}
.t-card-b{padding:14px 16px;color:var(--ink);line-height:1.6;overflow-wrap:anywhere}
.t-card-b.pre{white-space:pre-wrap}
.t-copy{border:1px solid var(--line);background:#fff;color:var(--blue);font-weight:700;font-size:.8rem;border-radius:9px;padding:6px 12px;cursor:pointer}
.t-copy:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.t-code{margin:0;padding:14px 16px;max-height:420px;overflow:auto;background:#0B1730;color:#DCE8F7;font-family:var(--f-mono);font-size:.82rem;line-height:1.55;white-space:pre}
.t-list{margin:0;padding-left:1.2em;display:grid;gap:6px;color:var(--ink)}
.t-table{overflow-x:auto;border:1px solid var(--line);border-radius:14px}
.t-table table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:520px}
.t-table th,.t-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.t-table th{background:#F4F8FD;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.t-table tr:last-child td{border-bottom:0}
.t-badge{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-radius:7px;padding:3px 8px;color:#fff;white-space:nowrap}
.t-badge.good{background:#13A35B}.t-badge.warn{background:#E28C00}.t-badge.bad{background:#D64541}.t-badge.blue{background:var(--blue)}
.t-bar{height:8px;border-radius:9px;background:#E7EEF7;overflow:hidden}.t-bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--cyan),var(--blue))}
.t-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#06162E,#0C2244);color:#DCE8F7}
.t-cta p{margin:0;font-weight:600}
.t-note{font-size:.84rem;color:var(--muted);margin:0}
.t-chips{display:flex;flex-wrap:wrap;gap:8px}
.t-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#F8FAFD;border-radius:999px;padding:6px 12px;font-size:.86rem;color:var(--ink);cursor:pointer}
.t-chip:hover{border-color:var(--blue);color:var(--blue)}
.t-preview{border:1px dashed #C9D6E6;border-radius:16px;padding:14px;background:#FBFCFE;overflow:auto}
canvas.t-canvas{max-width:100%;height:auto;border-radius:12px;border:1px solid var(--line);background:repeating-conic-gradient(#EEF2F7 0% 25%,#fff 0% 50%) 50%/20px 20px}
@media (max-width:640px){.tf-grid,.tf-grid.c3{grid-template-columns:1fr}.tf-actions .btn{flex:1 1 100%;justify-content:center}.hn-tool{border-radius:18px}}

/* ===== Tool pages & hub ===== */
.tool-hero .wrap{grid-template-columns:1fr!important}
.tool-hero h1{font-size:clamp(1.9rem,4vw,3rem);margin:10px 0 10px}
.tool-hero .lead{max-width:760px}
.tool-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tool-badges span{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:700;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 12px}
.tool-badges .i{width:14px;height:14px;fill:var(--blue)}
.tool-main{padding-top:0!important}
.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.tool-side{display:grid;gap:14px;position:sticky;top:100px}
.tool-side .card{padding:18px}
.tool-side h3{font-size:1rem;margin:0 0 10px}
.tool-side ol{margin:0;padding-left:1.1em;display:grid;gap:8px;color:var(--muted);font-size:.9rem}
.tool-side .rel a{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);color:var(--ink);font-weight:600;font-size:.92rem}
.tool-side .rel a:last-child{border-bottom:0}
.tool-side .rel .i{width:16px;height:16px;fill:var(--blue);flex:none}
.tool-about{max-width:820px}
.tool-about h2{font-size:clamp(1.35rem,2.6vw,1.8rem);margin:0 0 12px}
.tool-about h3{font-size:1.1rem;margin:20px 0 8px}
.tool-about p,.tool-about li{color:var(--muted);line-height:1.7}
.tool-about table{width:100%;border-collapse:collapse;margin:12px 0;font-size:.92rem}
.tool-about th,.tool-about td{border:1px solid var(--line);padding:9px 11px;text-align:left}
.tool-about th{background:#F4F8FD}
.tool-about code{font-family:var(--f-mono);font-size:.86em;background:#EEF3F9;padding:2px 6px;border-radius:6px}
@media (max-width:1000px){.tool-layout{grid-template-columns:1fr}.tool-side{position:static}}
.tools-search{position:relative;max-width:640px;margin-top:18px}
.tools-search input{width:100%;height:58px;border-radius:16px;border:1px solid var(--line);padding:0 18px 0 50px;font:inherit;font-size:1.05rem;background:#fff;box-shadow:0 20px 40px -30px rgba(6,22,46,.4)}
.tools-search input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(10,108,208,.14)}
.tools-search .i{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:var(--muted)}
.tools-count{margin:10px 0 0;color:var(--muted);font-weight:600;font-size:.9rem}
.tool-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
/* Colourful category cards: each gets a theme-aligned accent colour (cycled), a gradient icon tile and a lift on hover. */
.tool-cat{position:relative;padding:20px 18px 18px;display:grid;gap:8px;align-content:start;color:var(--ink);overflow:hidden;--c:#0A6CD0;--c2:#00AEE6;border-top:4px solid var(--c);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.tool-cat:nth-child(8n+2){--c:#13A35B;--c2:#34C38F}
.tool-cat:nth-child(8n+3){--c:#7C3AED;--c2:#A855F7}
.tool-cat:nth-child(8n+4){--c:#EA6A12;--c2:#F7A64B}
.tool-cat:nth-child(8n+5){--c:#E11D48;--c2:#FB7185}
.tool-cat:nth-child(8n+6){--c:#0E7490;--c2:#06B6D4}
.tool-cat:nth-child(8n+7){--c:#4F46E5;--c2:#6366F1}
.tool-cat:nth-child(8n+8){--c:#0D9488;--c2:#2DD4BF}
.tool-cat:before{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:var(--c);opacity:.06;pointer-events:none}
.tool-cat:hover{transform:translateY(-4px);box-shadow:0 22px 40px -22px rgba(10,26,51,.45);border-color:var(--c2)}
.tool-cat .ic{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--c),var(--c2));box-shadow:0 8px 18px -8px rgba(10,26,51,.4)}
.tool-cat .ic .i{width:22px;height:22px;fill:#fff}
.tool-cat b{font-family:var(--f-display);font-size:1.08rem;font-weight:800;letter-spacing:-.01em}
.tool-cat small{color:var(--muted);font-size:.86rem}
.tool-cat .n{display:inline-flex;align-items:center;font-family:var(--f-mono);font-size:.74rem;color:var(--c);font-weight:700}
.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tool-card{padding:18px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 14px;align-content:start;color:var(--ink);transition:transform .2s,border-color .2s}
.tool-card:hover{transform:translateY(-3px);border-color:rgba(10,108,208,.4)}
.tool-card .ic{grid-row:1/span 2;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(10,108,208,.08)}
.tool-card .ic .i{width:20px;height:20px;fill:var(--blue)}
.tool-card b{font-size:.98rem;line-height:1.3}
.tool-card small{color:var(--muted);font-size:.85rem;line-height:1.45}
.tool-card .tag{grid-column:2;justify-self:start;margin-top:6px;font-family:var(--f-mono);font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);background:rgba(10,108,208,.08);border-radius:6px;padding:3px 7px}
.cat-block{margin-top:clamp(28px,4vw,44px)}
.cat-block h2{font-size:clamp(1.3rem,2.4vw,1.7rem);margin:0 0 6px}
.cat-block>p{color:var(--muted);margin:0 0 16px}
.cat-block .more{display:inline-flex;margin-top:14px;font-weight:700;color:var(--blue)}
@media (max-width:1100px){.tool-cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.tool-grid,.tool-cats{grid-template-columns:1fr}}
/* ===== Advertising + business tools (scoped to .ab-tool) ===== */
.ab-tool .tf[hidden],.ab-tool [hidden]{display:none!important}
.ab-tool .ab-formula{border:1px solid var(--line);border-radius:14px;background:#F8FAFD;padding:12px 14px;display:grid;gap:6px;min-width:0}
.ab-tool .ab-formula b{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.ab-tool .ab-formula pre{margin:0;font-family:var(--f-mono,monospace);font-size:.82rem;line-height:1.6;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}
.ab-tool .ab-note{border-left:4px solid var(--blue);background:#F4F8FD;border-radius:0 14px 14px 0;padding:12px 16px;display:grid;gap:8px;min-width:0}
.ab-tool .ab-note>b{color:var(--ink)}
.ab-tool .ab-note .t-list{line-height:1.55}
.ab-tool .ab-pos{color:#0E7A43;font-weight:700}.ab-tool .ab-neg{color:#B3261E;font-weight:700}
.ab-tool .t-card-b .t-table{margin-top:8px}
.ab-tool .t-card-b>p:first-child{margin-top:0}.ab-tool .t-card-b>p:last-child{margin-bottom:0}
/* editable row tables */
.ab-tool .ab-rt{overflow-x:auto;border:1px solid var(--line);border-radius:14px}
.ab-tool .ab-rt table{width:100%;border-collapse:collapse;font-size:.9rem}
.ab-tool .ab-rt th{background:#F4F8FD;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:left;padding:8px 10px}
.ab-tool .ab-rt td{padding:6px 8px;border-top:1px solid var(--line);vertical-align:middle}
.ab-tool .ab-rt input:not([type=checkbox]){width:100%;min-width:70px;height:40px;border:1px solid var(--line);border-radius:10px;padding:6px 10px;font:inherit;font-size:.95rem;background:#F8FAFD;color:var(--ink)}
.ab-tool .ab-rt input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,108,208,.14);background:#fff}
.ab-tool .ab-rt input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue)}
.ab-tool .ab-rows .ab-add{justify-self:start}
.ab-tool input.ab-mini{width:80px;height:36px;border:1px solid var(--line);border-radius:9px;padding:4px 8px;font:inherit;background:#F8FAFD}
@media (max-width:640px){
  .ab-tool .ab-rt{border:0;overflow:visible}
  .ab-tool .ab-rt thead{display:none}
  .ab-tool .ab-rt table,.ab-tool .ab-rt tbody,.ab-tool .ab-rt tr,.ab-tool .ab-rt td{display:block;width:100%}
  .ab-tool .ab-rt tr{border:1px solid var(--line);border-radius:12px;padding:8px;margin-bottom:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .ab-tool .ab-rt td{border:0;padding:0}
  .ab-tool .ab-rt td:first-child{grid-column:1/-1}
  .ab-tool .ab-rt td::before{content:attr(data-l);display:block;font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}
}
/* charts */
.ab-tool .ab-chart{display:grid;grid-template-columns:200px minmax(0,1fr);gap:18px;align-items:center;margin-top:12px}
.ab-tool .ab-chart svg{width:100%;max-width:200px;height:auto}
.ab-tool .ab-svg-k{font-size:11px;fill:var(--muted);font-weight:600}
.ab-tool .ab-svg-v{font-size:14px;fill:var(--ink);font-weight:800}
.ab-tool .ab-legend{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ab-tool .ab-legend li{display:grid;grid-template-columns:12px minmax(0,1fr) auto auto;gap:4px 10px;align-items:center;font-size:.88rem}
.ab-tool .ab-legend li>i{width:12px;height:12px;border-radius:3px}
.ab-tool .ab-legend li em{font-style:normal;color:var(--muted);font-size:.82rem}
.ab-tool .ab-legend .t-bar{grid-column:2/-1;height:6px}
.ab-tool .ab-funnel{width:100%;max-width:560px;height:auto;display:block;margin:0 auto}
.ab-tool .ab-fk{font-size:15px;fill:#fff;font-weight:700}
.ab-tool .ab-fv{font-size:16px;fill:#fff;font-weight:800}
@media (max-width:640px){.ab-tool .ab-chart{grid-template-columns:1fr;justify-items:center}.ab-tool .ab-legend{width:100%}}
/* competitor */
.ab-tool .ab-comp{border:1px solid var(--line);border-radius:16px;padding:12px 14px 14px;margin:0;min-width:0}
.ab-tool .ab-comp legend{font-weight:800;color:var(--blue);padding:0 6px}
.ab-tool .ab-cg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px}
.ab-tool .ab-cg textarea{min-height:84px}
.ab-tool .ab-checks{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.88rem}
.ab-tool .ab-checks label{display:inline-flex;gap:6px;align-items:center;font-weight:500;color:var(--ink)}
.ab-tool .ab-checks input{width:16px;height:16px;accent-color:var(--blue)}
@media (max-width:900px){.ab-tool .ab-cg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ab-tool .ab-cg{grid-template-columns:1fr}}
.ab-tool .ab-swot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ab-tool .ab-sw{border-radius:14px;padding:12px 14px;border:1px solid var(--line);min-width:0}
.ab-tool .ab-sw>b{display:block;margin-bottom:6px}
.ab-tool .ab-sw.s{background:#ECFBF2}.ab-tool .ab-sw.w{background:#FFF1EF}.ab-tool .ab-sw.o{background:#EEF5FD}.ab-tool .ab-sw.t{background:#FFF7E8}
@media (max-width:640px){.ab-tool .ab-swot{grid-template-columns:1fr}}
/* funnel stages, personas */
.ab-tool .ab-stages,.ab-tool .ab-personas{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.ab-tool .ab-stage,.ab-tool .ab-persona{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#FBFCFE;min-width:0}
.ab-tool .ab-stage h4,.ab-tool .ab-persona h4{margin:0 0 8px;font-size:1rem;color:var(--blue)}
.ab-tool .ab-stage p{margin:0 0 6px;font-size:.9rem;line-height:1.5}
.ab-tool .ab-persona>div{margin-bottom:8px}.ab-tool .ab-persona>div>b{font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.ab-tool .ab-persona .t-list{font-size:.9rem;gap:3px}
/* lead gen */
.ab-tool .ab-dots{display:inline-flex;gap:3px;vertical-align:middle}.ab-tool .ab-dots i{width:8px;height:8px;border-radius:50%;background:#DCE4EF}.ab-tool .ab-dots i.on{background:var(--blue)}
.ab-tool .ab-check{list-style:none;margin:0;padding:0;display:grid;gap:6px}.ab-tool .ab-check label{display:flex;gap:8px;align-items:flex-start;cursor:pointer}.ab-tool .ab-check input{margin-top:4px;accent-color:var(--blue)}
/* names and slogans */
.ab-tool .ab-names{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.ab-tool .ab-name{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#FBFCFE;min-width:0}
.ab-tool .ab-name>div{display:grid;min-width:0}.ab-tool .ab-name b{font-size:1rem;overflow-wrap:anywhere}.ab-tool .ab-name small{color:var(--muted);font-size:.76rem;overflow-wrap:anywhere}
.ab-tool .ab-star{border:0;background:none;font-size:1.3rem;line-height:1;color:#C9D6E6;cursor:pointer;padding:2px}.ab-tool .ab-star.on{color:#F5A623}
.ab-tool .ab-x{border:0;background:none;font-size:1rem;cursor:pointer;color:var(--muted);padding:0 2px}
.ab-tool .ab-slogans{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.ab-tool .ab-slogan{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#FBFCFE;min-width:0}
.ab-tool .ab-slogan>div{display:grid;min-width:0}.ab-tool .ab-slogan small{color:var(--muted);font-size:.76rem}
.ab-tool .ab-pbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
/* proposal */
.ab-tool .ab-proposal{border:1px solid var(--line);border-radius:16px;padding:clamp(16px,3vw,32px);background:#fff;line-height:1.6;color:var(--ink);min-width:0;overflow-wrap:anywhere}
.ab-tool .ab-proposal h1{font-size:clamp(1.4rem,3vw,1.9rem);margin:8px 0 14px;color:#fff}
.ab-tool .ab-proposal h2{font-size:1.15rem;margin:24px 0 8px;color:var(--blue);border-bottom:1px solid var(--line);padding-bottom:6px}
.ab-tool .ab-proposal table{width:100%;border-collapse:collapse;margin:8px 0;font-size:.92rem}
.ab-tool .ab-proposal th,.ab-tool .ab-proposal td{border:1px solid var(--line);padding:8px 10px;text-align:left}
.ab-tool .ab-proposal th{background:#F4F8FD}
.ab-tool .pp-cover{padding:clamp(18px,3vw,30px);border-radius:14px;background:#06162E;color:#E7F0FB}
.ab-tool .pp-cover p{margin:4px 0}
.ab-tool .pp-k{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:#00AEE6!important;margin:0}
.ab-tool .pp-sign{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:640px){.ab-tool .pp-sign{grid-template-columns:1fr}}
@media print{
  body.ab-printing *{visibility:hidden!important}
  body.ab-printing .ab-print-me,body.ab-printing .ab-print-me *{visibility:visible!important}
  body.ab-printing .ab-print-me{position:absolute;left:0;top:0;width:100%;border:0;padding:0}
  body.ab-printing .pp-cover{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body.ab-printing .ab-proposal h2{break-after:avoid}
}
@media (max-width:640px){.ab-tool .t-stat b{font-size:1.12rem;overflow-wrap:normal}.ab-tool .t-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}
.ab-tool .ab-dmb,.ab-tool .ab-ai,.ab-tool .ab-favs,.ab-tool .ab-chart>*{min-width:0}
/* ===== Business calculators (65-business-calc.js). Every selector is scoped to .hn-tool.bc-tool and uses the unique bc- prefix. ===== */
.hn-tool.bc-tool>*,.hn-tool.bc-tool .bc-panel>*,.hn-tool.bc-tool .tool-out>*{min-width:0}
.hn-tool.bc-tool .tf[hidden],.hn-tool.bc-tool .bc-panel[hidden]{display:none!important}
.hn-tool.bc-tool .bc-panel{display:grid;gap:18px}
.hn-tool.bc-tool .bc-h{font-family:var(--f-display);font-size:1.05rem;color:var(--ink);margin:6px 0 -4px}
.hn-tool.bc-tool .bc-neg{color:#B3261E}
.hn-tool.bc-tool .bc-del{color:#B3261E}
.hn-tool.bc-tool .bc-del:hover{background:#B3261E;border-color:#B3261E;color:#fff}
.hn-tool.bc-tool .t-copy:disabled{opacity:.55;cursor:not-allowed}
.hn-tool.bc-tool .t-chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
.hn-tool.bc-tool .t-table td code,.hn-tool.bc-tool .bc-steps code{font-family:var(--f-mono);font-size:.84rem;background:#F4F8FD;border-radius:6px;padding:2px 6px;overflow-wrap:anywhere;white-space:normal}
.hn-tool.bc-tool .bc-steps{gap:8px}
.hn-tool.bc-tool .bc-in{width:100%;min-width:0;height:44px;border:1px solid var(--line);border-radius:12px;padding:8px 12px;font:inherit;font-size:.95rem;color:var(--ink);background:#F8FAFD}
.hn-tool.bc-tool .bc-in:focus,.hn-tool.bc-tool .bc-cell input:focus,.hn-tool.bc-tool .bc-cell select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(10,108,208,.14);background:#fff}
.hn-tool.bc-tool .bc-row{display:flex;gap:8px;align-items:center;min-width:0}
.hn-tool.bc-tool .bc-row>.bc-in{flex:1 1 0;width:0}
.hn-tool.bc-tool .bc-row .btn{flex:none;min-height:44px}
.hn-tool.bc-tool .bc-x{border:0;background:transparent;color:var(--muted);font-size:1.4rem;line-height:1;cursor:pointer;padding:6px 10px;border-radius:9px;flex:none}
.hn-tool.bc-tool .bc-x:hover{color:#B3261E;background:#FFF1EF}
.hn-tool.bc-tool .bc-file{position:relative;overflow:hidden;cursor:pointer;display:inline-flex;align-items:center}
.hn-tool.bc-tool .bc-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.hn-tool.bc-tool .bc-toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:9999;padding:12px 16px;border-radius:14px;background:#06162E;color:#fff;font-weight:600;font-size:.92rem;box-shadow:0 20px 40px -18px rgba(6,22,46,.6);max-width:calc(100vw - 32px)}
.hn-tool.bc-tool .t-sync{margin:0}

/* tabs */
.hn-tool.bc-tool .bc-tabs{display:flex;gap:4px;padding:4px;border-radius:14px;background:#EEF3F9;overflow-x:auto;scrollbar-width:none}
.hn-tool.bc-tool .bc-tabs button{flex:1 0 auto;border:0;background:transparent;border-radius:10px;padding:10px 14px;font:inherit;font-size:.92rem;font-weight:700;color:var(--muted);cursor:pointer;white-space:nowrap}
.hn-tool.bc-tool .bc-tabs button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 2px 8px -4px rgba(6,22,46,.35)}

/* toolbars, alerts, notes */
.hn-tool.bc-tool .bc-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hn-tool.bc-tool .bc-bar a.t-copy{text-decoration:none;display:inline-flex;align-items:center}
.hn-tool.bc-tool .bc-alert{margin:0;padding:12px 14px;border-radius:12px;border:1px solid;line-height:1.55;font-size:.94rem;color:var(--ink)}
.hn-tool.bc-tool .bc-alert.good{background:#ECFBF2;border-color:#BDEBD0}
.hn-tool.bc-tool .bc-alert.warn{background:#FFF7E8;border-color:#F7DDA8}
.hn-tool.bc-tool .bc-alert.bad{background:#FFF1EF;border-color:#F5C6C0}
.hn-tool.bc-tool .bc-alert.info{background:#EEF5FD;border-color:#CFE0F5}
.hn-tool.bc-tool .bc-warns{margin:0;font-size:.9rem;color:var(--text)}
.hn-tool.bc-tool .bc-warns2{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.hn-tool.bc-tool .bc-warns2 li{padding:9px 12px 9px 34px;border-radius:10px;font-size:.9rem;position:relative;line-height:1.45}
.hn-tool.bc-tool .bc-warns2 li:before{position:absolute;left:12px;top:9px;font-weight:900}
.hn-tool.bc-tool .bc-warns2 li.warn{background:#FFF7E8;color:#6B4300}.hn-tool.bc-tool .bc-warns2 li.warn:before{content:"!";color:#E28C00}
.hn-tool.bc-tool .bc-warns2 li.info{background:#EEF5FD;color:#23466F}.hn-tool.bc-tool .bc-warns2 li.info:before{content:"i";color:var(--blue)}
.hn-tool.bc-tool .bc-sec{display:grid;gap:2px;padding-top:4px;border-top:1px dashed var(--line)}
.hn-tool.bc-tool form .bc-sec:first-child{border-top:0;padding-top:0}
.hn-tool.bc-tool .bc-sec b{font-family:var(--f-display);font-size:1rem;color:var(--ink)}
.hn-tool.bc-tool .bc-det{border:1px solid var(--line);border-radius:14px;background:#fff}
.hn-tool.bc-tool .bc-det>summary{cursor:pointer;padding:12px 14px;font-weight:700;color:var(--blue);font-size:.92rem}
.hn-tool.bc-tool .bc-det[open]>summary{border-bottom:1px solid var(--line)}
.hn-tool.bc-tool .bc-det>.t-table{border:0;border-radius:0 0 14px 14px}
.hn-tool.bc-tool .bc-det>.bc-row{padding:12px 14px}

/* charts */
.hn-tool.bc-tool .bc-chartbox{margin:0;border:1px solid var(--line);border-radius:16px;padding:12px 12px 10px;background:#fff;display:grid;gap:8px}
.hn-tool.bc-tool .bc-chartbox figcaption{font-weight:700;font-size:.88rem;color:var(--ink)}
.hn-tool.bc-tool .bc-svg{width:100%;min-width:0;overflow:hidden}
.hn-tool.bc-tool .bc-svg svg,.hn-tool.bc-tool .bc-chartbox>svg{display:block;max-width:100%;height:auto}
.hn-tool.bc-tool .bc-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.82rem;color:var(--muted)}
.hn-tool.bc-tool .bc-legend span{display:inline-flex;align-items:center;gap:6px}
.hn-tool.bc-tool .bc-legend i{display:inline-block;width:14px;height:10px;border-radius:3px}
.hn-tool.bc-tool .bc-legend b{color:var(--ink)}

/* saved scenarios */
.hn-tool.bc-tool .bc-scen,.hn-tool.bc-tool .bc-lib{border:1px solid var(--line);border-radius:16px;padding:14px;background:#F8FAFD;display:grid;gap:10px}
.hn-tool.bc-tool .bc-scen-h{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;justify-content:space-between}
.hn-tool.bc-tool .bc-scen-h b{font-family:var(--f-display);color:var(--ink)}
.hn-tool.bc-tool .bc-scen-list,.hn-tool.bc-tool .bc-links{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hn-tool.bc-tool .bc-scen-list li,.hn-tool.bc-tool .bc-links li{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0}
.hn-tool.bc-tool .bc-scen-list li>div,.hn-tool.bc-tool .bc-lmain{display:grid;gap:2px;min-width:0;flex:1 1 220px}
.hn-tool.bc-tool .bc-scen-list small{color:var(--muted);font-size:.8rem}
.hn-tool.bc-tool .bc-scen-list li>span,.hn-tool.bc-tool .bc-lact{display:flex;gap:6px;flex:none}
.hn-tool.bc-tool .bc-links li.bc-empty{display:block;background:transparent;border:0;padding:4px 0}
.hn-tool.bc-tool .bc-lmain code{font-family:var(--f-mono);font-size:.78rem;color:var(--text);overflow-wrap:anywhere;word-break:break-all}

/* line editors (cash flow, landed cost) */
.hn-tool.bc-tool .bc-lines-h{display:grid;gap:2px}
.hn-tool.bc-tool .bc-lines-h b{font-family:var(--f-display);color:var(--ink)}
.hn-tool.bc-tool .bc-lines,.hn-tool.bc-tool .bc-plines{display:grid;gap:8px;min-width:0}
.hn-tool.bc-tool .bc-line{display:grid;grid-template-columns:118px minmax(120px,1.6fr) minmax(90px,1fr) 128px 112px 112px 88px 36px;gap:8px;align-items:end;padding:10px;border:1px solid var(--line);border-left:4px solid #3FBF7F;border-radius:12px;background:#fff;min-width:0}
.hn-tool.bc-tool .bc-line.is-out{border-left-color:#E56B66}
.hn-tool.bc-tool .bc-cell{display:grid;gap:4px;min-width:0}
.hn-tool.bc-tool .bc-cell>span{font-size:.74rem;font-weight:700;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hn-tool.bc-tool .bc-cell input,.hn-tool.bc-tool .bc-cell select{width:100%;min-width:0;height:42px;border:1px solid var(--line);border-radius:10px;padding:6px 10px;font:inherit;font-size:.93rem;color:var(--ink);background:#F8FAFD}
.hn-tool.bc-tool .bc-cell input:disabled,.hn-tool.bc-tool .bc-cell select:disabled{opacity:.5}
.hn-tool.bc-tool .bc-cell.bc-bad input{border-color:#D64541;background:#FFF7F6}
.hn-tool.bc-tool .bc-line .bc-x{align-self:end;height:42px}
.hn-tool.bc-tool .bc-actions{display:flex;flex-wrap:wrap;gap:8px}
.hn-tool.bc-tool .bc-empty{margin:0}
.hn-tool.bc-tool .bc-pline{border:1px solid var(--line);border-radius:14px;background:#fff;padding:10px 12px 12px;display:grid;gap:8px;min-width:0}
.hn-tool.bc-tool .bc-pline-h{display:flex;align-items:center;justify-content:space-between;min-height:30px}
.hn-tool.bc-tool .bc-pline-h b{font-size:.9rem;color:var(--ink)}
.hn-tool.bc-tool .bc-pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 10px}
.hn-tool.bc-tool .bc-pgrid .bc-rate>span{white-space:normal;line-height:1.25;min-height:2.5em;display:flex;align-items:flex-end}
.hn-tool.bc-tool .bc-pline-f{font-size:.82rem;color:var(--muted);font-weight:600}
.hn-tool.bc-tool .bc-pline-f:empty{display:none}

/* landed cost composition bar */
.hn-tool.bc-tool .bc-comp{display:grid;gap:8px}
.hn-tool.bc-tool .bc-compbar{display:flex;height:18px;border-radius:9px;overflow:hidden;background:#E7EEF7}
.hn-tool.bc-tool .bc-compbar i{display:block;height:100%;min-width:2px}

/* UTM builder */
.hn-tool.bc-tool .bc-presets .t-chip{font-weight:600}
.hn-tool.bc-tool .bc-custom{display:grid;gap:8px}
.hn-tool.bc-tool .bc-custom [data-cp]{display:grid;gap:8px}
.hn-tool.bc-tool .bc-custom [data-cp]:empty{display:none}
.hn-tool.bc-tool .bc-custom>.t-copy{justify-self:start}
.hn-tool.bc-tool .bc-url{display:block;font-family:var(--f-mono);font-size:.88rem;color:var(--ink);overflow-wrap:anywhere;word-break:break-all;line-height:1.55}
.hn-tool.bc-tool .bc-urlbar{padding:0 14px 14px}
.hn-tool.bc-tool .bc-urlbar .bc-lname{flex:1 1 160px;width:auto;height:36px;font-size:.88rem}
.hn-tool.bc-tool .bc-utmgrid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:14px;align-items:start}
.hn-tool.bc-tool .bc-utmgrid .t-table table{min-width:0}
.hn-tool.bc-tool .bc-qr{border:1px solid var(--line);border-radius:16px;padding:12px;display:grid;gap:10px;justify-items:center;background:#fff}
.hn-tool.bc-tool .bc-qrimg{width:100%;max-width:196px;aspect-ratio:1;display:grid;place-items:center;text-align:center}
.hn-tool.bc-tool .bc-qrimg svg{width:100%;height:auto;display:block}

@media (max-width:980px){
  .hn-tool.bc-tool .bc-line{grid-template-columns:repeat(4,minmax(0,1fr)) 36px}
  .hn-tool.bc-tool .bc-line .bc-c-name{grid-column:span 2}
}
@media (max-width:640px){
  .hn-tool.bc-tool .bc-line{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 10px 10px 12px;position:relative}
  .hn-tool.bc-tool .bc-line .bc-c-name{grid-column:1/-1;padding-right:34px}
  .hn-tool.bc-tool .bc-line .bc-x{position:absolute;top:4px;right:4px;height:auto}
  .hn-tool.bc-tool .bc-pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hn-tool.bc-tool .bc-pgrid .bc-c-name{grid-column:1/-1}
  .hn-tool.bc-tool .bc-utmgrid{grid-template-columns:1fr}
  .hn-tool.bc-tool .bc-tabs button{padding:10px 10px;font-size:.88rem}
  .hn-tool.bc-tool .bc-row{flex-wrap:wrap}
  .hn-tool.bc-tool .bc-row>.bc-in{flex:1 1 100%;width:100%}
  .hn-tool.bc-tool .bc-row .btn{flex:1 1 auto}
  .hn-tool.bc-tool .bc-cp{flex-wrap:nowrap}
  .hn-tool.bc-tool .bc-cp>.bc-in{flex:1 1 0;width:0}
}
.hn-tool.bc-tool .t-stats{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}
.hn-tool.bc-tool .t-stat b{font-size:1.28rem;overflow-wrap:normal;word-break:normal}
@media (max-width:640px){.hn-tool.bc-tool .t-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hn-tool.bc-tool .t-stat{padding:12px}.hn-tool.bc-tool .t-stat b{font-size:1.08rem;overflow-wrap:anywhere}}
.hn-tool.bc-tool .bc-chartbox>svg{width:100%;max-width:680px}
/* ===== Business kit: invoice, quotation, receipt, business card, review QR kit, link in bio (scoped to .bk-tool) ===== */
.bk-tool [hidden],.bk-tool .tf[hidden]{display:none!important}
.bk-tool .bk-form{gap:12px}
.bk-tool .bk-sec{border:1px solid var(--line);border-radius:16px;background:#fff;min-width:0}
.bk-tool .bk-sec>summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:800;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:16px}
.bk-tool .bk-sec>summary::-webkit-details-marker{display:none}
.bk-tool .bk-sec>summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s;flex:none;margin-right:4px}
.bk-tool .bk-sec[open]>summary::after{transform:rotate(-135deg)}
.bk-tool .bk-sec[open]>summary{border-bottom:1px solid var(--line);border-radius:16px 16px 0 0;background:#F8FAFD}
.bk-tool .bk-sec>.tf-grid{padding:14px 16px 16px}
.bk-tool .bk-sec>.t-note{padding:12px 16px 0}
.bk-tool .bk-raw{display:block}
.bk-tool .bk-alert{margin:0;padding:10px 14px;border-radius:12px;font-weight:600;font-size:.9rem;background:#EEF5FD;color:#0B4F96}
.bk-tool .bk-alert.good{background:#ECFBF2;color:#0E7A43}.bk-tool .bk-alert.warn{background:#FFF7E8;color:#8A5300}.bk-tool .bk-alert.bad{background:#FFF1EF;color:#B3261E}
.bk-tool .bk-msg:empty{display:none}
.bk-tool .bk-btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bk-tool .bk-btns .btn{min-height:42px}
.bk-tool .bk-note{border-left:4px solid var(--blue);background:#F4F8FD;border-radius:0 14px 14px 0;padding:12px 16px;display:grid;gap:8px;min-width:0}
.bk-tool .bk-note .t-list{line-height:1.55}
.bk-tool .bk-h{margin:6px 0 0;font-size:1.1rem}
.bk-tool .bk-imgs{display:flex;flex-wrap:wrap;gap:12px}
.bk-tool .bk-imgs span,.bk-tool .bk-logo-row{display:flex;align-items:center;gap:12px}
.bk-tool .bk-imgs img,.bk-tool .bk-logo-row img{max-height:56px;max-width:140px;border:1px solid var(--line);border-radius:10px;padding:4px;background:#fff}
.bk-tool .bk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* line item editor */
.bk-doc .bk-items-ed{display:grid;gap:10px}
.bk-doc .bk-items-ed table{width:100%;border-collapse:collapse;font-size:.9rem}
.bk-doc .bk-items-ed th{background:#F4F8FD;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-align:left;padding:8px 6px}
.bk-doc .bk-items-ed td{padding:5px 4px;border-top:1px solid var(--line);vertical-align:middle}
.bk-doc .bk-items-ed input{width:100%;min-width:56px;height:42px;border:1px solid var(--line);border-radius:10px;padding:6px 9px;font:inherit;font-size:.95rem;background:#F8FAFD;color:var(--ink)}
.bk-doc .bk-items-ed input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,108,208,.14);background:#fff}
.bk-doc .bk-items-ed td:first-child{width:40%}
.bk-doc .bk-items-ed .bk-amt{text-align:right;white-space:nowrap;font-weight:700;color:var(--ink);padding-right:8px}
.bk-doc .bk-items-ed th.bk-amt{color:var(--muted);font-weight:700}
.bk-doc .bk-del{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:#fff;color:#B3261E;font-size:1.2rem;line-height:1;cursor:pointer}
.bk-doc .bk-del:hover{background:#FFF1EF}
.bk-doc .bk-add{justify-self:start}
.bk-doc form:not(.bk-linetax) .bk-ltax{display:none}
.bk-doc .bk-drafts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 14px;border:1px dashed #C9D6E6;border-radius:14px;background:#FBFCFE;font-weight:700;font-size:.9rem}
.bk-doc .bk-drafts label{display:flex;gap:8px;align-items:center;flex:1 1 260px;min-width:0}
.bk-doc .bk-drafts select{flex:1;min-width:0;height:40px;border:1px solid var(--line);border-radius:10px;padding:0 10px;font:inherit;background:#fff}
.bk-doc .bk-pvbar{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.bk-doc .bk-pvbar b{color:var(--ink)}.bk-doc .bk-pvbar .t-note{margin-right:auto}
.bk-doc .bk-pv{border:1px solid var(--line);border-radius:14px;background:#E9EEF5;padding:0;overflow:hidden;position:relative}
.bk-doc .bk-scale{transform-origin:0 0;box-shadow:0 10px 30px -18px rgba(6,22,46,.5)}
.bk-doc .bk-pv.bk-zoomed{overflow:auto;max-height:80vh}
.bk-doc .bk-pv .bk-th{margin:16px auto;box-shadow:0 10px 30px -18px rgba(6,22,46,.5)}
@media (max-width:700px){
  .bk-doc .bk-items-ed table,.bk-doc .bk-items-ed tbody,.bk-doc .bk-items-ed tr,.bk-doc .bk-items-ed td{display:block;width:100%!important}
  .bk-doc .bk-items-ed thead{display:none}
  .bk-doc .bk-items-ed tr{border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px;position:relative}
  .bk-doc .bk-items-ed td{border:0;padding:0}
  .bk-doc .bk-items-ed td:first-child{grid-column:1/-1;padding-right:42px}
  .bk-doc .bk-items-ed td[data-l]::before{content:attr(data-l);display:block;font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}
  .bk-doc .bk-items-ed .bk-amt{text-align:left;align-self:end;padding:0 0 10px}
  .bk-doc .bk-items-ed .bk-rm{position:absolute;top:8px;right:8px;width:auto!important}
  .bk-doc form:not(.bk-linetax) .bk-items-ed td.bk-ltax{display:none}
}
/* business card */
.bk-card .bk-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bk-card .bk-cards figure{margin:0;display:grid;gap:6px;min-width:0}
.bk-card .bk-cards figcaption{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.bk-card .bk-cv canvas{width:100%;display:block;border-radius:10px;background:none;box-shadow:0 14px 30px -20px rgba(6,22,46,.6)}
.bk-tool .bk-qrrow{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:14px}
.bk-tool .bk-qr svg{width:100%;height:auto;display:block;border-radius:8px;border:1px solid var(--line)}
@media (max-width:700px){.bk-card .bk-cards{grid-template-columns:1fr}.bk-tool .bk-qrrow{grid-template-columns:110px minmax(0,1fr)}}
/* review kit */
.bk-review .bk-link{display:grid;gap:8px;border:1px solid var(--line);border-radius:16px;padding:14px;background:#F8FAFD;min-width:0}
.bk-review .bk-link a{overflow-wrap:anywhere;font-weight:600;color:var(--blue)}
.bk-review .bk-link .bk-btns a{text-decoration:none}
.bk-review .bk-rv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.bk-review .bk-rvimg canvas{width:100%;display:block;background:none;border-radius:14px}
.bk-review .bk-rvside{display:grid;gap:10px;min-width:0}
.bk-review .bk-rvside .bk-qr{max-width:160px}
.bk-review .bk-msgs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bk-review .bk-msgs .t-card-h a{text-decoration:none}
@media (max-width:760px){.bk-review .bk-rv,.bk-review .bk-msgs{grid-template-columns:1fr}}
/* link in bio */
.bk-bio .bk-links{display:grid;gap:10px}
.bk-bio .bk-lrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:8px;align-items:start;border:1px solid var(--line);border-radius:14px;padding:10px;background:#FBFCFE}
.bk-bio .bk-lrow .tf input{height:44px}
.bk-bio .bk-lact{display:flex;gap:4px;padding-top:26px}
.bk-bio .bk-lact .t-copy{width:38px;height:40px;padding:0;font-size:1rem}
.bk-bio .bk-ladd{justify-self:start;margin-top:10px}
.bk-bio .bk-biogrid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px;align-items:start}
.bk-bio .bk-phone{position:relative;width:100%;max-width:330px;margin:0 auto;aspect-ratio:9/18.5;border:12px solid #0B1020;border-radius:44px;background:#0B1020;box-shadow:0 30px 60px -36px rgba(6,22,46,.7);overflow:hidden}
.bk-bio .bk-phone iframe{width:100%;height:100%;border:0;border-radius:32px;background:#fff;display:block}
.bk-bio .bk-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:38%;height:22px;background:#0B1020;border-radius:0 0 14px 14px;z-index:2}
.bk-bio .bk-bioside{display:grid;gap:12px;min-width:0}
@media (max-width:760px){.bk-bio .bk-biogrid{grid-template-columns:1fr}.bk-bio .bk-lrow{grid-template-columns:1fr}.bk-bio .bk-lact{justify-content:flex-end;padding-top:0}.bk-bio .bk-phone{max-width:300px}}
.bk-doc .bk-sum .t-stat b{font-size:1.2rem}
/* ===== Everyday calculators + WhatsApp tools (61-calculators.js) ===== */
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) [hidden],.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .tf[hidden]{display:none!important}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-hero{border-radius:18px;padding:18px 20px;background:linear-gradient(135deg,#0A6CD0,#00AEE6);color:#fff;display:grid;gap:4px;min-width:0}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-hero span{font-size:.85rem;font-weight:700;opacity:.9}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-hero b{font-family:var(--f-display);font-size:clamp(1.6rem,4.6vw,2.4rem);line-height:1.15;overflow-wrap:anywhere}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-hero small{font-size:.9rem;opacity:.92}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-formula{border:1px solid var(--line);border-radius:14px;background:#F8FAFD;padding:12px 14px;display:grid;gap:6px;min-width:0}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-formula b{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-formula pre{margin:0;font-family:var(--f-mono,monospace);font-size:.82rem;line-height:1.6;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-note{border-left:4px solid var(--blue);background:#F4F8FD;border-radius:0 14px 14px 0;padding:12px 16px;display:grid;gap:8px;min-width:0}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-note .t-list{line-height:1.55;font-size:.92rem}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-chips .t-chip{padding:6px 12px;font-weight:700;min-height:34px}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-seg button{border:0;background:transparent;padding:6px 12px;font:inherit;font-size:.8rem;font-weight:700;color:var(--muted);cursor:pointer;min-height:32px}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-seg button.on{background:var(--blue);color:#fff}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-sched{padding:12px}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-sched.cx-scroll .t-table{max-height:480px;overflow:auto}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-sched .t-table td{white-space:nowrap;font-variant-numeric:tabular-nums}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-sched .t-table th{position:sticky;top:0}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-split{display:grid;gap:8px}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-splitbar{height:14px;border-radius:9px;background:#F2A33A;overflow:hidden}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-splitbar i{display:block;height:100%;background:var(--blue)}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.86rem;font-weight:600;color:var(--ink)}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;background:var(--blue)}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-legend i.b{background:#F2A33A}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-party{margin:0;padding:12px 14px;border-radius:12px;background:#ECFBF2;color:#0E7A43;font-weight:700}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-warnline{margin:0;padding:10px 14px;border-radius:12px;background:#FFF7E8;color:#9A5B00;font-weight:600;font-size:.92rem}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-wa-actions{display:flex;flex-wrap:wrap;gap:10px}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-wa-actions .btn{min-height:50px;justify-content:center}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-wa-btn{background:#1DA851!important;border-color:#1DA851!important}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-link{font-family:var(--f-mono,monospace);font-size:.86rem;word-break:break-all}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-qr{display:grid;justify-items:center}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-qr canvas{width:min(320px,100%);background:#fff}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-tpl-top{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) mark{background:#FFF1C2;color:#7A4B00;border-radius:4px;padding:0 3px}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-tpls{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:14px}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-tpl{border:1px solid var(--line);border-radius:16px;background:#fff;padding:12px;display:grid;gap:10px;align-content:start;min-width:0}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-tpl-h{display:grid;gap:6px;justify-items:start}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-tpl-h b{font-size:.95rem;color:var(--ink)}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-bubble{position:relative;background:#E7F8DC;border-radius:4px 14px 14px 14px;padding:10px 12px 8px;color:#111B21;font-size:.92rem;line-height:1.5;overflow-wrap:anywhere}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-bubble small{display:block;text-align:right;color:#667781;font-size:.72rem;margin-top:4px}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-tpl-a{display:flex;flex-wrap:wrap;gap:8px}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-tpl-a .t-copy{min-height:36px;display:inline-flex;align-items:center;text-decoration:none}
@media (max-width:640px){.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-wa-actions .btn{flex:1 1 100%}.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-hero{padding:16px}}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .t-stats{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .t-stat b{overflow-wrap:normal;word-break:normal;font-size:clamp(1.15rem,3.8vw,1.45rem)}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-fit .t-table table{min-width:0}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-chips .t-chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
/* Group 40: creative + local tools. All selectors use the unique .hcl- prefix. */
.hcl-ed{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:22px;align-items:start}
.hcl-ed .hcl-ctl{min-width:0;display:grid;gap:14px}
.hcl-ed .hcl-pv{min-width:0;position:sticky;top:90px;display:grid;gap:12px}
.hcl-ed .hcl-stage{display:grid;place-items:center;gap:10px;padding:12px;border:1px dashed #C9D6E6;border-radius:16px;background:#FBFCFE;min-height:220px}
.hcl-ed .hcl-stage canvas.t-canvas{display:block;max-width:100%;max-height:72vh;width:auto;height:auto}
.hcl-ed .hcl-bar{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}
.hcl-ed .hcl-bar .t-note{flex:1 1 220px}
.hcl-ed .tf-actions .btn{min-height:44px}
.hcl-priv{display:flex;gap:8px;align-items:center}
.hcl-priv:before{content:"";width:8px;height:8px;border-radius:50%;background:#13A35B;flex:none}
.hcl-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
/* logo concepts */
.hcl-lg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hcl-lg{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:grid}
.hcl-lg-view{all:unset;cursor:zoom-in;display:block;aspect-ratio:4/3;padding:18px;background:#fff;box-sizing:border-box}
.hcl-lg-view:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}
.hcl-lg-view svg{width:100%;height:100%;display:block}
.hcl-lg-f{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 10px;border-top:1px solid var(--line);background:#F8FAFD}
.hcl-lg-f span{margin-right:auto;font-size:.8rem;font-weight:700;color:var(--ink)}
.hcl-sel-g{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hcl-sel-g>div{border-radius:14px;padding:22px;aspect-ratio:4/3;display:grid;place-items:center;border:1px solid var(--line)}
.hcl-sel-g svg{width:100%;height:100%;display:block}
.hcl-sel-l{background:#fff}.hcl-sel-d{background:#0b1220}
.hcl-sw{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 10px 5px 6px;font:600 .8rem/1 var(--f-mono,monospace);cursor:pointer;color:var(--ink)}
.hcl-sw i{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}
/* ad creatives */
.hcl-ad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.hcl-ad{border:1px solid var(--line);border-radius:16px;overflow:hidden;display:grid;align-content:space-between;background:#fff}
.hcl-ad.wide{grid-column:1/-1}
.hcl-ad-c{padding:12px;display:grid;place-items:center;background:#F4F8FD}
.hcl-ad-c canvas{display:block;max-width:100%;max-height:420px;width:auto;height:auto;border-radius:6px}
/* background remover */
.hcl-tools{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.hcl-tools .t-chip.on{background:var(--blue);color:#fff;border-color:var(--blue)}
canvas.hcl-paint{touch-action:none;cursor:crosshair}
/* before / after */
.hcl-ba{position:relative;width:100%;line-height:0;border-radius:12px;overflow:hidden;background:repeating-conic-gradient(#EEF2F7 0% 25%,#fff 0% 50%) 50%/20px 20px}
.hcl-ba canvas{display:block;width:100%;height:auto}
.hcl-ba .hcl-before{position:absolute;inset:0}
.hcl-ba-tag{position:absolute;top:10px;line-height:1;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:rgba(6,22,46,.7);padding:5px 8px;border-radius:6px;pointer-events:none}
.hcl-ba-tag.l{left:10px}.hcl-ba-tag.r{right:10px}
.hcl-ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.hcl-ba:after{content:"";position:absolute;top:0;bottom:0;left:var(--hcl-x,50%);width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.25);pointer-events:none}
/* local SEO tools */
.hcl-count{font-family:var(--f-mono,monospace);font-size:.74rem;font-weight:600;padding:3px 8px;border-radius:7px;background:#ECFBF2;color:#0E7A43}
.hcl-count.warn{background:#FFF7E8;color:#9A5B00}.hcl-count.bad{background:#FFF1EF;color:#B3261E}
.hcl-warn{margin:0;padding:12px 14px;border-radius:12px;background:#FFF7E8;border:1px solid #F7DDA8;color:#7A4A00;font-size:.9rem;line-height:1.55}
.hcl-warn ul{margin:6px 0 0;padding-left:1.2em}
.hcl-group h3{font-size:1rem;margin:0 0 8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.hcl-kw{display:flex;flex-wrap:wrap;gap:6px}
.hcl-kw span{font-size:.86rem;background:#F4F8FD;border:1px solid var(--line);border-radius:8px;padding:4px 9px;color:var(--ink)}
.hcl-check{display:grid;gap:6px}
.hcl-check label{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}
.hcl-check label.done{background:#F3FBF6;border-color:#BDEBD0}
.hcl-check label.done b{text-decoration:line-through;color:var(--muted)}
.hcl-check input{width:18px;height:18px;margin-top:2px;accent-color:#13A35B}
.hcl-check small{display:block;color:var(--muted);font-size:.82rem;line-height:1.45}
.hcl-cat{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}
.hcl-cat small{display:block;color:var(--muted);font-size:.8rem}
@media (max-width:900px){.hcl-ed{grid-template-columns:1fr}.hcl-ed .hcl-pv{position:static;order:-1}.hcl-lg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.hcl-lg-grid{grid-template-columns:1fr;gap:10px}.hcl-lg-view{padding:10px}.hcl-sel-g{grid-template-columns:1fr}.hcl-cat{grid-template-columns:1fr}.hcl-ed .hcl-stage canvas.t-canvas{max-height:60vh}}
.hcl-rv{float:right;font-family:var(--f-mono,monospace);font-size:.78rem;font-weight:600;color:var(--blue)}
/* Daily life tools (63-daily-life.js). Every selector is scoped with the unique .dl-tool class (added to the tool root) or a unique dl- class. */
.dl-tool>*{min-width:0}
.dl-tool [hidden]{display:none!important}
.dl-tool .dl-h{display:block;font-size:.84rem;color:var(--ink);margin:4px 0 2px}
.dl-tool .dl-acts{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.dl-tool .dl-inl{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.86rem;color:var(--ink)}
.dl-tool .dl-sel,.dl-tool .dl-search,.dl-tool .dl-num,.dl-tool .dl-name,.dl-tool .dl-amt,.dl-tool .dl-month,.dl-tool .dl-jtags{border:1px solid var(--line);border-radius:10px;background:#F8FAFD;font:inherit;font-size:.95rem;color:var(--ink);padding:8px 10px;min-height:42px;min-width:0}
.dl-tool .dl-sel:focus,.dl-tool .dl-search:focus,.dl-tool .dl-num:focus,.dl-tool .dl-name:focus,.dl-tool .dl-amt:focus,.dl-tool .dl-month:focus,.dl-tool .dl-jtags:focus,.dl-tool .dl-jtext:focus,.dl-tool .dl-went:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,108,208,.14);background:#fff}
.dl-tool .dl-num{width:80px}
.dl-tool .dl-x{border:0;background:transparent;color:#8A97AB;font-size:1.3rem;line-height:1;width:34px;height:34px;border-radius:8px;cursor:pointer;flex:none}
.dl-tool .dl-x:hover{background:#FFF1EF;color:#B3261E}
.dl-tool .t-copy.dl-del{color:#B3261E}.dl-tool .t-copy.dl-del:hover{background:#B3261E;border-color:#B3261E;color:#fff}
.dl-tool a.t-copy{text-decoration:none;display:inline-block;color:var(--blue)}.dl-tool a.t-copy:hover{color:#fff}
.dl-tool .dl-file{position:relative;overflow:hidden;display:inline-block}
.dl-tool .dl-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.dl-tool .dl-file:focus-within{outline:3px solid rgba(10,108,208,.45);outline-offset:2px}
.dl-tool .t-chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
.dl-tool .t-chip small{opacity:.7;font-weight:700}
.dl-tool .dl-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px}
.dl-tool .dl-empty{display:grid;gap:6px;justify-items:start;padding:22px;border:1px dashed #C9D6E6;border-radius:16px;background:#FBFCFE}
.dl-tool .dl-empty b{color:var(--ink)}
.dl-tool .dl-empty span{color:var(--muted);font-size:.92rem}
.dl-tool .dl-warn{background:#FFF7E8;border:1px solid #F7DDA8;border-radius:10px;padding:8px 12px;color:#7A4A00}
.dl-tool .dl-sync{min-height:1px}
.dl-tool .dl-sync a{color:var(--blue);text-decoration:underline}
.dl-tool .dl-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:9999;display:flex;gap:14px;align-items:center;background:#06162E;color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 12px 30px -10px rgba(6,22,46,.6);font-size:.92rem;max-width:calc(100vw - 32px)}
.dl-tool .dl-toast button{background:transparent;border:0;color:#7FD3F5;font-weight:800;cursor:pointer;padding:4px 6px}
.dl-print-frame{position:fixed;left:-9999px;top:0;width:10px;height:10px;border:0;visibility:hidden}

/* ---------- bookmarks ---------- */
.dl-tool .dl-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.dl-tool .dl-bar .dl-search{flex:1 1 240px}
.dl-tool .dl-panel{border:1px solid var(--line);border-radius:16px;padding:16px;background:#FBFCFE}
.dl-tool .dl-ph{color:var(--ink)}
.dl-tool .dl-dup{background:#FFF7E8;border:1px solid #F7DDA8;border-radius:10px;padding:10px 12px;font-size:.9rem;color:#5C3A00;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.dl-tool .dl-filters{display:grid;gap:8px}
.dl-tool .dl-tagrow .t-chip{font-size:.8rem;padding:4px 10px}
.dl-tool .dl-bms{display:grid;gap:10px}
.dl-tool .dl-bm{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:start;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff}
.dl-tool .dl-bm.later{border-left:4px solid #F5A623}
.dl-tool .dl-av{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:1.15rem;font-family:var(--f-display)}
.dl-tool .dl-bm-b{display:grid;gap:3px;min-width:0}
.dl-tool .dl-bm-t{font-weight:700;color:var(--ink);text-decoration:none;overflow-wrap:anywhere;line-height:1.35}
.dl-tool .dl-bm-t:hover{color:var(--blue);text-decoration:underline}
.dl-tool .dl-bm-u{color:var(--muted);font-size:.8rem;overflow-wrap:anywhere}
.dl-tool .dl-rl{color:#9A5B00;font-weight:700}
.dl-tool .dl-bm-n{font-size:.88rem;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;max-height:6.4em;overflow:hidden}
.dl-tool .dl-tags{display:flex;flex-wrap:wrap;gap:4px}
.dl-tool .dl-tag{border:0;background:#EEF5FD;color:var(--blue);border-radius:999px;padding:2px 9px;font-size:.76rem;font-weight:700;cursor:pointer}
.dl-tool .dl-bm-a{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;max-width:260px}
.dl-tool .dl-bm-a .t-copy{padding:5px 9px;font-size:.76rem}
.dl-tool .dl-more{justify-self:center}
.dl-tool .dl-dupes{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#FBFCFE;display:grid;gap:8px}
.dl-tool .dl-dh{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center}
.dl-tool .dl-dg{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:8px;font-size:.9rem;overflow-wrap:anywhere}
.dl-tool .dl-dg small{display:block;color:var(--muted)}
@media (max-width:640px){
  .dl-tool .dl-bm{grid-template-columns:38px minmax(0,1fr);padding:12px}
  .dl-tool .dl-av{width:38px;height:38px;font-size:1rem}
  .dl-tool .dl-bm-a{grid-column:1/-1;justify-content:flex-start;max-width:none}
}

/* ---------- journal ---------- */
.dl-tool .dl-jgrid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}
.dl-tool .dl-jside{display:grid;gap:12px;min-width:0}
.dl-tool .dl-cal{border:1px solid var(--line);border-radius:16px;padding:12px;background:#FBFCFE;display:grid;gap:8px}
.dl-tool .dl-calh,.dl-tool .dl-mnav{display:flex;align-items:center;justify-content:space-between;gap:8px}
.dl-tool .dl-calh b,.dl-tool .dl-mnav b{color:var(--ink);font-family:var(--f-display);font-size:.98rem;text-align:center}
.dl-tool .dl-nav{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:1.25rem;line-height:1;cursor:pointer;flex:none}
.dl-tool .dl-nav:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}
.dl-tool .dl-nav:disabled{opacity:.35;cursor:default}
.dl-tool .dl-calg{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}
.dl-tool .dl-calg small{font-size:.7rem;color:var(--muted);font-weight:700}
.dl-tool .dl-day{position:relative;aspect-ratio:1;border:1px solid transparent;border-radius:9px;background:transparent;font:inherit;font-size:.85rem;color:var(--ink);cursor:pointer;padding:0;min-height:34px}
.dl-tool .dl-day:hover:not(:disabled){background:#EEF5FD}
.dl-tool .dl-day:disabled{color:#B8C3D3;cursor:default}
.dl-tool .dl-day.has{background:#EEF5FD;font-weight:700}
.dl-tool .dl-day.today{border-color:var(--cyan)}
.dl-tool .dl-day.on{background:var(--blue);color:#fff;border-color:var(--blue)}
.dl-tool .dl-day i{position:absolute;left:50%;bottom:3px;width:6px;height:6px;margin-left:-3px;border-radius:50%}
.dl-tool .dl-day.on i{box-shadow:0 0 0 1.5px #fff}
.dl-tool .dl-jlist{display:grid;gap:6px}
.dl-tool .dl-ji{display:grid;gap:2px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 11px;cursor:pointer;font:inherit;color:var(--text);min-width:0}
.dl-tool .dl-ji:hover,.dl-tool .dl-ji.on{border-color:var(--blue)}
.dl-tool .dl-ji b{font-size:.82rem;color:var(--ink)}
.dl-tool .dl-ji span{font-size:.82rem;line-height:1.45;overflow-wrap:anywhere}
.dl-tool .dl-ji small{font-size:.74rem;color:var(--blue)}
.dl-tool .dl-ji mark{background:#FFE9A8;color:inherit;border-radius:3px}
.dl-tool .dl-jed{display:grid;gap:12px;border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff;min-width:0}
.dl-tool .dl-jhead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dl-tool .dl-jhead b{font-family:var(--f-display);color:var(--ink);font-size:1.05rem}
.dl-tool .dl-moods{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.dl-tool .dl-moods>span{font-weight:700;font-size:.86rem;color:var(--ink);margin-right:4px}
.dl-tool .dl-mood{display:grid;justify-items:center;gap:0;border:1px solid var(--line);background:#F8FAFD;border-radius:12px;padding:5px 9px;cursor:pointer;min-width:54px;font:inherit}
.dl-tool .dl-mood span{font-size:1.35rem;line-height:1.2}
.dl-tool .dl-mood small{font-size:.7rem;color:var(--muted);font-weight:700}
.dl-tool .dl-mood.on{border-color:var(--blue);background:#EEF5FD;box-shadow:0 0 0 2px rgba(10,108,208,.25)}
.dl-tool .dl-prompts{display:grid;gap:6px}
.dl-tool .dl-prompts .t-chip{font-size:.8rem;padding:5px 11px;text-align:left}
.dl-tool .dl-more-p{background:#fff;color:var(--blue);font-weight:700}
.dl-tool .dl-jtext,.dl-tool .dl-went{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;font-size:1rem;line-height:1.65;color:var(--ink);background:#FFFEFB;resize:vertical;min-height:240px}
.dl-tool .dl-went{min-height:180px;background:#F8FAFD;line-height:1.5}
.dl-tool .dl-jtags{width:100%}
.dl-tool .dl-jfoot{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.dl-tool .dl-jfoot .dl-acts{margin-left:auto}
.dl-tool .dl-priv{background:#F4F8FD;border-radius:10px;padding:10px 12px;color:var(--ink)}
@media (max-width:820px){.dl-tool .dl-jgrid{grid-template-columns:1fr}.dl-tool .dl-jed{order:-1}}
@media (max-width:640px){.dl-tool .t-stat b{font-size:1.15rem}.dl-tool .dl-jhead b{flex:1 1 0;min-width:0;font-size:.95rem;text-align:center}.dl-tool .dl-mood{min-width:0;flex:1 1 0;padding:5px 2px}.dl-tool .dl-jed{padding:12px}}

/* ---------- budget ---------- */
.dl-tool .dl-bbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.dl-tool .dl-mnav{min-width:250px}
.dl-tool .dl-sec{display:grid;gap:8px;border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}
.dl-tool .dl-sech{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.dl-tool .dl-sech b{color:var(--ink);font-size:1rem}
.dl-tool .dl-sech .t-copy{margin-left:auto}
.dl-tool .dl-rows{display:grid;gap:6px}
.dl-tool .dl-row,.dl-tool .dl-ch{display:grid;gap:6px 8px;align-items:center}
.dl-tool .dl-irow{grid-template-columns:minmax(0,1fr) 160px 34px}
.dl-tool .dl-crow,.dl-tool .dl-ch{grid-template-columns:minmax(0,1fr) 120px 120px 100px 34px}
.dl-tool .dl-ch{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}
.dl-tool .dl-row .dl-amt{width:100%;text-align:right}
.dl-tool .dl-ro{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;background:#EEF5FD;border-color:#CFE0F5;line-height:1.1}
.dl-tool .dl-ro small{font-size:.66rem;color:var(--blue);font-weight:700;text-transform:uppercase}
.dl-tool .dl-left{text-align:right;font-weight:700;font-size:.92rem;color:var(--muted)}
.dl-tool .dl-left.good{color:#0E7A43}.dl-tool .dl-left.warn{color:#9A5B00}.dl-tool .dl-left.bad{color:#B3261E}
.dl-tool .dl-pbar{grid-column:1/-1;height:5px;border-radius:9px;background:#E7EEF7;overflow:hidden;margin-top:-2px}
.dl-tool .dl-pbar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:9px}
.dl-tool .dl-pbar.warn i{background:#E28C00}.dl-tool .dl-pbar.bad i{background:#D64541}
.dl-tool .dl-tpl,.dl-tool .dl-unm{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dl-tool .dl-split{background:#FBFCFE}
.dl-tool .dl-stack{display:flex;height:22px;border-radius:8px;overflow:hidden;background:#E7EEF7}
.dl-tool .dl-stack i,.dl-tool .dl-key{display:block}
.dl-tool .g0{background:#0A6CD0}.dl-tool .g1{background:#00AEE6}.dl-tool .g2{background:#13A35B}.dl-tool .g3{background:#E7EEF7;border:1px solid #C7D3E3}
.dl-tool .dl-keys{display:flex;flex-wrap:wrap;gap:6px 14px}
.dl-tool .dl-keys span{display:inline-flex;align-items:center;gap:6px}
.dl-tool .dl-key{display:inline-block;width:11px;height:11px;border-radius:3px;vertical-align:-1px}
.dl-tool .dl-kp{background:#0A6CD0}.dl-tool .dl-ka{background:#F5A623}
.dl-tool .dl-rule{display:grid;gap:10px;margin-top:4px}
.dl-tool .dl-rr{display:grid;grid-template-columns:150px minmax(0,1fr) 150px;gap:10px;align-items:center}
.dl-tool .dl-rr>span:first-child{display:grid}
.dl-tool .dl-rr>span:first-child b{font-size:.88rem;color:var(--ink)}
.dl-tool .dl-rr small{font-size:.74rem;color:var(--muted)}
.dl-tool .dl-rbars{display:grid;gap:4px}
.dl-tool .dl-rb{position:relative;height:10px;border-radius:6px;background:#E7EEF7}
.dl-tool .dl-rb i{display:block;height:100%;border-radius:6px}
.dl-tool .dl-rb em{position:absolute;top:-3px;bottom:-3px;width:2px;background:#06162E;margin-left:-1px}
.dl-tool .dl-rv{font-size:.8rem;color:var(--text);line-height:1.4}
.dl-tool .dl-trk{font-size:.9rem}
.dl-tool .dl-goals{display:grid;gap:10px}
.dl-tool .dl-goal{display:grid;gap:8px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#FBFCFE}
.dl-tool .dl-grow{display:grid;grid-template-columns:minmax(0,1fr) 150px 150px 170px 34px;gap:8px;align-items:center}
.dl-tool .dl-grow label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--muted)}
.dl-tool .dl-grow label .dl-amt,.dl-tool .dl-grow label .dl-month{width:100%;text-align:right}
.dl-tool .dl-gbar{height:10px}
.dl-tool .dl-gbar i{background:linear-gradient(90deg,#13A35B,#0E8C8C)}
.dl-tool .dl-ginfo{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}
.dl-tool .dl-gadd{display:flex;gap:6px;align-items:center}
.dl-tool .dl-gadd .dl-amt{width:110px;min-height:36px;padding:6px 9px}
@media (max-width:760px){
  .dl-tool .dl-mnav{min-width:0;flex:1 1 100%}
  .dl-tool .dl-crow{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 74px 34px}
  .dl-tool .dl-crow .dl-x{grid-row:1;grid-column:4}
  .dl-tool .dl-crow .dl-name{grid-column:1/4;grid-row:1}
  .dl-tool .dl-ch{display:none}
  .dl-tool .dl-irow{grid-template-columns:minmax(0,1fr) 120px 34px}
  .dl-tool .dl-rr{grid-template-columns:1fr;gap:4px}
  .dl-tool .dl-grow{grid-template-columns:1fr 1fr}
  .dl-tool .dl-grow .dl-name{grid-column:1/2}
  .dl-tool .dl-grow .dl-x{justify-self:end;grid-column:2;grid-row:1}
  .dl-tool .dl-grow label{flex-direction:column;align-items:stretch}
}

/* ---------- shopping list ---------- */
.dl-tool .dl-lists{display:grid;gap:8px}
.dl-tool .dl-lacts{justify-content:flex-start}
.dl-tool .dl-sladd{display:grid;grid-template-columns:minmax(0,1fr) 80px 110px auto;gap:8px;align-items:center}
.dl-tool .dl-sladd .dl-name{min-height:48px;font-size:1rem}
.dl-tool .dl-sladd .dl-num,.dl-tool .dl-sladd .dl-amt{width:100%;min-height:48px}
.dl-tool .dl-sladd .btn{min-height:48px;padding-inline:22px}
.dl-tool .dl-slitems{display:grid;gap:6px}
.dl-tool .dl-sli{display:grid;grid-template-columns:28px minmax(0,1fr) 116px 96px 90px 34px;gap:8px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:6px 8px 6px 12px;background:#fff}
.dl-tool .dl-sli.done{background:#F6F8FB}
.dl-tool .dl-sli.done .dl-slt{text-decoration:line-through;color:var(--muted)}
.dl-tool .dl-ck{width:22px;height:22px;accent-color:#13A35B;cursor:pointer}
.dl-tool .dl-slt{border:0;background:transparent;font:inherit;font-size:1rem;font-weight:600;color:var(--ink);padding:8px 4px;min-width:0;border-radius:8px}
.dl-tool .dl-slt:focus{outline:none;background:#F4F8FD}
.dl-tool .dl-qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#F8FAFD}
.dl-tool .dl-qty button{width:34px;height:38px;border:0;background:transparent;font-size:1.1rem;color:var(--blue);cursor:pointer;flex:none}
.dl-tool .dl-qty button:hover{background:#EEF5FD}
.dl-tool .dl-qty input{width:100%;min-width:0;border:0;background:transparent;text-align:center;font:inherit;font-weight:700;color:var(--ink)}
.dl-tool .dl-sli .dl-amt{width:100%;text-align:right;min-height:38px}
.dl-tool .dl-lt{text-align:right;font-weight:700;font-size:.9rem;color:var(--ink)}
@media (max-width:640px){
  .dl-tool .dl-sladd{grid-template-columns:1fr 1fr}
  .dl-tool .dl-sladd .dl-name{grid-column:1/-1}
  .dl-tool .dl-sladd .btn{grid-column:1/-1}
  .dl-tool .dl-sli{grid-template-columns:26px minmax(0,1fr) 96px 34px;padding:6px 6px 6px 10px}
  .dl-tool .dl-sli .dl-slt{grid-column:2/4}
  .dl-tool .dl-sli .dl-x{grid-column:4;grid-row:1}
  .dl-tool .dl-sli .dl-qty{grid-column:2;grid-row:2;max-width:120px}
  .dl-tool .dl-sli .dl-amt{grid-column:3;grid-row:2}
  .dl-tool .dl-sli .dl-lt{grid-column:2/5;grid-row:3;text-align:right}
  .dl-tool .dl-sli .dl-lt:empty{display:none}
}

/* ---------- picker wheel ---------- */
.dl-tool .dl-tabs{display:flex;gap:4px;overflow-x:auto;background:#EEF3F9;padding:4px;border-radius:14px;scrollbar-width:none}
.dl-tool .dl-tabs button{flex:1 0 auto;border:0;background:transparent;border-radius:10px;padding:10px 14px;font:inherit;font-weight:700;font-size:.92rem;color:var(--muted);cursor:pointer;white-space:nowrap}
.dl-tool .dl-tabs button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(10,26,51,.12)}
.dl-tool .dl-pane{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}
.dl-tool .dl-wbox>*,.dl-tool .dl-wed>*{min-width:0;max-width:100%}
.dl-tool .dl-wgrid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:start}
.dl-tool .dl-wbox{display:grid;gap:12px;justify-items:center;min-width:0}
.dl-tool .dl-wwrap{width:100%;max-width:520px;display:flex;justify-content:center}
.dl-tool .dl-wheel{display:block;cursor:pointer;border-radius:50%;max-width:100%}
.dl-tool .dl-spin{min-width:220px}
.dl-tool .dl-win{width:100%}
.dl-tool .dl-winner{display:grid;justify-items:center;gap:6px;text-align:center;padding:14px;border-radius:16px;background:linear-gradient(135deg,#06162E,#0C2244);color:#DCE8F7;animation:dlpop .35s ease-out}
.dl-tool .dl-winner b{font-family:var(--f-display);font-size:clamp(1.4rem,4vw,2rem);color:#fff;overflow-wrap:anywhere}
.dl-tool .dl-winner .t-copy{background:transparent;color:#BFE6F7;border-color:rgba(255,255,255,.25)}
.dl-tool .dl-wed{display:grid;gap:12px;min-width:0}
.dl-tool .dl-saved{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:12px}
.dl-tool .dl-row2{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}
.dl-tool .dl-row2 .dl-name{flex:1}
.dl-tool .dl-wchip{padding:0 0 0 2px;gap:0}
.dl-tool .dl-wchip>button:first-child{border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;padding:6px 4px 6px 10px}
.dl-tool .dl-wchip .dl-x{width:28px;height:28px;font-size:1.05rem}
.dl-tool .dl-picks{margin:0;padding-left:1.4em;display:grid;gap:3px;font-size:.9rem;color:var(--ink)}
.dl-tool .dl-picks small{color:var(--muted)}
.dl-tool .dl-coinbox{display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:center;padding:10px 0;perspective:600px}
.dl-tool .dl-ctl,.dl-tool .dl-dctl{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.dl-tool .dl-coin{position:relative;width:110px;height:110px;transform-style:preserve-3d}
.dl-tool .dl-coin span{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;font:800 2.6rem var(--f-display);backface-visibility:hidden;box-shadow:inset 0 0 0 6px rgba(255,255,255,.35),0 8px 18px -8px rgba(6,22,46,.5)}
.dl-tool .dl-coin .h{background:radial-gradient(circle at 35% 30%,#FFE08A,#E2A21B);color:#6B4700}
.dl-tool .dl-coin .t{background:radial-gradient(circle at 35% 30%,#E5ECF5,#9AAAC0);color:#25344D;transform:rotateY(180deg)}
.dl-tool .dl-coin.flip-h{animation:dlfliph .9s ease-out forwards}
.dl-tool .dl-coin.flip-t{animation:dlflipt .9s ease-out forwards}
@keyframes dlfliph{from{transform:rotateY(0)}to{transform:rotateY(1800deg)}}
@keyframes dlflipt{from{transform:rotateY(0)}to{transform:rotateY(1980deg)}}
@keyframes dlpop{from{transform:scale(.92);opacity:0}to{transform:none;opacity:1}}
@keyframes dlroll{0%{transform:rotate(-200deg) scale(.6);opacity:0}100%{transform:none;opacity:1}}
.dl-tool .dl-cres,.dl-tool .dl-dres{display:grid;gap:10px;justify-items:center;text-align:center}
.dl-tool .dl-big{font-family:var(--f-display);font-weight:800;font-size:clamp(1.5rem,4vw,2.1rem);color:var(--ink)}
.dl-tool .dl-huge{font-size:clamp(2.6rem,9vw,4.4rem);color:var(--blue);text-align:center;overflow-wrap:anywhere}
.dl-tool .dl-coins{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:620px}
.dl-tool .dl-coins span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.85rem}
.dl-tool .dl-coins .h{background:#FFE08A;color:#6B4700}.dl-tool .dl-coins .t{background:#D5DEEA;color:#25344D}
.dl-tool .dl-dice{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.dl-tool .dl-die{width:64px;height:64px;border-radius:14px;background:#fff;border:2px solid #06162E;display:grid;place-items:center;font:800 1.5rem var(--f-display);color:var(--ink);box-shadow:0 6px 14px -8px rgba(6,22,46,.5)}
.dl-tool .dl-die.roll{animation:dlroll .45s ease-out}
.dl-tool .dl-die.d6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:9px;gap:2px;place-items:center}
.dl-tool .dl-die.d6 i{width:11px;height:11px;border-radius:50%}
.dl-tool .dl-die.d6 i.p{background:#06162E}
.dl-tool .dl-dres .dl-picks{text-align:left;justify-self:stretch}
.dl-tool .dl-nums{display:flex;flex-wrap:wrap;gap:6px}
.dl-tool .dl-nums span{border:1px solid #CFE0F5;background:#EEF5FD;color:var(--blue);font-weight:800;border-radius:9px;padding:5px 10px;font-family:var(--f-mono);font-size:.9rem}
.dl-tool .dl-presets{align-self:center}
.dl-tool .dl-teams{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.dl-tool .dl-team{border:1px solid var(--line);border-top:5px solid var(--blue);border-radius:12px;padding:10px 12px;background:#fff}
.dl-tool .dl-team b{display:flex;justify-content:space-between;color:var(--ink)}
.dl-tool .dl-team b small{color:var(--muted)}
.dl-tool .dl-team ol{margin:6px 0 0;padding-left:1.3em;display:grid;gap:3px;font-size:.92rem}
@media (max-width:760px){.dl-tool .dl-wgrid{grid-template-columns:minmax(0,1fr)}.dl-tool .dl-tabs button{padding:7px 2px;font-size:.74rem;flex:1 1 0;display:grid;justify-items:center;gap:1px;min-width:0}.dl-tool .dl-tabs button span{font-size:1.1rem}}
@media (prefers-reduced-motion:reduce){.dl-tool .dl-coin.flip-h,.dl-tool .dl-coin.flip-t,.dl-tool .dl-die.roll,.dl-tool .dl-winner{animation:none}.dl-tool .dl-coin.flip-t{transform:rotateY(180deg)}}
/* ===== Developer and network tools (81-dev-network.js). Selectors use the unique dn- prefix or the tool slug. ===== */
.hn-tool[data-tool="cron-expression-builder"] .tf[hidden],.hn-tool[data-tool="css-gradient-generator"] .tf[hidden]{display:none}
.hn-tool .dn-mono{font-family:var(--f-mono);font-size:.84rem;color:var(--ink);background:none;padding:0}
.hn-tool .dn-break{overflow-wrap:anywhere;word-break:break-word}
.hn-tool .dn-mt{margin-top:10px}
.hn-tool .dn-pad0{padding:0}
.hn-tool .dn-pad0 .t-table{border:0;border-radius:0}
.hn-tool .dn-presets{display:grid;gap:8px}
.hn-tool .dn-callout{margin:0;padding:12px 14px;border-radius:12px;background:#FFF7E8;border:1px solid #F7DDA8;color:var(--ink);line-height:1.55}

/* subnet binary view */
.hn-tool .dn-bin{display:grid;gap:8px;overflow-x:auto}
.hn-tool .dn-bin>div{display:grid;grid-template-columns:110px auto;gap:10px;align-items:center;min-width:max-content}
.hn-tool .dn-bin>div>span{font-size:.82rem;font-weight:700;color:var(--muted)}
.hn-tool .dn-bin code{font-family:var(--f-mono);font-size:.84rem;letter-spacing:.04em}
.hn-tool .dn-bin code b{color:var(--blue);font-weight:700}
.hn-tool .dn-bin code span{color:#7A8BA3}
.hn-tool .dn-bin code i{font-style:normal;color:var(--muted);padding:0 2px}

/* cron */
.hn-tool .dn-cron-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,#06162E,#0C2244);color:#fff}
.hn-tool .dn-cron-hero code{font-family:var(--f-mono);font-size:1.25rem;color:#7FD6F5;overflow-wrap:anywhere}
.hn-tool .dn-cron-hero p{grid-column:1/-1;margin:0;font-size:1.05rem;font-weight:600;line-height:1.45;color:#DCE8F7}
.hn-tool .dn-cron-hero .t-copy{grid-row:1;grid-column:2}

/* color converter */
.hn-tool .dn-swatch-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:stretch}
.hn-tool .dn-swatch{border-radius:16px;border:1px solid var(--line);min-height:180px;display:flex;align-items:flex-end;padding:12px;background-image:none}
.hn-tool .dn-swatch span{font-family:var(--f-mono);font-weight:700;font-size:1.05rem}
.hn-tool .dn-fmts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hn-tool .dn-fmt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:#F8FAFD;min-width:0}
.hn-tool .dn-fmt span{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.hn-tool .dn-fmt code{grid-column:1;font-family:var(--f-mono);font-size:.86rem;color:var(--ink);overflow-wrap:anywhere}
.hn-tool .dn-fmt .t-copy{grid-column:2;grid-row:1/span 2}
.hn-tool .dn-contrast{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px}
.hn-tool .dn-sample{border-radius:14px;border:1px solid var(--line);padding:16px}
.hn-tool .dn-sample b{display:block;font-size:24px;line-height:1.2;margin-bottom:6px}
.hn-tool .dn-sample p{margin:0 0 6px;font-size:16px;line-height:1.5;color:inherit}
.hn-tool .dn-sample small{font-size:13px}
.hn-tool .dn-wcs{display:grid;gap:6px;align-content:start}
.hn-tool .dn-wc{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;font-size:.9rem;font-weight:600;color:var(--ink)}
.hn-tool .dn-wc small{color:var(--muted);font-weight:500;font-size:.78rem}
.hn-tool .dn-strip-h{display:flex;justify-content:space-between;align-items:center;margin:4px 0 6px;font-size:.88rem}
.hn-tool .dn-strip{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;margin-bottom:12px}
.hn-tool .dn-strip button{border:0;border-radius:10px;min-height:58px;padding:6px 4px;cursor:pointer;display:grid;align-content:end;gap:1px;font:inherit;text-align:left}
.hn-tool .dn-strip button span{font-size:.72rem;font-weight:700}
.hn-tool .dn-strip button small{font-family:var(--f-mono);font-size:.62rem;opacity:.9}
.hn-tool .dn-chip-sw i{display:inline-block;width:16px;height:16px;border-radius:5px;border:1px solid rgba(0,0,0,.12);flex:none}

/* gradient */
.hn-tool .dn-gprev{height:220px;border-radius:18px;border:1px solid var(--line);background:#0A6CD0}
.hn-tool .dn-stops{display:grid;gap:8px}
.hn-tool .dn-stop{display:grid;grid-template-columns:48px 104px minmax(0,1fr) 46px 40px;gap:10px;align-items:center}
.hn-tool .dn-stop input[type=color]{width:48px;height:44px;border:1px solid var(--line);border-radius:10px;padding:3px;background:#fff;cursor:pointer}
.hn-tool .tf .dn-stop input.dn-hex{height:44px;padding:8px 10px;font-family:var(--f-mono);font-size:.88rem}
.hn-tool .dn-stop input[type=range]{width:100%;accent-color:var(--blue)}
.hn-tool .dn-stop output{font-family:var(--f-mono);font-size:.84rem;color:var(--muted);text-align:right}
.hn-tool .dn-x{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:1.3rem;line-height:1;color:#B3261E;cursor:pointer}
.hn-tool .dn-x:disabled{opacity:.35;cursor:not-allowed}

/* status codes */
.hn-tool .dn-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hn-tool .dn-code{border:1px solid var(--line);border-left:4px solid #9DB3CC;border-radius:14px;padding:12px 14px;background:#fff;min-width:0}
.hn-tool .dn-code.dn-c2{border-left-color:#13A35B}.hn-tool .dn-code.dn-c3{border-left-color:#E28C00}.hn-tool .dn-code.dn-c4,.hn-tool .dn-code.dn-c5{border-left-color:#D64541}.hn-tool .dn-code.dn-c1{border-left-color:var(--blue)}
.hn-tool .dn-code.seo{background:#F7FAFE}
.hn-tool .dn-code-h{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.hn-tool .dn-code-h b{font-family:var(--f-display);font-size:1.3rem;color:var(--ink)}
.hn-tool .dn-code-h span:not(.t-badge){font-weight:700;color:var(--ink);margin-right:auto}
.hn-tool .dn-code p{margin:6px 0 0;color:var(--muted);font-size:.9rem;line-height:1.5}
.hn-tool .dn-code p.dn-seo{color:var(--ink)}

/* lorem */
.hn-tool .dn-lorem p,.hn-tool .dn-lorem li{margin:0 0 10px;color:var(--ink);line-height:1.65}
.hn-tool .dn-lorem h4{margin:4px 0 6px;font-size:1.05rem}
.hn-tool .dn-lorem ul{margin:0;padding-left:1.2em}
.hn-tool pre.dn-wrap{white-space:pre-wrap;overflow-wrap:anywhere}

/* hints (dns / ssl / headers) */
.hn-tool .dn-hints{display:grid;gap:0;padding-top:4px;padding-bottom:4px}
.hn-tool .dn-hint{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid var(--line);align-items:start}
.hn-tool .dn-hint:last-child{border-bottom:0}
.hn-tool .dn-hint .t-badge{justify-self:start;margin-top:2px}
.hn-tool .dn-hint b{color:var(--ink);font-size:.95rem}
.hn-tool .dn-hint p{margin:2px 0 0;color:var(--ink);font-size:.9rem;line-height:1.5}
.hn-tool .dn-hint small{display:block;margin-top:3px;color:var(--muted);font-size:.84rem;line-height:1.5}
.hn-tool .dn-hint code{display:block;margin-top:4px;font-size:.8rem;color:#33475F}

/* ssl */
.hn-tool .dn-ssl-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:16px;border-radius:16px;border:1px solid var(--line);background:#F8FAFD}
.hn-tool .dn-ssl-hero.dn-good{background:#ECFBF2;border-color:#BDEBD0}.hn-tool .dn-ssl-hero.dn-warn{background:#FFF7E8;border-color:#F7DDA8}.hn-tool .dn-ssl-hero.dn-bad{background:#FFF1EF;border-color:#F5C6C0}
.hn-tool .dn-ssl-days{width:104px;height:104px;border-radius:50%;background:#fff;border:4px solid currentColor;display:grid;place-content:center;text-align:center;color:var(--blue)}
.hn-tool .dn-good .dn-ssl-days{color:#13A35B}.hn-tool .dn-warn .dn-ssl-days{color:#E28C00}.hn-tool .dn-bad .dn-ssl-days{color:#D64541}
.hn-tool .dn-ssl-days b{font-family:var(--f-display);font-size:2rem;line-height:1}
.hn-tool .dn-ssl-days span{font-size:.72rem;font-weight:700;color:var(--muted)}
.hn-tool .dn-ssl-hero h3{margin:0 0 6px;font-size:1.2rem;overflow-wrap:anywhere}
.hn-tool .dn-ssl-hero p{margin:0 0 4px;display:flex;flex-wrap:wrap;gap:6px}

/* my ip */
.hn-tool .dn-ip-hero{display:grid;gap:6px;justify-items:center;text-align:center;padding:22px 16px;border-radius:18px;background:linear-gradient(135deg,#06162E,#0C2244);color:#DCE8F7}
.hn-tool .dn-ip-hero>span{font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8FB3DA}
.hn-tool .dn-ip-hero>b{font-family:var(--f-mono);font-size:clamp(1.3rem,5vw,2.3rem);color:#fff;overflow-wrap:anywhere;line-height:1.2}
.hn-tool .dn-ip-hero p{margin:0;max-width:560px;color:#F3C7C2;font-weight:600}
.hn-tool .dn-ip-btns{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}

@media (max-width:760px){
  .hn-tool .dn-swatch-row,.hn-tool .dn-contrast,.hn-tool .dn-codes{grid-template-columns:1fr}
  .hn-tool .dn-swatch{min-height:110px}
  .hn-tool .dn-fmts{grid-template-columns:1fr}
  .hn-tool .dn-strip{grid-template-columns:repeat(5,minmax(0,1fr))}
  .hn-tool .dn-stop{grid-template-columns:44px minmax(0,1fr) 40px;grid-template-areas:"c h x" "r r o"}
  .hn-tool .dn-stop input[type=color]{grid-area:c;width:44px}.hn-tool .dn-stop input.dn-hex{grid-area:h}.hn-tool .dn-stop .dn-x{grid-area:x}
  .hn-tool .dn-stop input[type=range]{grid-area:r}.hn-tool .dn-stop output{grid-area:o}
  .hn-tool .dn-gprev{height:160px}
  .hn-tool .dn-hint{grid-template-columns:1fr;gap:4px}
  .hn-tool .dn-ssl-hero{grid-template-columns:1fr;justify-items:start}
  .hn-tool .dn-cron-hero code{font-size:1.05rem}
}
/* key/value list (mobile friendly alternative to two-column tables) */
.hn-tool .dn-kv{margin:0;display:grid}
.hn-tool .dn-kv>div{display:grid;grid-template-columns:200px minmax(0,1fr);gap:4px 14px;padding:9px 0;border-bottom:1px solid var(--line)}
.hn-tool .dn-kv>div:first-child{padding-top:0}
.hn-tool .dn-kv>div:last-child{border-bottom:0;padding-bottom:0}
.hn-tool .dn-kv dt{font-weight:600;font-size:.88rem;color:var(--muted);overflow-wrap:anywhere}
.hn-tool .dn-kv dd{margin:0;color:var(--ink);font-size:.92rem;overflow-wrap:anywhere;min-width:0}
@media (max-width:560px){.hn-tool .dn-kv>div{grid-template-columns:1fr;gap:2px}}
.hn-tool .dn-pad0 .t-table table{min-width:0}
.hn-tool[data-tool="cron-expression-builder"] .t-table table{min-width:0}
.hn-tool .dn-pad0 .t-table th,.hn-tool .dn-pad0 .t-table td:not(:has(code)),.hn-tool[data-tool="cron-expression-builder"] .t-table th{white-space:nowrap}
.hn-tool .dn-pad0 .t-table th,.hn-tool .dn-pad0 .t-table td{padding-left:10px;padding-right:10px}
/* ===== Developer tools (80-developer.js). All selectors scoped to .hn-tool with dv- classes ===== */
.hn-tool .dv-tabs .t-chip{font-weight:600;font-family:inherit}
.hn-tool .dv-tabs .t-chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
.hn-tool .dv-panel{display:grid;gap:16px;min-width:0}
.hn-tool .dv-panel[hidden],.hn-tool .tf[hidden]{display:none}
.hn-tool .dv-h{font-size:1rem;margin:4px 0 0;color:var(--ink)}
.hn-tool .dv-pad{padding:8px 16px 12px}
.hn-tool .dv-code{max-height:360px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.hn-tool .dv-err{display:grid;gap:4px;padding:12px 16px;border-radius:14px;background:#FFF1EF;border:1px solid #F5C6C0;color:#8E1F18}
.hn-tool .dv-err b{font-size:1rem}.hn-tool .dv-err span{font-family:var(--f-mono);font-size:.82rem;font-weight:600}
.hn-tool .dv-err p{margin:0;color:#8E1F18}
.hn-tool .dv-caret{white-space:pre;color:#FFD9D3}
.hn-tool .dv-ok{padding:10px 16px;border-radius:14px;background:#ECFBF2;border:1px solid #BDEBD0;color:#0E7A43}
.hn-tool .dv-imgprev{display:grid;place-items:center;background:repeating-conic-gradient(#EEF2F7 0% 25%,#fff 0% 50%) 50%/20px 20px}
.hn-tool .dv-imgprev img{max-width:100%;max-height:320px;height:auto;display:block}
.hn-tool .dv-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
/* hash */
.hn-tool .dv-hashes{display:grid;gap:10px}
.hn-tool .dv-hash{border:1px solid var(--line);border-radius:14px;padding:10px 14px;display:grid;gap:6px;background:#fff;min-width:0}
.hn-tool .dv-hash.hit{border-color:#13A35B;background:#F2FCF6;box-shadow:0 0 0 3px rgba(19,163,91,.12)}
.hn-tool .dv-hash-h{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.hn-tool .dv-hash-h b{margin-right:auto;font-size:.92rem;color:var(--ink)}
.hn-tool .dv-hash code{font-family:var(--f-mono);font-size:.84rem;color:var(--ink);overflow-wrap:anywhere;word-break:break-all;background:#F4F8FD;border-radius:8px;padding:8px 10px}
.hn-tool .dv-hash small{color:var(--muted);font-size:.78rem}
/* jwt */
.hn-tool .dv-jwt{font-family:var(--f-mono);font-size:.84rem;line-height:1.55;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#FBFCFE;overflow-wrap:anywhere;word-break:break-all;color:var(--muted)}
.hn-tool .dv-jwt .p1{color:#D6336C}.hn-tool .dv-jwt .p2{color:#7B4FD6}.hn-tool .dv-jwt .p3{color:#0A8FB8}
.hn-tool .dv-sig{border:1px solid var(--line);border-radius:14px;padding:12px 16px;background:#F8FAFD}
.hn-tool .dv-sig p{margin:6px 0 0;color:var(--ink)}
/* regex */
.hn-tool .dv-lib{display:grid;gap:8px}
.hn-tool .dv-lib .t-chip{font-family:inherit;font-size:.82rem;padding:5px 11px}
.hn-tool .dv-hl{font-family:var(--f-mono);font-size:.88rem;white-space:pre-wrap;line-height:1.75;max-height:420px;overflow:auto}
.hn-tool .dv-hl mark{border-radius:4px;padding:1px 0;color:var(--ink)}
.hn-tool .dv-m0{background:#CFE5FF}.hn-tool .dv-m1{background:#FFE8A3}
.hn-tool .dv-empty{display:inline-block;width:2px;height:1em;background:#D64541;vertical-align:middle}
.hn-tool .dv-g{border-bottom:3px solid;border-radius:2px;font-weight:600}
.hn-tool .dv-g1{border-color:#13A35B}.hn-tool .dv-g2{border-color:#D6336C}.hn-tool .dv-g3{border-color:#7B4FD6}.hn-tool .dv-g4{border-color:#E28C00}
.hn-tool .t-table .dv-g{display:inline-block;font-size:.74rem;padding:0 4px;margin:2px 0}
.hn-tool .dv-explain{border:1px solid var(--line);border-radius:14px;padding:12px 16px;background:#FBFCFE}
.hn-tool .dv-explain summary{cursor:pointer;font-weight:700;color:var(--ink)}
.hn-tool .dv-tokens{display:grid;gap:4px;margin-top:10px}
.hn-tool .dv-tok{display:grid;grid-template-columns:minmax(64px,auto) minmax(0,1fr);gap:10px;align-items:baseline;padding:5px 0 5px calc(var(--l,0) * 18px);border-bottom:1px dashed var(--line);font-size:.88rem;color:var(--muted)}
.hn-tool .dv-tok code{font-family:var(--f-mono);font-size:.82rem;color:var(--blue);background:#EEF5FD;border-radius:6px;padding:2px 6px;overflow-wrap:anywhere;justify-self:start}
/* uuid */
.hn-tool .dv-one{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 16px;border-radius:14px;background:#EEF5FD;border:1px solid #CFE0F5}
.hn-tool .dv-one code{font-family:var(--f-mono);font-size:clamp(.9rem,2.4vw,1.2rem);font-weight:600;color:var(--ink);overflow-wrap:anywhere;flex:1 1 260px}
.hn-tool .dv-insp{border-top:1px solid var(--line);padding-top:16px}
/* timestamp */
.hn-tool .dv-now{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:10px 18px;align-items:center;padding:14px 18px;border-radius:16px;background:linear-gradient(135deg,#06162E,#0C2244);color:#DCE8F7}
.hn-tool .dv-now span{display:block;font-size:.76rem;color:#9FB4D3;font-weight:600}
.hn-tool .dv-now b{font-family:var(--f-mono);font-size:clamp(1.4rem,3.4vw,1.9rem);color:#fff;letter-spacing:.02em}
.hn-tool .dv-now code{font-family:var(--f-mono);font-size:.92rem;color:#fff;overflow-wrap:anywhere}
.hn-tool .dv-now-a{display:flex;flex-wrap:wrap;gap:6px}
.hn-tool .t-table code{font-family:var(--f-mono);font-size:.84rem;overflow-wrap:anywhere}
/* diff */
.hn-tool .dv-diffwrap{overflow:auto;max-height:640px;border:1px solid var(--line);border-radius:14px}
.hn-tool .dv-diff{width:100%;border-collapse:collapse;table-layout:fixed;font-family:var(--f-mono);font-size:.82rem;line-height:1.55}
.hn-tool .dv-diff th{position:sticky;top:0;background:#F4F8FD;text-align:left;padding:8px 10px;font-family:inherit;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--line)}
.hn-tool .dv-diff td{padding:2px 8px;vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:var(--ink)}
.hn-tool .dv-diff .dv-cn{width:44px}.hn-tool .dv-diff .dv-cs{width:22px}
.hn-tool .dv-diff td.dv-ln{color:#93A1B5;text-align:right;user-select:none;background:#FAFBFD;font-size:.76rem}
.hn-tool .dv-diff td.dv-sg{color:#93A1B5;user-select:none;text-align:center}
.hn-tool .dv-side td.dv-l{border-right:1px solid var(--line)}
.hn-tool .dv-side tr.dv-del td.dv-l,.hn-tool .dv-side tr.dv-mod td.dv-l,.hn-tool .dv-inline tr.dv-del td{background:#FFF1EF}
.hn-tool .dv-side tr.dv-ins td.dv-r,.hn-tool .dv-side tr.dv-mod td.dv-r,.hn-tool .dv-inline tr.dv-ins td{background:#EDFBF2}
.hn-tool .dv-side tr.dv-ins td.dv-l,.hn-tool .dv-side tr.dv-del td.dv-r{background:#F6F7F9}
.hn-tool .dv-diff tr.dv-skip td{background:#EEF5FD;color:var(--blue);font-family:inherit;font-size:.78rem;text-align:center;padding:4px}
.hn-tool .dv-diff del,.hn-tool .dv-flow del{background:#FFC9C2;color:#8E1F18;text-decoration:line-through;text-decoration-color:rgba(142,31,24,.45);border-radius:3px}
.hn-tool .dv-diff ins,.hn-tool .dv-flow ins{background:#B5EBC9;color:#0B5A31;text-decoration:none;border-radius:3px}
.hn-tool .dv-flow{white-space:pre-wrap;font-family:var(--f-mono);font-size:.86rem;max-height:560px;overflow:auto}
/* markdown */
.hn-tool .dv-md{display:grid;gap:12px;min-width:0}
.hn-tool .dv-mdbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:14px;background:#F4F8FD}
.hn-tool .dv-mdbar button{min-width:38px;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font:inherit;font-size:.84rem;font-weight:700;cursor:pointer}
.hn-tool .dv-mdbar button:hover{border-color:var(--blue);color:var(--blue)}
.hn-tool .dv-mdbar [data-md=italic]{font-style:italic}.hn-tool .dv-mdbar [data-md=strike]{text-decoration:line-through}
.hn-tool .dv-mdview{display:inline-flex;margin-left:auto;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.hn-tool .dv-mdview button{border:0;border-radius:0;height:34px}
.hn-tool .dv-mdview button.on{background:var(--blue);color:#fff}
.hn-tool .dv-mdpanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:420px}
.hn-tool .dv-md.dv-v-write .dv-mdpanes,.hn-tool .dv-md.dv-v-preview .dv-mdpanes{grid-template-columns:1fr}
.hn-tool .dv-md.dv-v-write .dv-mdout,.hn-tool .dv-md.dv-v-preview .dv-mdin{display:none}
.hn-tool .dv-mdin{width:100%;min-height:420px;resize:vertical;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-family:var(--f-mono);font-size:.9rem;line-height:1.6;color:var(--ink);background:#F8FAFD}
.hn-tool .dv-mdin:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(10,108,208,.14);background:#fff}
.hn-tool .dv-mdout{border:1px solid var(--line);border-radius:14px;padding:6px 20px;background:#fff;overflow:auto;max-height:680px;min-width:0}
.hn-tool .dv-prose{color:var(--ink);line-height:1.7;overflow-wrap:anywhere}
.hn-tool .dv-prose h1,.hn-tool .dv-prose h2,.hn-tool .dv-prose h3{line-height:1.25;margin:1em 0 .45em}
.hn-tool .dv-prose h1{font-size:1.6rem}.hn-tool .dv-prose h2{font-size:1.3rem}.hn-tool .dv-prose h3{font-size:1.08rem}
.hn-tool .dv-prose p,.hn-tool .dv-prose ul,.hn-tool .dv-prose ol{margin:0 0 .9em}
.hn-tool .dv-prose ul,.hn-tool .dv-prose ol{padding-left:1.4em}
.hn-tool .dv-prose li>input[type=checkbox]{margin-right:6px}
.hn-tool .dv-prose a{color:var(--blue);text-decoration:underline}
.hn-tool .dv-prose code{font-family:var(--f-mono);font-size:.86em;background:#EEF3F9;padding:2px 5px;border-radius:5px}
.hn-tool .dv-prose pre{background:#0B1730;color:#DCE8F7;padding:12px 14px;border-radius:10px;overflow:auto}
.hn-tool .dv-prose pre code{background:none;padding:0;color:inherit}
.hn-tool .dv-prose blockquote{margin:0 0 .9em;padding:6px 14px;border-left:4px solid var(--cyan,#00AEE6);background:#F4F8FD;color:var(--muted)}
.hn-tool .dv-prose table{border-collapse:collapse;width:100%;margin:0 0 .9em;font-size:.92rem;display:block;overflow-x:auto}
.hn-tool .dv-prose th,.hn-tool .dv-prose td{border:1px solid var(--line);padding:7px 10px;text-align:left}
.hn-tool .dv-prose th{background:#F4F8FD}
.hn-tool .dv-prose img{max-width:100%;height:auto}
.hn-tool .dv-prose hr{border:0;border-top:1px solid var(--line);margin:1.4em 0}
.hn-tool .dv-mdfoot{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:space-between;font-size:.84rem;color:var(--muted)}
.hn-tool .dv-mdact .btn{min-height:42px}
.hn-tool .dv-file{cursor:pointer}
/* text case */
.hn-tool .dv-cases{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:10px}
.hn-tool .dv-case{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;min-width:0;display:grid;grid-template-rows:auto 1fr}
.hn-tool .dv-case-h{display:flex;gap:6px;align-items:center;padding:8px 12px;background:#F4F8FD;border-bottom:1px solid var(--line)}
.hn-tool .dv-case-h b{margin-right:auto;font-size:.88rem;color:var(--ink)}
.hn-tool .dv-case-b{padding:10px 12px;font-size:.9rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;max-height:150px;overflow:auto;color:var(--ink)}
@media (max-width:760px){
  .hn-tool .dv-two,.hn-tool .dv-mdpanes{grid-template-columns:1fr}
  .hn-tool .dv-mdin,.hn-tool .dv-mdpanes{min-height:300px}
  .hn-tool .dv-mdview{margin-left:0}
  .hn-tool .dv-diff{font-size:.76rem}
  .hn-tool .dv-diff .dv-cn{width:30px}
  .hn-tool .dv-diff td{padding:2px 5px}
  .hn-tool .dv-mdact .btn{flex:1 1 calc(50% - 10px)}
}
/* compact stats and tables that wrap on phones */
.hn-tool[data-tool="base64-encoder-decoder"] .t-stat b,.hn-tool[data-tool="timestamp-converter"] .t-stat b,.hn-tool[data-tool="jwt-decoder"] .t-stat b,.hn-tool[data-tool="hash-generator"] .t-stat b,.hn-tool[data-tool="json-yaml-xml-converter"] .t-stat b,.hn-tool[data-tool="uuid-generator"] .t-stat b{font-size:1.15rem;overflow-wrap:break-word}
.hn-tool .dv-imgprev img{min-width:64px;image-rendering:pixelated}
@media (max-width:640px){
  .hn-tool[data-tool="timestamp-converter"] .t-table table,.hn-tool[data-tool="jwt-decoder"] .t-table table,.hn-tool[data-tool="uuid-generator"] .t-table table,.hn-tool[data-tool="regex-tester"] .t-table table{min-width:0;font-size:.82rem}
  .hn-tool[data-tool="timestamp-converter"] .t-table th,.hn-tool[data-tool="timestamp-converter"] .t-table td,.hn-tool[data-tool="jwt-decoder"] .t-table td,.hn-tool[data-tool="regex-tester"] .t-table td{padding:8px 8px;overflow-wrap:anywhere}
}
/* Everyday tools (60-everyday.js). Every selector is scoped to its tool with .hn-tool[data-tool="slug"]. */
.hn-tool[data-tool="weather-forecast"] >*,.hn-tool[data-tool="qr-code-generator"] >*,.hn-tool[data-tool="qr-code-scanner"] >*,.hn-tool[data-tool="barcode-generator"] >*,.hn-tool[data-tool="currency-converter"] >*,.hn-tool[data-tool="world-clock"] >*,.hn-tool[data-tool="unit-converter"] >*,.hn-tool[data-tool="password-generator"] >*,.hn-tool[data-tool="notes-checklist"] >*,.hn-tool[data-tool="expense-tracker"] >*{min-width:0}
.hn-tool[data-tool="weather-forecast"] .ev-ned>*,.hn-tool[data-tool="weather-forecast"] .ev-edash>*,.hn-tool[data-tool="weather-forecast"] .ev-scan>*,.hn-tool[data-tool="weather-forecast"] .ev-res>*,.hn-tool[data-tool="qr-code-generator"] .ev-ned>*,.hn-tool[data-tool="qr-code-generator"] .ev-edash>*,.hn-tool[data-tool="qr-code-generator"] .ev-scan>*,.hn-tool[data-tool="qr-code-generator"] .ev-res>*,.hn-tool[data-tool="qr-code-scanner"] .ev-ned>*,.hn-tool[data-tool="qr-code-scanner"] .ev-edash>*,.hn-tool[data-tool="qr-code-scanner"] .ev-scan>*,.hn-tool[data-tool="qr-code-scanner"] .ev-res>*,.hn-tool[data-tool="barcode-generator"] .ev-ned>*,.hn-tool[data-tool="barcode-generator"] .ev-edash>*,.hn-tool[data-tool="barcode-generator"] .ev-scan>*,.hn-tool[data-tool="barcode-generator"] .ev-res>*,.hn-tool[data-tool="currency-converter"] .ev-ned>*,.hn-tool[data-tool="currency-converter"] .ev-edash>*,.hn-tool[data-tool="currency-converter"] .ev-scan>*,.hn-tool[data-tool="currency-converter"] .ev-res>*,.hn-tool[data-tool="world-clock"] .ev-ned>*,.hn-tool[data-tool="world-clock"] .ev-edash>*,.hn-tool[data-tool="world-clock"] .ev-scan>*,.hn-tool[data-tool="world-clock"] .ev-res>*,.hn-tool[data-tool="unit-converter"] .ev-ned>*,.hn-tool[data-tool="unit-converter"] .ev-edash>*,.hn-tool[data-tool="unit-converter"] .ev-scan>*,.hn-tool[data-tool="unit-converter"] .ev-res>*,.hn-tool[data-tool="password-generator"] .ev-ned>*,.hn-tool[data-tool="password-generator"] .ev-edash>*,.hn-tool[data-tool="password-generator"] .ev-scan>*,.hn-tool[data-tool="password-generator"] .ev-res>*,.hn-tool[data-tool="notes-checklist"] .ev-ned>*,.hn-tool[data-tool="notes-checklist"] .ev-edash>*,.hn-tool[data-tool="notes-checklist"] .ev-scan>*,.hn-tool[data-tool="notes-checklist"] .ev-res>*,.hn-tool[data-tool="expense-tracker"] .ev-ned>*,.hn-tool[data-tool="expense-tracker"] .ev-edash>*,.hn-tool[data-tool="expense-tracker"] .ev-scan>*,.hn-tool[data-tool="expense-tracker"] .ev-res>*{min-width:0}
.hn-tool[data-tool="weather-forecast"] .ev-actions,.hn-tool[data-tool="qr-code-generator"] .ev-actions,.hn-tool[data-tool="qr-code-scanner"] .ev-actions,.hn-tool[data-tool="barcode-generator"] .ev-actions,.hn-tool[data-tool="currency-converter"] .ev-actions,.hn-tool[data-tool="world-clock"] .ev-actions,.hn-tool[data-tool="unit-converter"] .ev-actions,.hn-tool[data-tool="password-generator"] .ev-actions,.hn-tool[data-tool="notes-checklist"] .ev-actions,.hn-tool[data-tool="expense-tracker"] .ev-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hn-tool[data-tool="weather-forecast"] .ev-row,.hn-tool[data-tool="qr-code-generator"] .ev-row,.hn-tool[data-tool="qr-code-scanner"] .ev-row,.hn-tool[data-tool="barcode-generator"] .ev-row,.hn-tool[data-tool="currency-converter"] .ev-row,.hn-tool[data-tool="world-clock"] .ev-row,.hn-tool[data-tool="unit-converter"] .ev-row,.hn-tool[data-tool="password-generator"] .ev-row,.hn-tool[data-tool="notes-checklist"] .ev-row,.hn-tool[data-tool="expense-tracker"] .ev-row{display:flex;gap:8px;align-items:stretch;min-width:0}
.hn-tool[data-tool="weather-forecast"] .ev-row input,.hn-tool[data-tool="qr-code-generator"] .ev-row input,.hn-tool[data-tool="qr-code-scanner"] .ev-row input,.hn-tool[data-tool="barcode-generator"] .ev-row input,.hn-tool[data-tool="currency-converter"] .ev-row input,.hn-tool[data-tool="world-clock"] .ev-row input,.hn-tool[data-tool="unit-converter"] .ev-row input,.hn-tool[data-tool="password-generator"] .ev-row input,.hn-tool[data-tool="notes-checklist"] .ev-row input,.hn-tool[data-tool="expense-tracker"] .ev-row input{flex:1 1 0;width:0;min-width:0;height:48px;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font:inherit;color:var(--ink);background:#F8FAFD}
.hn-tool[data-tool="weather-forecast"] .ev-row input:focus,.hn-tool[data-tool="qr-code-generator"] .ev-row input:focus,.hn-tool[data-tool="qr-code-scanner"] .ev-row input:focus,.hn-tool[data-tool="barcode-generator"] .ev-row input:focus,.hn-tool[data-tool="currency-converter"] .ev-row input:focus,.hn-tool[data-tool="world-clock"] .ev-row input:focus,.hn-tool[data-tool="unit-converter"] .ev-row input:focus,.hn-tool[data-tool="password-generator"] .ev-row input:focus,.hn-tool[data-tool="notes-checklist"] .ev-row input:focus,.hn-tool[data-tool="expense-tracker"] .ev-row input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(10,108,208,.14);background:#fff}
.hn-tool[data-tool="weather-forecast"] .ev-warn,.hn-tool[data-tool="qr-code-generator"] .ev-warn,.hn-tool[data-tool="qr-code-scanner"] .ev-warn,.hn-tool[data-tool="barcode-generator"] .ev-warn,.hn-tool[data-tool="currency-converter"] .ev-warn,.hn-tool[data-tool="world-clock"] .ev-warn,.hn-tool[data-tool="unit-converter"] .ev-warn,.hn-tool[data-tool="password-generator"] .ev-warn,.hn-tool[data-tool="notes-checklist"] .ev-warn,.hn-tool[data-tool="expense-tracker"] .ev-warn{margin:0;padding:10px 14px;border-radius:12px;background:#FFF7E8;border:1px solid #F7DDA8;color:#7A4800;font-size:.9rem;line-height:1.5}
.hn-tool[data-tool="weather-forecast"] .ev-ok,.hn-tool[data-tool="qr-code-generator"] .ev-ok,.hn-tool[data-tool="qr-code-scanner"] .ev-ok,.hn-tool[data-tool="barcode-generator"] .ev-ok,.hn-tool[data-tool="currency-converter"] .ev-ok,.hn-tool[data-tool="world-clock"] .ev-ok,.hn-tool[data-tool="unit-converter"] .ev-ok,.hn-tool[data-tool="password-generator"] .ev-ok,.hn-tool[data-tool="notes-checklist"] .ev-ok,.hn-tool[data-tool="expense-tracker"] .ev-ok{margin:0;padding:10px 14px;border-radius:12px;background:#ECFBF2;border:1px solid #BDEBD0;color:#0E7A43;font-size:.9rem;font-weight:600}
.hn-tool[data-tool="weather-forecast"] .ev-err,.hn-tool[data-tool="qr-code-generator"] .ev-err,.hn-tool[data-tool="qr-code-scanner"] .ev-err,.hn-tool[data-tool="barcode-generator"] .ev-err,.hn-tool[data-tool="currency-converter"] .ev-err,.hn-tool[data-tool="world-clock"] .ev-err,.hn-tool[data-tool="unit-converter"] .ev-err,.hn-tool[data-tool="password-generator"] .ev-err,.hn-tool[data-tool="notes-checklist"] .ev-err,.hn-tool[data-tool="expense-tracker"] .ev-err{color:#B3261E;font-weight:600}
.hn-tool[data-tool="weather-forecast"] .ev-h,.hn-tool[data-tool="qr-code-generator"] .ev-h,.hn-tool[data-tool="qr-code-scanner"] .ev-h,.hn-tool[data-tool="barcode-generator"] .ev-h,.hn-tool[data-tool="currency-converter"] .ev-h,.hn-tool[data-tool="world-clock"] .ev-h,.hn-tool[data-tool="unit-converter"] .ev-h,.hn-tool[data-tool="password-generator"] .ev-h,.hn-tool[data-tool="notes-checklist"] .ev-h,.hn-tool[data-tool="expense-tracker"] .ev-h{display:block;margin:0 0 8px;color:var(--ink);font-size:.95rem}
.hn-tool[data-tool="weather-forecast"] .ev-sub,.hn-tool[data-tool="qr-code-generator"] .ev-sub,.hn-tool[data-tool="qr-code-scanner"] .ev-sub,.hn-tool[data-tool="barcode-generator"] .ev-sub,.hn-tool[data-tool="currency-converter"] .ev-sub,.hn-tool[data-tool="world-clock"] .ev-sub,.hn-tool[data-tool="unit-converter"] .ev-sub,.hn-tool[data-tool="password-generator"] .ev-sub,.hn-tool[data-tool="notes-checklist"] .ev-sub,.hn-tool[data-tool="expense-tracker"] .ev-sub{display:grid;gap:8px;min-width:0}
.hn-tool[data-tool="weather-forecast"] .ev-sub>b,.hn-tool[data-tool="qr-code-generator"] .ev-sub>b,.hn-tool[data-tool="qr-code-scanner"] .ev-sub>b,.hn-tool[data-tool="barcode-generator"] .ev-sub>b,.hn-tool[data-tool="currency-converter"] .ev-sub>b,.hn-tool[data-tool="world-clock"] .ev-sub>b,.hn-tool[data-tool="unit-converter"] .ev-sub>b,.hn-tool[data-tool="password-generator"] .ev-sub>b,.hn-tool[data-tool="notes-checklist"] .ev-sub>b,.hn-tool[data-tool="expense-tracker"] .ev-sub>b{color:var(--ink);font-size:.95rem}
.hn-tool[data-tool="weather-forecast"] .ev-seg,.hn-tool[data-tool="qr-code-generator"] .ev-seg,.hn-tool[data-tool="qr-code-scanner"] .ev-seg,.hn-tool[data-tool="barcode-generator"] .ev-seg,.hn-tool[data-tool="currency-converter"] .ev-seg,.hn-tool[data-tool="world-clock"] .ev-seg,.hn-tool[data-tool="unit-converter"] .ev-seg,.hn-tool[data-tool="password-generator"] .ev-seg,.hn-tool[data-tool="notes-checklist"] .ev-seg,.hn-tool[data-tool="expense-tracker"] .ev-seg{display:inline-flex;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#F8FAFD;flex:none}
.hn-tool[data-tool="weather-forecast"] .ev-seg button,.hn-tool[data-tool="qr-code-generator"] .ev-seg button,.hn-tool[data-tool="qr-code-scanner"] .ev-seg button,.hn-tool[data-tool="barcode-generator"] .ev-seg button,.hn-tool[data-tool="currency-converter"] .ev-seg button,.hn-tool[data-tool="world-clock"] .ev-seg button,.hn-tool[data-tool="unit-converter"] .ev-seg button,.hn-tool[data-tool="password-generator"] .ev-seg button,.hn-tool[data-tool="notes-checklist"] .ev-seg button,.hn-tool[data-tool="expense-tracker"] .ev-seg button{border:0;background:transparent;padding:8px 14px;min-height:40px;font:inherit;font-weight:700;font-size:.88rem;color:var(--muted);cursor:pointer}
.hn-tool[data-tool="weather-forecast"] .ev-seg button.on,.hn-tool[data-tool="qr-code-generator"] .ev-seg button.on,.hn-tool[data-tool="qr-code-scanner"] .ev-seg button.on,.hn-tool[data-tool="barcode-generator"] .ev-seg button.on,.hn-tool[data-tool="currency-converter"] .ev-seg button.on,.hn-tool[data-tool="world-clock"] .ev-seg button.on,.hn-tool[data-tool="unit-converter"] .ev-seg button.on,.hn-tool[data-tool="password-generator"] .ev-seg button.on,.hn-tool[data-tool="notes-checklist"] .ev-seg button.on,.hn-tool[data-tool="expense-tracker"] .ev-seg button.on{background:var(--blue);color:#fff}
.hn-tool[data-tool="weather-forecast"] .ev-file,.hn-tool[data-tool="qr-code-generator"] .ev-file,.hn-tool[data-tool="qr-code-scanner"] .ev-file,.hn-tool[data-tool="barcode-generator"] .ev-file,.hn-tool[data-tool="currency-converter"] .ev-file,.hn-tool[data-tool="world-clock"] .ev-file,.hn-tool[data-tool="unit-converter"] .ev-file,.hn-tool[data-tool="password-generator"] .ev-file,.hn-tool[data-tool="notes-checklist"] .ev-file,.hn-tool[data-tool="expense-tracker"] .ev-file{position:relative;overflow:hidden;cursor:pointer}
.hn-tool[data-tool="weather-forecast"] .ev-file input,.hn-tool[data-tool="qr-code-generator"] .ev-file input,.hn-tool[data-tool="qr-code-scanner"] .ev-file input,.hn-tool[data-tool="barcode-generator"] .ev-file input,.hn-tool[data-tool="currency-converter"] .ev-file input,.hn-tool[data-tool="world-clock"] .ev-file input,.hn-tool[data-tool="unit-converter"] .ev-file input,.hn-tool[data-tool="password-generator"] .ev-file input,.hn-tool[data-tool="notes-checklist"] .ev-file input,.hn-tool[data-tool="expense-tracker"] .ev-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.hn-tool[data-tool="weather-forecast"] .ev-x,.hn-tool[data-tool="qr-code-generator"] .ev-x,.hn-tool[data-tool="qr-code-scanner"] .ev-x,.hn-tool[data-tool="barcode-generator"] .ev-x,.hn-tool[data-tool="currency-converter"] .ev-x,.hn-tool[data-tool="world-clock"] .ev-x,.hn-tool[data-tool="unit-converter"] .ev-x,.hn-tool[data-tool="password-generator"] .ev-x,.hn-tool[data-tool="notes-checklist"] .ev-x,.hn-tool[data-tool="expense-tracker"] .ev-x{border:0;background:transparent;color:var(--muted);font-size:1.3rem;line-height:1;width:34px;height:34px;border-radius:9px;cursor:pointer;flex:none}
.hn-tool[data-tool="weather-forecast"] .ev-x:hover,.hn-tool[data-tool="qr-code-generator"] .ev-x:hover,.hn-tool[data-tool="qr-code-scanner"] .ev-x:hover,.hn-tool[data-tool="barcode-generator"] .ev-x:hover,.hn-tool[data-tool="currency-converter"] .ev-x:hover,.hn-tool[data-tool="world-clock"] .ev-x:hover,.hn-tool[data-tool="unit-converter"] .ev-x:hover,.hn-tool[data-tool="password-generator"] .ev-x:hover,.hn-tool[data-tool="notes-checklist"] .ev-x:hover,.hn-tool[data-tool="expense-tracker"] .ev-x:hover{background:#FFF1EF;color:#B3261E}
.hn-tool[data-tool="weather-forecast"] .ev-det,.hn-tool[data-tool="qr-code-generator"] .ev-det,.hn-tool[data-tool="qr-code-scanner"] .ev-det,.hn-tool[data-tool="barcode-generator"] .ev-det,.hn-tool[data-tool="currency-converter"] .ev-det,.hn-tool[data-tool="world-clock"] .ev-det,.hn-tool[data-tool="unit-converter"] .ev-det,.hn-tool[data-tool="password-generator"] .ev-det,.hn-tool[data-tool="notes-checklist"] .ev-det,.hn-tool[data-tool="expense-tracker"] .ev-det{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.hn-tool[data-tool="weather-forecast"] .ev-det>summary,.hn-tool[data-tool="qr-code-generator"] .ev-det>summary,.hn-tool[data-tool="qr-code-scanner"] .ev-det>summary,.hn-tool[data-tool="barcode-generator"] .ev-det>summary,.hn-tool[data-tool="currency-converter"] .ev-det>summary,.hn-tool[data-tool="world-clock"] .ev-det>summary,.hn-tool[data-tool="unit-converter"] .ev-det>summary,.hn-tool[data-tool="password-generator"] .ev-det>summary,.hn-tool[data-tool="notes-checklist"] .ev-det>summary,.hn-tool[data-tool="expense-tracker"] .ev-det>summary{cursor:pointer;padding:12px 14px;font-weight:700;color:var(--ink);background:#F4F8FD}
.hn-tool[data-tool="weather-forecast"] .ev-det>*:not(summary),.hn-tool[data-tool="qr-code-generator"] .ev-det>*:not(summary),.hn-tool[data-tool="qr-code-scanner"] .ev-det>*:not(summary),.hn-tool[data-tool="barcode-generator"] .ev-det>*:not(summary),.hn-tool[data-tool="currency-converter"] .ev-det>*:not(summary),.hn-tool[data-tool="world-clock"] .ev-det>*:not(summary),.hn-tool[data-tool="unit-converter"] .ev-det>*:not(summary),.hn-tool[data-tool="password-generator"] .ev-det>*:not(summary),.hn-tool[data-tool="notes-checklist"] .ev-det>*:not(summary),.hn-tool[data-tool="expense-tracker"] .ev-det>*:not(summary){margin:12px 14px}
.hn-tool[data-tool="weather-forecast"] .ev-det .t-code,.hn-tool[data-tool="qr-code-generator"] .ev-det .t-code,.hn-tool[data-tool="qr-code-scanner"] .ev-det .t-code,.hn-tool[data-tool="barcode-generator"] .ev-det .t-code,.hn-tool[data-tool="currency-converter"] .ev-det .t-code,.hn-tool[data-tool="world-clock"] .ev-det .t-code,.hn-tool[data-tool="unit-converter"] .ev-det .t-code,.hn-tool[data-tool="password-generator"] .ev-det .t-code,.hn-tool[data-tool="notes-checklist"] .ev-det .t-code,.hn-tool[data-tool="expense-tracker"] .ev-det .t-code{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px}
.hn-tool[data-tool="weather-forecast"] .ev-cx,.hn-tool[data-tool="qr-code-generator"] .ev-cx,.hn-tool[data-tool="qr-code-scanner"] .ev-cx,.hn-tool[data-tool="barcode-generator"] .ev-cx,.hn-tool[data-tool="currency-converter"] .ev-cx,.hn-tool[data-tool="world-clock"] .ev-cx,.hn-tool[data-tool="unit-converter"] .ev-cx,.hn-tool[data-tool="password-generator"] .ev-cx,.hn-tool[data-tool="notes-checklist"] .ev-cx,.hn-tool[data-tool="expense-tracker"] .ev-cx{display:grid;gap:4px;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#06162E,#0C2244);color:#DCE8F7;min-width:0}
.hn-tool[data-tool="weather-forecast"] .ev-cx>span,.hn-tool[data-tool="qr-code-generator"] .ev-cx>span,.hn-tool[data-tool="qr-code-scanner"] .ev-cx>span,.hn-tool[data-tool="barcode-generator"] .ev-cx>span,.hn-tool[data-tool="currency-converter"] .ev-cx>span,.hn-tool[data-tool="world-clock"] .ev-cx>span,.hn-tool[data-tool="unit-converter"] .ev-cx>span,.hn-tool[data-tool="password-generator"] .ev-cx>span,.hn-tool[data-tool="notes-checklist"] .ev-cx>span,.hn-tool[data-tool="expense-tracker"] .ev-cx>span{font-size:.95rem;color:#A8BAD3;overflow-wrap:anywhere}
.hn-tool[data-tool="weather-forecast"] .ev-cx>b,.hn-tool[data-tool="qr-code-generator"] .ev-cx>b,.hn-tool[data-tool="qr-code-scanner"] .ev-cx>b,.hn-tool[data-tool="barcode-generator"] .ev-cx>b,.hn-tool[data-tool="currency-converter"] .ev-cx>b,.hn-tool[data-tool="world-clock"] .ev-cx>b,.hn-tool[data-tool="unit-converter"] .ev-cx>b,.hn-tool[data-tool="password-generator"] .ev-cx>b,.hn-tool[data-tool="notes-checklist"] .ev-cx>b,.hn-tool[data-tool="expense-tracker"] .ev-cx>b{font-family:var(--f-display);font-size:clamp(1.7rem,5vw,2.6rem);line-height:1.1;color:#fff;overflow-wrap:anywhere}
.hn-tool[data-tool="weather-forecast"] .ev-cx>b small,.hn-tool[data-tool="qr-code-generator"] .ev-cx>b small,.hn-tool[data-tool="qr-code-scanner"] .ev-cx>b small,.hn-tool[data-tool="barcode-generator"] .ev-cx>b small,.hn-tool[data-tool="currency-converter"] .ev-cx>b small,.hn-tool[data-tool="world-clock"] .ev-cx>b small,.hn-tool[data-tool="unit-converter"] .ev-cx>b small,.hn-tool[data-tool="password-generator"] .ev-cx>b small,.hn-tool[data-tool="notes-checklist"] .ev-cx>b small,.hn-tool[data-tool="expense-tracker"] .ev-cx>b small{font-size:.5em;color:#00AEE6}
.hn-tool[data-tool="weather-forecast"] .ev-cx>em,.hn-tool[data-tool="qr-code-generator"] .ev-cx>em,.hn-tool[data-tool="qr-code-scanner"] .ev-cx>em,.hn-tool[data-tool="barcode-generator"] .ev-cx>em,.hn-tool[data-tool="currency-converter"] .ev-cx>em,.hn-tool[data-tool="world-clock"] .ev-cx>em,.hn-tool[data-tool="unit-converter"] .ev-cx>em,.hn-tool[data-tool="password-generator"] .ev-cx>em,.hn-tool[data-tool="notes-checklist"] .ev-cx>em,.hn-tool[data-tool="expense-tracker"] .ev-cx>em{font-style:normal;color:#A8BAD3}
.hn-tool[data-tool="weather-forecast"] .ev-cx-r,.hn-tool[data-tool="qr-code-generator"] .ev-cx-r,.hn-tool[data-tool="qr-code-scanner"] .ev-cx-r,.hn-tool[data-tool="barcode-generator"] .ev-cx-r,.hn-tool[data-tool="currency-converter"] .ev-cx-r,.hn-tool[data-tool="world-clock"] .ev-cx-r,.hn-tool[data-tool="unit-converter"] .ev-cx-r,.hn-tool[data-tool="password-generator"] .ev-cx-r,.hn-tool[data-tool="notes-checklist"] .ev-cx-r,.hn-tool[data-tool="expense-tracker"] .ev-cx-r{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:8px;padding-top:10px;border-top:1px solid rgba(231,240,251,.18);font-family:var(--f-mono);font-size:.82rem;color:#DCE8F7}
.hn-tool[data-tool="weather-forecast"] .ev-2col,.hn-tool[data-tool="qr-code-generator"] .ev-2col,.hn-tool[data-tool="qr-code-scanner"] .ev-2col,.hn-tool[data-tool="barcode-generator"] .ev-2col,.hn-tool[data-tool="currency-converter"] .ev-2col,.hn-tool[data-tool="world-clock"] .ev-2col,.hn-tool[data-tool="unit-converter"] .ev-2col,.hn-tool[data-tool="password-generator"] .ev-2col,.hn-tool[data-tool="notes-checklist"] .ev-2col,.hn-tool[data-tool="expense-tracker"] .ev-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}
.hn-tool[data-tool="weather-forecast"] .ev-2col .t-table table,.hn-tool[data-tool="qr-code-generator"] .ev-2col .t-table table,.hn-tool[data-tool="qr-code-scanner"] .ev-2col .t-table table,.hn-tool[data-tool="barcode-generator"] .ev-2col .t-table table,.hn-tool[data-tool="currency-converter"] .ev-2col .t-table table,.hn-tool[data-tool="world-clock"] .ev-2col .t-table table,.hn-tool[data-tool="unit-converter"] .ev-2col .t-table table,.hn-tool[data-tool="password-generator"] .ev-2col .t-table table,.hn-tool[data-tool="notes-checklist"] .ev-2col .t-table table,.hn-tool[data-tool="expense-tracker"] .ev-2col .t-table table{min-width:0}
.hn-tool[data-tool="weather-forecast"] .ev-key,.hn-tool[data-tool="qr-code-generator"] .ev-key,.hn-tool[data-tool="qr-code-scanner"] .ev-key,.hn-tool[data-tool="barcode-generator"] .ev-key,.hn-tool[data-tool="currency-converter"] .ev-key,.hn-tool[data-tool="world-clock"] .ev-key,.hn-tool[data-tool="unit-converter"] .ev-key,.hn-tool[data-tool="password-generator"] .ev-key,.hn-tool[data-tool="notes-checklist"] .ev-key,.hn-tool[data-tool="expense-tracker"] .ev-key{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px;margin-left:6px}
.hn-tool[data-tool="weather-forecast"] .ev-sbar,.hn-tool[data-tool="qr-code-generator"] .ev-sbar,.hn-tool[data-tool="qr-code-scanner"] .ev-sbar,.hn-tool[data-tool="barcode-generator"] .ev-sbar,.hn-tool[data-tool="currency-converter"] .ev-sbar,.hn-tool[data-tool="world-clock"] .ev-sbar,.hn-tool[data-tool="unit-converter"] .ev-sbar,.hn-tool[data-tool="password-generator"] .ev-sbar,.hn-tool[data-tool="notes-checklist"] .ev-sbar,.hn-tool[data-tool="expense-tracker"] .ev-sbar{height:10px}
.hn-tool[data-tool="weather-forecast"] .ev-sbar.bad i,.hn-tool[data-tool="qr-code-generator"] .ev-sbar.bad i,.hn-tool[data-tool="qr-code-scanner"] .ev-sbar.bad i,.hn-tool[data-tool="barcode-generator"] .ev-sbar.bad i,.hn-tool[data-tool="currency-converter"] .ev-sbar.bad i,.hn-tool[data-tool="world-clock"] .ev-sbar.bad i,.hn-tool[data-tool="unit-converter"] .ev-sbar.bad i,.hn-tool[data-tool="password-generator"] .ev-sbar.bad i,.hn-tool[data-tool="notes-checklist"] .ev-sbar.bad i,.hn-tool[data-tool="expense-tracker"] .ev-sbar.bad i{background:#D64541}.ev-sbar.warn i{background:#E28C00}.ev-sbar.good i{background:linear-gradient(90deg,#13A35B,#0E7A43)}
.hn-tool[data-tool="weather-forecast"] .ev-nfoot,.hn-tool[data-tool="qr-code-generator"] .ev-nfoot,.hn-tool[data-tool="qr-code-scanner"] .ev-nfoot,.hn-tool[data-tool="barcode-generator"] .ev-nfoot,.hn-tool[data-tool="currency-converter"] .ev-nfoot,.hn-tool[data-tool="world-clock"] .ev-nfoot,.hn-tool[data-tool="unit-converter"] .ev-nfoot,.hn-tool[data-tool="password-generator"] .ev-nfoot,.hn-tool[data-tool="notes-checklist"] .ev-nfoot,.hn-tool[data-tool="expense-tracker"] .ev-nfoot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding-top:6px;border-top:1px solid var(--line)}
.hn-tool[data-tool="weather-forecast"] .ev-toast,.hn-tool[data-tool="qr-code-generator"] .ev-toast,.hn-tool[data-tool="qr-code-scanner"] .ev-toast,.hn-tool[data-tool="barcode-generator"] .ev-toast,.hn-tool[data-tool="currency-converter"] .ev-toast,.hn-tool[data-tool="world-clock"] .ev-toast,.hn-tool[data-tool="unit-converter"] .ev-toast,.hn-tool[data-tool="password-generator"] .ev-toast,.hn-tool[data-tool="notes-checklist"] .ev-toast,.hn-tool[data-tool="expense-tracker"] .ev-toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:9999;display:flex;gap:14px;align-items:center;padding:12px 16px;border-radius:14px;background:#06162E;color:#fff;font-weight:600;font-size:.92rem;box-shadow:0 20px 40px -18px rgba(6,22,46,.6);max-width:calc(100vw - 32px)}
.hn-tool[data-tool="weather-forecast"] .ev-toast button,.hn-tool[data-tool="qr-code-generator"] .ev-toast button,.hn-tool[data-tool="qr-code-scanner"] .ev-toast button,.hn-tool[data-tool="barcode-generator"] .ev-toast button,.hn-tool[data-tool="currency-converter"] .ev-toast button,.hn-tool[data-tool="world-clock"] .ev-toast button,.hn-tool[data-tool="unit-converter"] .ev-toast button,.hn-tool[data-tool="password-generator"] .ev-toast button,.hn-tool[data-tool="notes-checklist"] .ev-toast button,.hn-tool[data-tool="expense-tracker"] .ev-toast button{border:0;background:transparent;color:#00AEE6;font:inherit;font-weight:800;cursor:pointer;padding:4px}
@media (max-width:700px){.hn-tool[data-tool="weather-forecast"] .ev-2col,.hn-tool[data-tool="qr-code-generator"] .ev-2col,.hn-tool[data-tool="qr-code-scanner"] .ev-2col,.hn-tool[data-tool="barcode-generator"] .ev-2col,.hn-tool[data-tool="currency-converter"] .ev-2col,.hn-tool[data-tool="world-clock"] .ev-2col,.hn-tool[data-tool="unit-converter"] .ev-2col,.hn-tool[data-tool="password-generator"] .ev-2col,.hn-tool[data-tool="notes-checklist"] .ev-2col,.hn-tool[data-tool="expense-tracker"] .ev-2col{grid-template-columns:1fr}}
/* weather-forecast */
.hn-tool[data-tool="weather-forecast"] .ev-wx-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.hn-tool[data-tool="weather-forecast"] .ev-wx-place{display:grid;gap:2px;min-width:0}
.hn-tool[data-tool="weather-forecast"] .ev-wx-place b{font-family:var(--f-display);font-size:1.3rem;color:var(--ink);line-height:1.25}
.hn-tool[data-tool="weather-forecast"] .ev-wx-place small{color:var(--muted);font-size:.84rem}
.hn-tool[data-tool="weather-forecast"] .ev-wx-now{display:flex;gap:18px;align-items:center;padding:14px 18px;border-radius:18px;background:linear-gradient(135deg,#EEF5FD,#F8FBFF);border:1px solid #CFE0F5}
.hn-tool[data-tool="weather-forecast"] .ev-wx-now>div{display:grid;gap:2px}
.hn-tool[data-tool="weather-forecast"] .ev-wx-t{font-family:var(--f-display);font-size:clamp(3rem,9vw,4.4rem);line-height:1;color:var(--ink);letter-spacing:-.03em}
.hn-tool[data-tool="weather-forecast"] .ev-wx-c{font-weight:700;color:var(--ink);font-size:1.1rem}
.hn-tool[data-tool="weather-forecast"] .ev-wx-now small{color:var(--muted)}
.hn-tool[data-tool="weather-forecast"] .ev-wxi{display:block;flex:none}
.hn-tool[data-tool="weather-forecast"] .ev-hours{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.hn-tool[data-tool="weather-forecast"] .ev-hr{flex:0 0 70px;display:grid;justify-items:center;gap:2px;padding:10px 4px;border:1px solid var(--line);border-radius:14px;background:#F8FAFD;scroll-snap-align:start}
.hn-tool[data-tool="weather-forecast"] .ev-hr small{font-size:.76rem;color:var(--muted);font-weight:600;white-space:nowrap}
.hn-tool[data-tool="weather-forecast"] .ev-hr b{color:var(--ink)}
.hn-tool[data-tool="weather-forecast"] .ev-hr em{font-style:normal;font-size:.7rem;color:#2F8FE0;white-space:nowrap}
.hn-tool[data-tool="weather-forecast"] .ev-days{display:grid;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.hn-tool[data-tool="weather-forecast"] .ev-day{display:grid;grid-template-columns:70px 40px minmax(0,1fr) minmax(150px,1.1fr);gap:10px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--line);background:#fff}
.hn-tool[data-tool="weather-forecast"] .ev-day:last-child{border-bottom:0}
.hn-tool[data-tool="weather-forecast"] .ev-day-n{display:grid}.ev-day-n b{color:var(--ink);font-size:.92rem}.ev-day-n small{color:var(--muted);font-size:.76rem}
.hn-tool[data-tool="weather-forecast"] .ev-day-c{color:var(--ink);font-size:.9rem;display:grid;min-width:0}.ev-day-c small{color:#2F8FE0;font-size:.76rem}
.hn-tool[data-tool="weather-forecast"] .ev-day-r{display:grid;grid-template-columns:38px minmax(40px,1fr) 38px;gap:8px;align-items:center;font-size:.92rem}
.hn-tool[data-tool="weather-forecast"] .ev-day-r em{font-style:normal;color:var(--muted);text-align:right}.ev-day-r b{color:var(--ink)}
.hn-tool[data-tool="weather-forecast"] .ev-rng{position:relative;height:6px;border-radius:6px;background:#E7EEF7}
.hn-tool[data-tool="weather-forecast"] .ev-rng i{position:absolute;top:0;bottom:0;border-radius:6px;background:linear-gradient(90deg,#00AEE6,#F5A623)}
@media (max-width:560px){.hn-tool[data-tool="weather-forecast"] .ev-day{grid-template-columns:52px 34px minmax(0,1fr);padding:8px 10px}
.hn-tool[data-tool="weather-forecast"] .ev-day-r{grid-column:2/-1}
.hn-tool[data-tool="weather-forecast"] .ev-wx-now{padding:12px}
.hn-tool[data-tool="weather-forecast"] .ev-wx-now .ev-wxi{width:76px;height:76px}}
/* qr-code-generator */
.hn-tool[data-tool="qr-code-generator"] .ev-qr{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:20px;align-items:start}
.hn-tool[data-tool="qr-code-generator"] .ev-qr-prev{display:grid;gap:8px;justify-items:center;padding:14px;border:1px dashed #C9D6E6;border-radius:18px;background:#FBFCFE}
.hn-tool[data-tool="qr-code-generator"] .ev-qr-img{width:100%;display:grid;place-items:center}
.hn-tool[data-tool="qr-code-generator"] .ev-qr-cv{width:100%;max-width:270px;height:auto;image-rendering:pixelated;border-radius:6px;box-shadow:0 10px 30px -18px rgba(6,22,46,.5)}
.hn-tool[data-tool="qr-code-generator"] .ev-qr-info{display:grid;gap:12px;min-width:0}
.hn-tool[data-tool="qr-code-generator"] .t-credit{text-align:center}
.hn-tool[data-tool="qr-code-generator"] .t-credit a{color:var(--blue);font-weight:600}
@media (max-width:700px){.hn-tool[data-tool="qr-code-generator"] .ev-qr{grid-template-columns:1fr}}
/* qr-code-scanner */
.hn-tool[data-tool="qr-code-scanner"] .ev-scan{display:grid;gap:12px}
.hn-tool[data-tool="qr-code-scanner"] .ev-video{position:relative;border-radius:18px;overflow:hidden;background:#06162E;max-width:560px;width:100%;aspect-ratio:4/3}
.hn-tool[data-tool="qr-code-scanner"] .ev-video video{width:100%;height:100%;object-fit:cover;display:block}
.hn-tool[data-tool="qr-code-scanner"] .ev-frame{position:absolute;left:50%;top:46%;width:min(62%,280px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:18px;box-shadow:0 0 0 2000px rgba(6,22,46,.35);border:3px solid #00AEE6}
.hn-tool[data-tool="qr-code-scanner"] .ev-vbar{position:absolute;left:10px;right:10px;bottom:10px;display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.hn-tool[data-tool="qr-code-scanner"] .ev-vbar select{height:40px;border-radius:10px;border:1px solid var(--line);padding:0 10px;font:inherit;max-width:60%}
.hn-tool[data-tool="qr-code-scanner"] .ev-res{display:grid;gap:12px;padding:16px;border:1px solid #CFE0F5;border-radius:18px;background:#F8FBFF}
.hn-tool[data-tool="qr-code-scanner"] .ev-res-h{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hn-tool[data-tool="qr-code-scanner"] .ev-raw{margin:0;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid var(--line);font-family:var(--f-mono);font-size:.86rem;white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;color:var(--ink)}
.hn-tool[data-tool="qr-code-scanner"] .ev-res .t-table table{min-width:0}
.hn-tool[data-tool="qr-code-scanner"] .ev-hist{display:grid;gap:8px}
.hn-tool[data-tool="qr-code-scanner"] .ev-hist:empty{display:none}
.hn-tool[data-tool="qr-code-scanner"] .ev-hist-h{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hn-tool[data-tool="qr-code-scanner"] .ev-hist-h b{color:var(--ink)}.ev-hist-h .t-copy{margin-left:auto}
.hn-tool[data-tool="qr-code-scanner"] .ev-hist ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.hn-tool[data-tool="qr-code-scanner"] .ev-hist li{display:flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;padding:4px 4px 4px 0}
.hn-tool[data-tool="qr-code-scanner"] .ev-hist-i{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 10px;align-items:center;border:0;background:transparent;text-align:left;padding:8px 12px;font:inherit;color:var(--ink);cursor:pointer}
.hn-tool[data-tool="qr-code-scanner"] .ev-hist-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}
.hn-tool[data-tool="qr-code-scanner"] .ev-hist-i small{color:var(--muted);font-size:.76rem;white-space:nowrap}
@media (max-width:560px){.hn-tool[data-tool="qr-code-scanner"] .ev-hist-i{grid-template-columns:minmax(0,1fr) auto}
.hn-tool[data-tool="qr-code-scanner"] .ev-hist-t{grid-column:1/-1;grid-row:2}}
/* barcode-generator */
.hn-tool[data-tool="barcode-generator"] .ev-bcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:12px}
.hn-tool[data-tool="barcode-generator"] .ev-bc{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff;min-width:0}
.hn-tool[data-tool="barcode-generator"] .ev-bc.bad{border-color:#F5C6C0;background:#FFFAF9}
.hn-tool[data-tool="barcode-generator"] .ev-bc-img{display:grid;place-items:center;min-height:20px;overflow:hidden}
.hn-tool[data-tool="barcode-generator"] .ev-bc-img svg{max-width:100%;height:auto}
.hn-tool[data-tool="barcode-generator"] .ev-bc-f{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.hn-tool[data-tool="barcode-generator"] .ev-bc-f b{font-family:var(--f-mono);font-size:.84rem;color:var(--ink);overflow-wrap:anywhere}
.hn-tool[data-tool="barcode-generator"] .ev-bc-f small{flex-basis:100%;font-size:.8rem;color:var(--muted)}
.hn-tool[data-tool="barcode-generator"] .ev-bc-a{display:flex;gap:6px;margin-left:auto}
/* currency-converter */
.hn-tool[data-tool="currency-converter"] .ev-2col .t-table td:last-child{text-align:right}
/* world-clock */
.hn-tool[data-tool="world-clock"] .ev-wc-top{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between}
.hn-tool[data-tool="world-clock"] .ev-wc-add{display:grid;gap:6px;flex:1 1 320px;min-width:0;max-width:560px}
.hn-tool[data-tool="world-clock"] .ev-wc-add>label{font-weight:700;font-size:.88rem;color:var(--ink)}
.hn-tool[data-tool="world-clock"] .ev-clocks{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:12px}
.hn-tool[data-tool="world-clock"] .ev-clk{display:grid;gap:2px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#F8FAFD;min-width:0}
.hn-tool[data-tool="world-clock"] .ev-clk.me{background:linear-gradient(135deg,#06162E,#0C2244);border-color:#0C2244;color:#DCE8F7}
.hn-tool[data-tool="world-clock"] .ev-clk-h{display:flex;align-items:center;gap:6px;min-height:28px}
.hn-tool[data-tool="world-clock"] .ev-clk-h b{color:var(--ink);font-size:1rem;margin-right:auto;overflow-wrap:anywhere}
.hn-tool[data-tool="world-clock"] .ev-clk.me .ev-clk-h b{color:#fff}
.hn-tool[data-tool="world-clock"] .ev-clk>small{color:var(--muted);font-size:.78rem;overflow-wrap:anywhere}
.hn-tool[data-tool="world-clock"] .ev-clk.me>small,.hn-tool[data-tool="world-clock"] .ev-clk.me .ev-clk-o,.hn-tool[data-tool="world-clock"] .ev-clk.me .ev-clk-m{color:#A8BAD3}
.hn-tool[data-tool="world-clock"] .ev-clk-t{font-family:var(--f-display);font-size:1.9rem;color:var(--ink);line-height:1.15;font-variant-numeric:tabular-nums;white-space:nowrap}
.hn-tool[data-tool="world-clock"] .ev-clk.me .ev-clk-t{color:#fff}
.hn-tool[data-tool="world-clock"] .ev-clk-t span{font-size:.55em;color:var(--muted)}
.hn-tool[data-tool="world-clock"] .ev-clk-m{display:flex;gap:8px;align-items:center;color:var(--ink);font-size:.86rem}
.hn-tool[data-tool="world-clock"] .ev-clk-o{font-family:var(--f-mono);font-size:.74rem;color:var(--muted)}
.hn-tool[data-tool="world-clock"] .ev-dn{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:2px 6px}
.hn-tool[data-tool="world-clock"] .ev-dn.d{background:#FFF1C9;color:#8A5A00}.ev-dn.n{background:#DCE4F5;color:#2A3D66}
.hn-tool[data-tool="world-clock"] .ev-clk.me .ev-x{color:#A8BAD3}
.hn-tool[data-tool="world-clock"] .ev-mp{display:grid;gap:10px;min-width:0}
.hn-tool[data-tool="world-clock"] .ev-mp>*,.hn-tool[data-tool="world-clock"] .ev-wc-top>*{min-width:0}
.hn-tool[data-tool="world-clock"] .ev-mp-h{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.hn-tool[data-tool="world-clock"] .ev-mp-h b{font-family:var(--f-display);font-size:1.15rem;color:var(--ink)}
.hn-tool[data-tool="world-clock"] .ev-mp-f{display:flex;flex-wrap:wrap;gap:10px}
.hn-tool[data-tool="world-clock"] .ev-mp-f label{display:grid;gap:4px;font-weight:700;font-size:.82rem;color:var(--ink)}
.hn-tool[data-tool="world-clock"] .ev-mp-f input,.hn-tool[data-tool="world-clock"] .ev-mp-f select{height:44px;border:1px solid var(--line);border-radius:11px;padding:0 10px;font:inherit;background:#F8FAFD;color:var(--ink)}
.hn-tool[data-tool="world-clock"] .ev-mp-t{max-height:520px;overflow:auto}
.hn-tool[data-tool="world-clock"] .ev-mp-t table{min-width:0;font-size:.84rem}
.hn-tool[data-tool="world-clock"] .ev-mp-t th{position:sticky;top:0;z-index:1;white-space:nowrap}
.hn-tool[data-tool="world-clock"] .ev-mp-t td{white-space:nowrap;padding:7px 10px}
.hn-tool[data-tool="world-clock"] .ev-mp-t td.w{background:#E6F7EC;color:#0E5E35;font-weight:700}
.hn-tool[data-tool="world-clock"] .ev-mp-t td.e{background:#FFF6E2;color:#7A4800}
.hn-tool[data-tool="world-clock"] .ev-mp-t td.n{background:#EEF1F6;color:#7A879A}
.hn-tool[data-tool="world-clock"] .ev-mp-t tr.all td:not(:last-child){box-shadow:inset 0 2px 0 #13A35B,inset 0 -2px 0 #13A35B}
.hn-tool[data-tool="world-clock"] .ev-mp-t sup{font-size:.68em;margin-left:3px;color:inherit;opacity:.8}
.hn-tool[data-tool="world-clock"] .ev-key.w{background:#BDEBD0}.ev-key.e{background:#F7DDA8}.ev-key.n{background:#DCE2EC}
/* unit-converter */
.hn-tool[data-tool="unit-converter"] .ev-cats{gap:6px}
.hn-tool[data-tool="unit-converter"] .ev-cats .t-chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
.hn-tool[data-tool="unit-converter"] .t-table td:last-child{font-variant-numeric:tabular-nums}
.hn-tool[data-tool="unit-converter"] .t-table table{min-width:0}
/* password-generator */
.hn-tool[data-tool="password-generator"] .ev-pws{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.hn-tool[data-tool="password-generator"] .ev-pws li{display:flex;gap:10px;align-items:center;padding:8px 8px 8px 14px;border:1px solid var(--line);border-radius:12px;background:#F8FAFD;min-width:0}
.hn-tool[data-tool="password-generator"] .ev-pws code{flex:1 1 auto;min-width:0;font-family:var(--f-mono);font-size:1rem;color:var(--ink);overflow-wrap:anywhere;word-break:break-all;line-height:1.45}
.hn-tool[data-tool="password-generator"] .ev-chk .tf{display:grid;gap:6px}
.hn-tool[data-tool="password-generator"] .ev-chk .tf>label{font-weight:700;font-size:.88rem;color:var(--ink)}
.hn-tool[data-tool="password-generator"] .ev-chk [data-res]{display:grid;gap:10px}
/* notes-checklist */
.hn-tool[data-tool="notes-checklist"] .ev-nbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hn-tool[data-tool="notes-checklist"] .ev-search{flex:1 1 200px;min-width:0;height:44px;border:1px solid var(--line);border-radius:12px;padding:0 14px;font:inherit;background:#F8FAFD;color:var(--ink)}
.hn-tool[data-tool="notes-checklist"] .ev-ngrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:12px}
.hn-tool[data-tool="notes-checklist"] .ev-note{display:grid;gap:6px;align-content:start;text-align:left;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;font:inherit;color:var(--ink);cursor:pointer;min-height:110px;min-width:0;transition:border-color .2s,transform .2s}
.hn-tool[data-tool="notes-checklist"] .ev-note:hover{border-color:var(--blue);transform:translateY(-2px)}
.hn-tool[data-tool="notes-checklist"] .ev-note.on{outline:3px solid rgba(10,108,208,.35)}
.hn-tool[data-tool="notes-checklist"] .ev-note>b{font-size:.98rem;overflow-wrap:anywhere}
.hn-tool[data-tool="notes-checklist"] .ev-pin{color:#E28C00}
.hn-tool[data-tool="notes-checklist"] .ev-snip{display:grid;gap:2px;color:var(--muted);font-size:.86rem;line-height:1.45;white-space:pre-line;overflow:hidden;max-height:6.2em;overflow-wrap:anywhere}
.hn-tool[data-tool="notes-checklist"] .ev-snip .dn{text-decoration:line-through;opacity:.7}
.hn-tool[data-tool="notes-checklist"] .ev-note small{color:var(--muted);font-size:.74rem}
.hn-tool[data-tool="notes-checklist"] .c-y{background:#FFF8DB!important;border-color:#F3E2A0!important}.c-g{background:#EAF8EF!important;border-color:#BFE6CC!important}.c-b{background:#EAF2FD!important;border-color:#C6DAF5!important}.c-p{background:#FDEEF3!important;border-color:#F3C9D7!important}
.hn-tool[data-tool="notes-checklist"] .ev-ned{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 20px 40px -32px rgba(6,22,46,.45)}
.hn-tool[data-tool="notes-checklist"] .ev-ned-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hn-tool[data-tool="notes-checklist"] .ev-title{flex:1 1 220px;min-width:0;border:0;border-bottom:2px solid var(--line);background:transparent;font-family:var(--f-display);font-size:1.25rem;font-weight:700;color:var(--ink);padding:6px 2px}
.hn-tool[data-tool="notes-checklist"] .ev-title:focus{outline:none;border-color:var(--blue)}
.hn-tool[data-tool="notes-checklist"] .ev-colors{display:flex;gap:6px}
.hn-tool[data-tool="notes-checklist"] .ev-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--line);background:#fff;cursor:pointer;padding:0}
.hn-tool[data-tool="notes-checklist"] .ev-dot.on{outline:3px solid var(--blue);outline-offset:1px}
.hn-tool[data-tool="notes-checklist"] .ev-ned textarea{width:100%;min-height:200px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;line-height:1.6;color:var(--ink);background:rgba(255,255,255,.7);resize:vertical}
.hn-tool[data-tool="notes-checklist"] .ev-ned textarea:focus{outline:none;border-color:var(--blue)}
.hn-tool[data-tool="notes-checklist"] .ev-items{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.hn-tool[data-tool="notes-checklist"] .ev-items li{display:flex;gap:8px;align-items:center;padding:2px 4px;border-radius:10px}
.hn-tool[data-tool="notes-checklist"] .ev-items li:hover{background:rgba(10,108,208,.05)}
.hn-tool[data-tool="notes-checklist"] .ev-items input[type=checkbox]{width:22px;height:22px;accent-color:#13A35B;flex:none}
.hn-tool[data-tool="notes-checklist"] .ev-it{flex:1 1 auto;min-width:0;border:0;background:transparent;font:inherit;color:var(--ink);padding:8px 4px;border-bottom:1px solid transparent}
.hn-tool[data-tool="notes-checklist"] .ev-it:focus{outline:none;border-bottom-color:var(--blue)}
.hn-tool[data-tool="notes-checklist"] .ev-items li.dn .ev-it{text-decoration:line-through;color:var(--muted)}
.hn-tool[data-tool="notes-checklist"] .ev-none{color:var(--muted);font-size:.88rem}
.hn-tool[data-tool="notes-checklist"] .ev-lt .tf-check{display:flex;gap:6px;align-items:center;font-weight:600;font-size:.86rem;color:var(--ink)}
.hn-tool[data-tool="notes-checklist"] .ev-ned-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}
.hn-tool[data-tool="notes-checklist"] .ev-del{color:#B3261E}
.hn-tool[data-tool="notes-checklist"] .ev-del:hover{background:#D64541;border-color:#D64541;color:#fff}
.hn-tool[data-tool="notes-checklist"] .ev-empty{grid-column:1/-1;display:grid;gap:4px;padding:26px;border:1px dashed #C9D6E6;border-radius:16px;text-align:center;color:var(--muted)}
.hn-tool[data-tool="notes-checklist"] .ev-empty b{color:var(--ink)}
/* expense-tracker */
.hn-tool[data-tool="expense-tracker"] .ev-ebar{display:flex;flex-wrap:wrap;gap:12px}
.hn-tool[data-tool="expense-tracker"] .ev-ebar label{display:grid;gap:4px;font-weight:700;font-size:.82rem;color:var(--ink);flex:0 1 220px}
.hn-tool[data-tool="expense-tracker"] .ev-ebar select,.hn-tool[data-tool="expense-tracker"] .ev-ebar input{height:44px;border:1px solid var(--line);border-radius:11px;padding:0 10px;font:inherit;background:#F8FAFD;color:var(--ink);width:100%}
.hn-tool[data-tool="expense-tracker"] .ev-edash{display:grid;gap:16px;min-width:0}
.hn-tool[data-tool="expense-tracker"] .t-stat b{font-size:1.25rem;overflow-wrap:normal}
.hn-tool[data-tool="expense-tracker"] .ev-acts{display:flex;gap:4px;align-items:center;margin-top:4px}
@media (max-width:560px){.hn-tool[data-tool="expense-tracker"] .t-stat b{font-size:1.05rem}
.hn-tool[data-tool="expense-tracker"] .ev-cb{grid-template-columns:minmax(0,1fr) auto 34px;gap:2px 8px}
.hn-tool[data-tool="expense-tracker"] .ev-cb>span:first-child{grid-column:1/-1}
.hn-tool[data-tool="expense-tracker"] .ev-cb .t-bar{grid-column:1}}
.hn-tool[data-tool="expense-tracker"] .ev-mnav{display:flex;align-items:center;justify-content:center;gap:14px}
.hn-tool[data-tool="expense-tracker"] .ev-mnav b{font-family:var(--f-display);font-size:1.2rem;color:var(--ink);min-width:170px;text-align:center}
.hn-tool[data-tool="expense-tracker"] .ev-cbars{display:grid;gap:8px}
.hn-tool[data-tool="expense-tracker"] .ev-cb{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(50px,1fr) auto 38px;gap:10px;align-items:center;font-size:.88rem;color:var(--ink)}
.hn-tool[data-tool="expense-tracker"] .ev-cb>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hn-tool[data-tool="expense-tracker"] .ev-cb small{color:var(--muted);text-align:right}
.hn-tool[data-tool="expense-tracker"] .ev-chart{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;height:190px;padding:10px 4px 0;border-bottom:1px solid var(--line)}
.hn-tool[data-tool="expense-tracker"] .ev-col{display:grid;grid-template-rows:minmax(0,1fr) auto auto;justify-items:center;gap:2px;cursor:pointer;border-radius:10px;padding:0 2px}
.hn-tool[data-tool="expense-tracker"] .ev-col.on{background:#EEF5FD}
.hn-tool[data-tool="expense-tracker"] .ev-bars{position:relative;display:flex;align-items:flex-end;gap:3px;height:100%;width:100%;justify-content:center}
.hn-tool[data-tool="expense-tracker"] .ev-bars i{display:block;width:40%;max-width:22px;min-height:2px;border-radius:5px 5px 0 0}
.hn-tool[data-tool="expense-tracker"] .ev-bars i.s,.hn-tool[data-tool="expense-tracker"] .ev-key.s{background:var(--blue)}
.hn-tool[data-tool="expense-tracker"] .ev-bars i.n,.hn-tool[data-tool="expense-tracker"] .ev-key.n{background:#13A35B}
.hn-tool[data-tool="expense-tracker"] .ev-key.b{background:#D64541;height:3px}
.hn-tool[data-tool="expense-tracker"] .ev-col small{font-size:.74rem;color:var(--muted)}
.hn-tool[data-tool="expense-tracker"] .ev-col b{font-size:.7rem;color:var(--ink);font-family:var(--f-mono)}
.hn-tool[data-tool="expense-tracker"] .ev-budline{position:absolute;left:-6px;right:-6px;border-top:2px dashed #D64541;pointer-events:none;z-index:1}
.hn-tool[data-tool="expense-tracker"] .t-table table{min-width:0}
.hn-tool[data-tool="expense-tracker"] .ev-sm{display:block;color:var(--muted);font-size:.8rem}
.hn-tool[data-tool="expense-tracker"] .ev-inc{color:#0E7A43}
.hn-tool[data-tool="expense-tracker"] .ev-nowrap{white-space:nowrap}
/* ===== Finance and banking tools (64-finance.js). Every selector uses the unique fn- prefix. ===== */
.hn-tool.fn-tool .fn-form{gap:14px}
.hn-tool .fn-sec{border:1px solid var(--line);border-radius:16px;padding:14px 16px 16px;margin:0;min-width:0;background:#FBFCFE}
.hn-tool .fn-sec[hidden]{display:none}
.hn-tool .fn-sec>legend{padding:0 8px;margin-left:-6px;font-weight:800;font-size:.86rem;color:var(--blue);letter-spacing:.02em}
.hn-tool .fn-sec .tf-grid{gap:12px 14px}
.hn-tool .fn-sec .tf[hidden]{display:none}
.hn-tool .fn-intro{margin:0 0 10px}
.hn-tool .fn-sec textarea{font-family:var(--f-mono,monospace);font-size:.92rem}
/* rows editor */
.hn-tool .fn-rows{display:grid;gap:10px;min-width:0}
.hn-tool .fn-rows-list{display:grid;gap:8px;min-width:0}
.hn-tool .fn-row{display:grid;grid-template-columns:26px minmax(0,1.4fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr) 36px;gap:8px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}
.hn-tool .fn-row-n{align-self:center;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#EEF5FD;color:var(--blue);font-weight:800;font-size:.78rem}
.hn-tool .fn-cell{display:grid;gap:4px;min-width:0}
.hn-tool .fn-cell span{font-size:.74rem;font-weight:700;color:var(--muted)}
.hn-tool .fn-cell input{width:100%;min-width:0;height:44px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit;font-size:.98rem;color:var(--ink);background:#F8FAFD}
.hn-tool .fn-cell input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(10,108,208,.14);background:#fff}
.hn-tool .fn-cell input.fn-bad{border-color:#D64541;background:#FFF7F6}
.hn-tool .fn-rows-err{margin:0;color:#C0362F;font-size:.82rem;font-weight:600}
.hn-tool .fn-add{justify-self:start}
.hn-tool .fn-x{border:0;background:transparent;color:var(--muted);font-size:1.35rem;line-height:1;cursor:pointer;width:36px;height:40px;border-radius:9px;flex:none}
.hn-tool .fn-x:hover{color:#B3261E;background:#FFF1EF}
.hn-tool .fn-x:disabled{opacity:.3;cursor:not-allowed;background:transparent}
@media (max-width:640px){
  .hn-tool .fn-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);position:relative;padding:12px 10px 10px}
  .hn-tool .fn-row .fn-c-name{grid-column:1/-1;padding-right:70px}
  .hn-tool .fn-row-n{position:absolute;top:10px;right:46px}
  .hn-tool .fn-row .fn-x{position:absolute;top:4px;right:4px}
  .hn-tool .fn-sec{padding:12px 12px 14px}
}
/* results */
.hn-tool .fn-headline{margin:0;padding:12px 14px;border-radius:12px;background:#EEF5FD;color:var(--ink);font-size:1rem;line-height:1.5}
.hn-tool .fn-chartbox{border:1px solid var(--line);border-radius:16px;padding:12px 14px;background:#fff;display:grid;gap:8px;min-width:0}
.hn-tool .fn-ct{font-size:.9rem;color:var(--ink)}
.hn-tool .fn-chart{position:relative;min-width:0;width:100%}
.hn-tool .fn-chart svg{display:block;max-width:100%;height:auto;overflow:visible}
.hn-tool .fn-chart text{font-family:inherit;font-size:11px;fill:#5B6B82}
.hn-tool .fn-chart .fn-bl{font-size:12px;font-weight:700;fill:var(--ink)}
.hn-tool .fn-chart .fn-bv{font-size:11.5px;font-weight:700;fill:var(--ink)}
.hn-tool .fn-chart .fn-ml{font-size:11px;font-weight:700;fill:#0E7A43}
.hn-tool .fn-grid{stroke:#E7EEF7;stroke-width:1}
.hn-tool .fn-ax0{stroke:#9AAAC0;stroke-width:1.2}
.hn-tool .fn-mark{stroke:#13A35B;stroke-width:1.4;stroke-dasharray:4 4}
.hn-tool .fn-guide{stroke:#06162E;stroke-opacity:.35;stroke-width:1}
.hn-tool .fn-tip{position:absolute;top:0;z-index:2;display:grid;gap:2px;pointer-events:none;background:#06162E;color:#fff;border-radius:10px;padding:8px 10px;font-size:.78rem;box-shadow:0 12px 24px -12px rgba(6,22,46,.6);white-space:nowrap}
.hn-tool .fn-tip[hidden]{display:none}
.hn-tool .fn-tip span,.hn-tool .fn-legend span{display:inline-flex;align-items:center;gap:6px}
.hn-tool .fn-tip i,.hn-tool .fn-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none}
.hn-tool .fn-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.8rem;color:var(--muted);font-weight:600}
.hn-tool .fn-det{border:1px solid var(--line);border-radius:14px;background:#fff;min-width:0}
.hn-tool .fn-det>summary{cursor:pointer;padding:12px 14px;font-weight:700;font-size:.9rem;color:var(--ink);list-style-position:inside}
.hn-tool .fn-det>summary small{color:var(--muted);font-weight:600}
.hn-tool .fn-det[open]>summary{border-bottom:1px solid var(--line)}
.hn-tool .fn-det .t-table{border:0;border-radius:0 0 14px 14px;max-height:460px;overflow:auto}
.hn-tool .fn-det .t-table th{position:sticky;top:0;z-index:1}
.hn-tool .fn-det .t-note,.hn-tool .fn-tbl .t-note{padding:8px 14px 12px}
.hn-tool .fn-tbl{display:grid;gap:8px;min-width:0}
.hn-tool .fn-tbl .t-table table,.hn-tool .fn-det .t-table table{font-variant-numeric:tabular-nums}
.hn-tool .fn-tbl .t-table td,.hn-tool .fn-det .t-table td{white-space:nowrap}
.hn-tool .fn-tbl .t-table td:last-child{white-space:normal}
.hn-tool .fn-cmp table{min-width:440px}
.hn-tool .fn-cmp td:first-child{position:sticky;left:0;background:#fff;z-index:1;white-space:normal;min-width:120px}
.hn-tool .fn-cmp td:last-child{white-space:nowrap}
.hn-tool .fn-best{font-weight:800;color:#0E7A43}
.hn-tool .fn-formula{border:1px dashed #C9D6E6;border-radius:14px;padding:12px 14px;background:#FBFCFE;display:grid;gap:6px;min-width:0}
.hn-tool .fn-formula b{font-size:.86rem}
.hn-tool .fn-formula pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--f-mono,monospace);font-size:.8rem;line-height:1.6;color:var(--ink)}
.hn-tool .fn-notes .t-list{font-size:.88rem;color:var(--muted)}
.hn-tool .fn-actions{display:flex;flex-wrap:wrap;gap:8px}
.hn-tool .fn-actions .t-copy{min-height:38px}
.hn-tool .fn-actions .t-copy:disabled{opacity:.6;cursor:wait}
.hn-tool .fn-disc{font-size:.78rem}
/* IBAN result cards */
.hn-tool .fn-res.ok .t-card-h{background:#ECFBF2}
.hn-tool .fn-res.no .t-card-h{background:#FFF1EF}
.hn-tool .fn-res .t-card-h b{font-family:var(--f-mono,monospace);overflow-wrap:anywhere}
.hn-tool .fn-issue{margin:0 0 10px;color:#B3261E;font-weight:600}
.hn-tool .fn-warn{margin:0 0 10px;color:#9A5B00;font-weight:600}
.hn-tool .fn-dl{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:6px 14px;margin:0;font-size:.9rem}
.hn-tool .fn-dl dt{color:var(--muted);font-weight:600}
.hn-tool .fn-dl dd{margin:0;font-family:var(--f-mono,monospace);overflow-wrap:anywhere}
.hn-tool .fn-tbl code{font-family:var(--f-mono,monospace);font-size:.84rem}
/* saved scenarios */
.hn-tool .fn-saved{border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:#F8FAFD;display:grid;gap:10px;min-width:0}
.hn-tool .fn-saved-h{display:flex;align-items:center;gap:10px}
.hn-tool .fn-saved-h b{font-size:.92rem;margin-right:auto}
.hn-tool .fn-saved-h small{color:var(--muted);font-weight:600}
.hn-tool .fn-save-row{display:flex;gap:8px;min-width:0;flex-wrap:wrap}
.hn-tool .fn-save-row input{flex:1 1 200px;min-width:0;height:44px;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font:inherit;font-size:.95rem;background:#fff;color:var(--ink)}
.hn-tool .fn-save-row input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(10,108,208,.14)}
.hn-tool .fn-save-row .btn{min-height:44px}
.hn-tool .fn-sc{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.hn-tool .fn-sc li{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px 4px 4px 0;min-width:0}
.hn-tool .fn-sc-load{flex:1;min-width:0;display:grid;gap:2px;text-align:left;border:0;background:transparent;padding:8px 12px;cursor:pointer;font:inherit;color:var(--ink)}
.hn-tool .fn-sc-load b{font-size:.92rem}
.hn-tool .fn-sc-load small{color:var(--muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hn-tool .fn-sc-load:hover b{color:var(--blue)}
@media (max-width:640px){.hn-tool.fn-tool .t-stat b{font-size:1.12rem;overflow-wrap:normal;word-break:normal}.hn-tool.fn-tool .t-stat{padding:12px}}
/* Group 70: PDF and image tools. Selectors use the unique .hpi- prefix or the tool slugs. */
.hn-tool:is([data-tool="document-scanner"],[data-tool="pdf-merger"],[data-tool="pdf-splitter"],[data-tool="pdf-compressor"],[data-tool="images-to-pdf"],[data-tool="pdf-to-images"],[data-tool="image-resizer"],[data-tool="image-cropper"],[data-tool="image-converter"],[data-tool="image-watermark"]) [hidden]{display:none!important}
/* drop zone */
.hpi-drop{position:relative}
.hpi-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}
.hpi-drop-l{display:grid;justify-items:center;gap:6px;text-align:center;padding:26px 18px;border:2px dashed #B9CCE4;border-radius:18px;background:#F6FAFF;cursor:pointer;transition:border-color .2s,background .2s}
.hpi-drop-l svg{width:34px;height:34px;fill:var(--blue);padding:8px;border-radius:12px;background:rgba(10,108,208,.1);box-sizing:content-box}
.hpi-drop-l b{font-size:1.05rem;color:var(--ink)}
.hpi-drop-l small{color:var(--muted);font-size:.84rem}
.hpi-drop-l:hover,.hpi-drop.over .hpi-drop-l{border-color:var(--blue);background:#EEF5FD}
.hpi-file:focus-visible+.hpi-drop-l{outline:3px solid var(--blue);outline-offset:2px}
.hpi-drop.cam .hpi-drop-l{background:linear-gradient(135deg,#0A6CD0,#00AEE6);border-color:transparent}
.hpi-drop.cam .hpi-drop-l b,.hpi-drop.cam .hpi-drop-l small{color:#fff}
.hpi-drop.cam .hpi-drop-l svg{fill:#fff;background:rgba(255,255,255,.18)}
.hpi-priv{display:flex;gap:8px;align-items:center;margin-top:-6px}
.hpi-priv:before{content:"";width:8px;height:8px;border-radius:50%;background:#13A35B;flex:none}
.hpi-bad{color:#B3261E;font-weight:600}
.hpi-warn{margin:0;padding:12px 14px;border-radius:12px;background:#FFF7E8;border:1px solid #F7DDA8;color:#7A4A00;font-size:.9rem;line-height:1.55}
.hpi-info{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#F8FAFD;overflow-wrap:anywhere}
.hpi-rv{float:right;font-family:var(--f-mono,monospace);font-size:.78rem;font-weight:600;color:var(--blue)}
.hpi-tot{align-self:center}
/* queue */
.hpi-q{display:grid;gap:8px}
.hpi-q-h{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.hpi-q-h b{margin-right:auto;color:var(--ink)}
.hpi-q-h .t-note{flex-basis:100%;order:3}
.hpi-qi{display:grid;grid-template-columns:auto 52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:14px;background:#fff}
.hpi-qi[draggable=true]{cursor:grab}
.hpi-qi.drag{opacity:.45}.hpi-qi.over{border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,108,208,.14)}
.hpi-qi.err{background:#FFF7F6;border-color:#F5C6C0}
.hpi-q .hpi-qi:not(:has(.hpi-qn)){grid-template-columns:52px minmax(0,1fr) auto}
.hpi-qn{font-family:var(--f-mono,monospace);font-size:.78rem;font-weight:700;color:var(--muted);min-width:18px;text-align:center}
.hpi-qt{width:52px;height:52px;border-radius:10px;overflow:hidden;background:#EEF3F9;display:grid;place-items:center}
.hpi-qt img{width:100%;height:100%;object-fit:cover;display:block}
.hpi-qm{display:grid;gap:3px;min-width:0}
.hpi-qm b{font-size:.9rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hpi-qm small{color:var(--muted);font-size:.8rem}
.hpi-qa{display:flex;gap:4px}
.hpi-ib{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:#F8FAFD;color:var(--ink);font-size:1rem;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}
.hpi-ib:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}
.hpi-ib:disabled{opacity:.35;cursor:default}
.hpi-ib.x:hover{border-color:#D64541;color:#D64541}
.hpi-pdfi{display:grid;place-items:center;width:40px;height:48px;border-radius:6px;background:#D64541;color:#fff;font:800 .7rem/1 var(--f-mono,monospace);letter-spacing:.05em;flex:none}
.hpi-pg{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:var(--muted)}
.hpi-pg input{width:min(160px,100%);height:32px;border:1px solid var(--line);border-radius:8px;padding:0 8px;font:inherit;font-size:.85rem;background:#F8FAFD}
.hpi-pg input:focus{outline:none;border-color:var(--blue)}
/* progress */
.hpi-prog{display:grid;gap:8px;padding:16px;border-radius:14px;background:#F4F8FD}
.hpi-prog-t{display:flex;gap:10px;justify-content:space-between;font-weight:600;color:var(--ink);font-size:.92rem}
.hpi-prog-t b{font-family:var(--f-mono,monospace);color:var(--blue)}
.hpi-prog .t-bar i{transition:width .2s}
/* results */
.hpi-imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.hpi-img{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:grid;grid-template-rows:auto 1fr}
.hpi-img.err{grid-template-rows:1fr}
.hpi-img-p{aspect-ratio:4/3;display:grid;place-items:center;padding:8px;background:repeating-conic-gradient(#EEF2F7 0% 25%,#fff 0% 50%) 50%/16px 16px}
.hpi-img-p img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.hpi-img-p.round img{border-radius:50%}
.hpi-img-b{display:grid;gap:6px;padding:10px 12px;align-content:start}
.hpi-img-b>b{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
.hpi-img-b .t-note{overflow-wrap:anywhere}
.hpi-img-b .btn{justify-self:start;margin-top:4px}
.hpi-frs{display:grid;gap:8px}
.hpi-fr{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:14px}
.hpi-fr b{display:block;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hpi-fr small{color:var(--muted);font-size:.8rem}
/* splitter thumbnails */
.hpi-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;max-height:460px;overflow:auto;padding:4px}
.hpi-thn{grid-column:1/-1}
.hpi-th{all:unset;cursor:pointer;display:grid;gap:4px;justify-items:center;border-radius:10px;padding:5px;border:2px solid transparent}
.hpi-th:focus-visible{outline:3px solid var(--blue)}
.hpi-th-c{width:100%;aspect-ratio:3/4;display:grid;place-items:center;background:#EEF3F9;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px rgba(6,22,46,.15)}
.hpi-th-c i{font-style:normal;color:var(--muted);font-weight:700}
.hpi-th-cv{max-width:100%;max-height:100%;display:block}
.hpi-th small{font-size:.76rem;font-weight:700;color:var(--muted)}
.hpi-th.on{border-color:var(--blue);background:#EEF5FD}.hpi-th.on small{color:var(--blue)}
/* shared stage + chips */
.hpi-stage{display:grid;place-items:center;padding:12px;border:1px dashed #C9D6E6;border-radius:16px;background:#FBFCFE;min-height:200px}
.hpi-bar{display:flex;flex-wrap:wrap;gap:8px}
.hpi-ratios .t-chip.on,.hpi-scan-ed .t-chip.on,.hpi-wm-pick .t-chip.on{background:var(--blue);color:#fff;border-color:var(--blue)}
/* cropper */
.hpi-crop{display:grid;gap:12px}
.hpi-cw{position:relative;line-height:0;max-width:100%;touch-action:none;user-select:none;-webkit-user-select:none}
.hpi-cv{display:block;max-width:100%;max-height:68vh;width:auto;height:auto}
.hpi-box{position:absolute;box-sizing:border-box;border:2px solid #fff;outline:1px solid rgba(6,22,46,.6);box-shadow:0 0 0 9999px rgba(6,22,46,.55);cursor:move;touch-action:none}
.hpi-crop .hpi-stage{overflow:hidden;padding:14px}
.hpi-box.round{border-radius:50%}
.hpi-box span{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#fff;border:2px solid var(--blue);box-sizing:border-box;touch-action:none}
.hpi-box span[data-h=nw]{left:0;top:0;cursor:nwse-resize}.hpi-box span[data-h=n]{left:50%;top:0;cursor:ns-resize}.hpi-box span[data-h=ne]{left:100%;top:0;cursor:nesw-resize}
.hpi-box span[data-h=e]{left:100%;top:50%;cursor:ew-resize}.hpi-box span[data-h=se]{left:100%;top:100%;cursor:nwse-resize}.hpi-box span[data-h=s]{left:50%;top:100%;cursor:ns-resize}
.hpi-box span[data-h=sw]{left:0;top:100%;cursor:nesw-resize}.hpi-box span[data-h=w]{left:0;top:50%;cursor:ew-resize}
.hpi-grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 33.2%,rgba(255,255,255,.45) 33.3%,rgba(255,255,255,.45) 33.5%,transparent 33.6%,transparent 66.5%,rgba(255,255,255,.45) 66.6%,rgba(255,255,255,.45) 66.8%,transparent 66.9%),linear-gradient(transparent 33.2%,rgba(255,255,255,.45) 33.3%,rgba(255,255,255,.45) 33.5%,transparent 33.6%,transparent 66.5%,rgba(255,255,255,.45) 66.6%,rgba(255,255,255,.45) 66.8%,transparent 66.9%)}
.hpi-box.round .hpi-grid{display:none}
.hpi-xywh{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hpi-xywh label{display:grid;gap:4px;font-size:.78rem;font-weight:700;color:var(--muted)}
.hpi-xywh input{height:40px;border:1px solid var(--line);border-radius:10px;padding:0 10px;font:inherit;font-size:.92rem;background:#F8FAFD;min-width:0;width:100%;box-sizing:border-box}
/* watermark */
.hpi-wm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px;align-items:start}
.hpi-wm-ctl{min-width:0;display:grid;gap:14px}
.hpi-wm-pv{min-width:0;position:sticky;top:90px;display:grid;gap:10px}
.hpi-wm-cv{display:block;max-width:100%;max-height:70vh;width:auto;height:auto}
.hpi-wm-pick{align-items:center}
.hpi-wm-pick .t-chip{min-width:36px;justify-content:center}
/* scanner */
.hpi-scan-add{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hpi-strip{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;flex-wrap:nowrap;align-items:flex-start}
.hpi-pg-n{flex:none;align-self:center;max-width:140px}
.hpi-pg-c{flex:none;width:118px;display:grid;gap:6px;padding:6px;border:2px solid var(--line);border-radius:14px;background:#fff}
.hpi-pg-c.on{border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,108,208,.14)}
.hpi-pg-t{all:unset;cursor:pointer;display:grid;place-items:center;height:130px;background:#EEF3F9;border-radius:8px;overflow:hidden}
.hpi-pg-t:focus-visible{outline:3px solid var(--blue)}
.hpi-pg-t img{max-width:100%;max-height:100%;display:block}
.hpi-pg-a{display:flex;gap:3px;align-items:center}
.hpi-pg-a b{margin-right:auto;font-family:var(--f-mono,monospace);font-size:.8rem;padding-left:3px}
.hpi-pg-a .hpi-ib{width:28px;height:28px;font-size:.8rem;border-radius:8px}
.hpi-scan-ed{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.hpi-scan-col{display:grid;gap:10px;min-width:0}
.hpi-scan-h{display:grid;gap:2px}
.hpi-scan-h b{color:var(--ink)}
.hpi-qw{position:relative;width:100%;max-width:100%;line-height:0;touch-action:none;user-select:none;-webkit-user-select:none;margin:0 auto}
.hpi-qcv{display:block;width:100%;height:100%;border-radius:8px}
.hpi-qsvg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.hpi-qsvg polygon{fill:rgba(10,108,208,.16);stroke:#00AEE6;stroke-width:2.5;vector-effect:non-scaling-stroke}
.hpi-qh{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:rgba(10,108,208,.25);border:3px solid #fff;box-shadow:0 0 0 2px #0A6CD0,0 2px 8px rgba(0,0,0,.35);cursor:grab;touch-action:none;box-sizing:border-box}
.hpi-qh.on{background:#0A6CD0;transform:scale(1.2)}
.hpi-rcv{max-height:60vh;width:auto;max-width:100%;background:#fff}
.hpi-str{gap:4px}
.hpi-str label{font-weight:700;font-size:.88rem;color:var(--ink)}
.hpi-str input{width:100%;accent-color:var(--blue)}
.hpi-scan-col .t-copy{justify-self:start}
@media (max-width:900px){.hpi-wm{grid-template-columns:1fr}.hpi-wm-pv{position:static;order:-1}.hpi-scan-ed{grid-template-columns:1fr}}
@media (max-width:560px){
  .hpi-qi{grid-template-columns:auto 44px minmax(0,1fr);gap:8px 10px}
  .hpi-q .hpi-qi:not(:has(.hpi-qn)){grid-template-columns:44px minmax(0,1fr) auto}
  .hpi-q .hpi-qi:not(:has(.hpi-qn)) .hpi-qa{grid-column:auto}
  .hpi-qt{width:44px;height:44px}
  .hpi-qa{grid-column:1/-1;justify-content:flex-end}
  .hpi-scan-add{grid-template-columns:1fr}
  .hpi-drop-l{padding:20px 14px}
  .hpi-xywh{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hpi-imgs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
  .hpi-fr{grid-template-columns:34px minmax(0,1fr)}.hpi-fr .btn{grid-column:1/-1;justify-content:center}
  .hpi-fr .hpi-pdfi{width:34px;height:42px}
}
/* ===== Productivity tools (62-productivity.js). Every selector uses the unique pd- prefix. ===== */
.hn-tool>[class*="pd-"],.hn-tool>.pd-seg,.hn-tool .pd-hgrid>*,.hn-tool .pd-hdet>*,.hn-tool .pd-hchart>*,.hn-tool .pd-feat>*,.hn-tool .pd-cgrid>*,.hn-tool .pd-pomo>*,.hn-tool .pd-panel>*{min-width:0}
.hn-tool .pd-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hn-tool .pd-row{display:flex;gap:8px;align-items:stretch;min-width:0}
.hn-tool .pd-row input{flex:1 1 0;width:0;min-width:0;height:48px;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font:inherit;font-size:1rem;color:var(--ink);background:#F8FAFD}
.hn-tool .pd-row input:focus,.hn-tool .pd-frow input:focus,.hn-tool .pd-frow select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(10,108,208,.14);background:#fff}
.hn-tool .pd-row .btn{flex:none;min-height:48px}
.hn-tool .pd-h{display:block;font-size:.92rem;color:var(--ink);margin:0 0 8px}
.hn-tool .pd-link{border:0;background:transparent;color:var(--blue);font:inherit;font-weight:700;font-size:.88rem;cursor:pointer;padding:4px 0;justify-self:start;text-align:left}
.hn-tool .pd-panel{border:1px solid var(--line);border-radius:16px;padding:16px;background:#F8FAFD;display:grid;gap:12px}
.hn-tool .pd-file{position:relative;overflow:hidden;cursor:pointer;display:inline-block}
.hn-tool .pd-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.hn-tool .pd-x{border:0;background:transparent;color:var(--muted);font-size:1.3rem;line-height:1;cursor:pointer;padding:4px 8px;border-radius:8px;flex:none}
.hn-tool .pd-x:hover{color:#B3261E;background:#FFF1EF}
.hn-tool .pd-del{color:#B3261E}.hn-tool .pd-del:hover{background:#B3261E;border-color:#B3261E;color:#fff}
.hn-tool .t-copy:disabled{opacity:.55;cursor:not-allowed}
.hn-tool .t-copy.pd-on{background:#ECFBF2;border-color:#BDEBD0;color:#0E7A43}
.hn-tool .t-chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
.hn-tool .t-chip small{opacity:.7;font-size:.75rem}
.hn-tool .pd-toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:9999;display:flex;gap:14px;align-items:center;padding:12px 16px;border-radius:14px;background:#06162E;color:#fff;font-weight:600;font-size:.92rem;box-shadow:0 20px 40px -18px rgba(6,22,46,.6);max-width:calc(100vw - 32px)}
.hn-tool .pd-toast button{border:0;background:transparent;color:#00AEE6;font:inherit;font-weight:800;cursor:pointer;padding:4px}
.hn-tool .t-sync{margin:0}
.hn-tool .pd-red{color:#B3261E}

/* ---------- to-do list ---------- */
.hn-tool .pd-ed>*,.hn-tool .pd-ed .tf-grid>*,.hn-tool .pd-subs,.hn-tool .pd-adv>*,.hn-tool .pd-panel>*,.hn-tool .pd-tasks>li{min-width:0}
.hn-tool .pd-tasks{grid-template-columns:minmax(0,1fr)}
.hn-tool .pd-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;min-width:0}
.hn-tool .pd-tab{flex:none;display:grid;gap:5px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 12px;font:inherit;font-size:.9rem;font-weight:700;color:var(--ink);cursor:pointer;text-align:left;min-width:92px}
.hn-tool .pd-tab em{font-style:normal;font-weight:600;color:var(--muted);font-size:.8rem}
.hn-tool .pd-tab.on{border-color:var(--blue);background:#EEF5FD;color:var(--blue)}
.hn-tool .pd-tbar{display:block;height:4px;border-radius:4px;background:#E7EEF7;overflow:hidden}
.hn-tool .pd-tbar b{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue))}
.hn-tool .pd-newtab{border-style:dashed;color:var(--blue);display:flex;align-items:center}
.hn-tool .pd-add{display:grid;gap:8px}
.hn-tool .pd-add .pd-row input{height:52px;font-size:1.02rem;background:#fff;border-width:1.5px}
.hn-tool .pd-hint{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:0}
.hn-tool .pd-hint:empty{display:none}
.hn-tool .pd-adv{border:1px solid var(--line);border-radius:14px;padding:14px;background:#F8FAFD}
.hn-tool .pd-filters{display:grid;gap:10px}
.hn-tool .pd-seg{display:flex;gap:4px;padding:4px;border-radius:12px;background:#EEF3F9;overflow-x:auto;scrollbar-width:none}
.hn-tool .pd-seg button{flex:1 0 auto;border:0;background:transparent;border-radius:9px;padding:8px 12px;font:inherit;font-size:.86rem;font-weight:700;color:var(--muted);cursor:pointer;display:inline-flex;gap:6px;align-items:center;justify-content:center;white-space:nowrap}
.hn-tool .pd-seg button.on{background:#fff;color:var(--ink);box-shadow:0 2px 8px -4px rgba(6,22,46,.35)}
.hn-tool .pd-seg i{font-style:normal;font-size:.72rem;background:#DCE7F4;color:var(--ink);border-radius:9px;padding:1px 6px}
.hn-tool .pd-seg i:empty{display:none}
.hn-tool .pd-seg i.red{background:#D64541;color:#fff}
.hn-tool .pd-frow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.hn-tool .pd-frow input,.hn-tool .pd-frow select{height:44px;border:1px solid var(--line);border-radius:12px;padding:8px 12px;font:inherit;font-size:.95rem;color:var(--ink);background:#F8FAFD;min-width:0}
.hn-tool .pd-tagrow:empty{display:none}
.hn-tool .pd-lhead{display:grid;gap:8px}
.hn-tool .pd-lh1{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.hn-tool .pd-ltitle{font-family:var(--f-display);font-size:1.2rem;color:var(--ink)}
.hn-tool .pd-prog{display:grid;gap:5px}
.hn-tool .pd-prog small{color:var(--muted);font-size:.82rem}
.hn-tool .pd-tasks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hn-tool .pd-task{border:1px solid var(--line);border-left:4px solid var(--line);border-radius:14px;background:#fff;transition:opacity .25s,transform .25s,box-shadow .2s;min-width:0}
.hn-tool .pd-task.p1{border-left-color:#3B8BEB}.hn-tool .pd-task.p2{border-left-color:#E28C00}.hn-tool .pd-task.p3{border-left-color:#D64541}
.hn-tool .pd-task.on{box-shadow:0 18px 40px -26px rgba(6,22,46,.45);border-color:#BFD4EE}
.hn-tool .pd-task.drag{box-shadow:0 18px 40px -16px rgba(6,22,46,.5);transform:scale(1.01);z-index:2;position:relative;background:#F4F8FD}
.hn-tool .pd-task.pd-out{opacity:0;transform:translateX(24px)}
.hn-tool .pd-task.pd-new{animation:pdflash 1.2s ease}
@keyframes pdflash{0%{background:#E5F1FD}100%{background:#fff}}
.hn-tool .pd-th{display:flex;gap:8px;align-items:center;padding:6px 8px 6px 6px;min-width:0}
.hn-tool .pd-drag{flex:none;cursor:grab;color:#9AABC0;font-size:1rem;letter-spacing:-3px;padding:10px 6px 10px 4px;touch-action:none;user-select:none;-webkit-user-select:none}
.hn-tool .pd-ck{flex:none;width:22px;height:22px;accent-color:var(--blue);cursor:pointer;margin:0 2px}
.hn-tool .pd-tt{flex:1 1 auto;min-width:0;border:0;background:transparent;text-align:left;font:inherit;color:var(--ink);cursor:pointer;padding:8px 4px;display:grid;gap:4px}
.hn-tool .pd-tt b{font-weight:600;font-size:.98rem;line-height:1.35;overflow-wrap:anywhere}
.hn-tool .pd-task.dn .pd-tt b{text-decoration:line-through;color:var(--muted)}
.hn-tool .pd-meta{display:flex;flex-wrap:wrap;gap:4px}
.hn-tool .pd-meta:empty{display:none}
.hn-tool .pd-c{display:inline-flex;align-items:center;gap:3px;font-size:.74rem;font-weight:600;color:var(--muted);background:#F1F5FA;border-radius:7px;padding:2px 7px;white-space:nowrap}
.hn-tool .pd-c.today{background:#EEF5FD;color:var(--blue)}
.hn-tool .pd-c.over{background:#FFF1EF;color:#B3261E}
.hn-tool .pd-c.ok{background:#ECFBF2;color:#0E7A43}
.hn-tool .pd-c.p3{color:#B3261E}.hn-tool .pd-c.p2{color:#9A5B00}.hn-tool .pd-c.p1{color:#1F5FAE}
.hn-tool .pd-c.pd-tg{color:#5B3FB8;background:#F3EFFD}
.hn-tool .pd-c.pd-ln{background:#fff;border:1px solid var(--line)}
.hn-tool .pd-mv{flex:none;display:flex;flex-direction:column;gap:2px}
.hn-tool .pd-mv button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:7px;width:30px;height:22px;font-size:.6rem;cursor:pointer;line-height:1}
.hn-tool .pd-mv button:hover{color:var(--blue);border-color:var(--blue)}
.hn-tool .pd-ed{border-top:1px solid var(--line);padding:14px;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;background:#FBFCFE;border-radius:0 0 14px 14px}
.hn-tool .pd-sl{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:4px}
.hn-tool .pd-sl li{display:flex;gap:8px;align-items:center}
.hn-tool .pd-sl li input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue);flex:none}
.hn-tool .pd-si{flex:1;min-width:0;border:1px solid transparent;background:transparent;border-radius:8px;padding:7px 8px;font:inherit;font-size:.94rem;color:var(--ink)}
.hn-tool .pd-si:focus{outline:none;border-color:var(--line);background:#fff}
.hn-tool .pd-sl li.dn .pd-si{text-decoration:line-through;color:var(--muted)}
.hn-tool .pd-edfoot{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}
.hn-tool .pd-empty{list-style:none;border:1px dashed #C9D6E6;border-radius:14px;padding:22px 16px;text-align:center;color:var(--muted);display:grid;gap:8px;justify-items:center}
.hn-tool .pd-empty b{color:var(--ink);font-size:1.05rem}
.hn-tool .pd-empty .t-chips{justify-content:center}
.hn-tool .pd-donebox{display:grid;gap:8px}
.hn-tool .pd-donebox:empty{display:none}
.hn-tool .pd-foot{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px}
.hn-tool .pd-alerts{display:grid;gap:8px}
.hn-tool .pd-alerts:empty{display:none}
.hn-tool .pd-alert{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:14px;background:#FFF7E8;border:1px solid #F7DDA8;animation:pdflash2 .6s ease 2}
.hn-tool .pd-alert>span:first-child{display:grid;gap:2px;color:var(--ink)}
.hn-tool .pd-alert small{color:#9A5B00;font-weight:600}
@keyframes pdflash2{50%{background:#FFE7B8}}
.hn-tool .pd-tpls{margin-top:-2px}
@media (max-width:640px){
  .hn-tool .pd-frow{grid-template-columns:1fr 132px}
  .hn-tool .pd-th{padding:4px 6px 4px 2px;gap:4px}
  .hn-tool .pd-drag{padding:10px 2px}
  .hn-tool .pd-ed{padding:12px}
  .hn-tool .pd-edfoot .btn{flex:1 1 100%}
  .hn-tool .pd-alert .pd-actions .btn{flex:1}
}

/* ---------- shared bits ---------- */
.hn-tool .pd-hbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.hn-tool .pd-seg-sm{flex:none}
.hn-tool .pd-seg-sm button{flex:0 0 auto}
.hn-tool .pd-bars{display:flex;align-items:flex-end;gap:6px;height:150px;padding:8px 4px 0;border-bottom:1px solid var(--line)}
.hn-tool .pd-bars>div{flex:1 1 0;min-width:0;height:100%;display:grid;grid-template-rows:1fr auto auto;justify-items:center;gap:2px}
.hn-tool .pd-bars i{align-self:end;width:100%;max-width:38px;min-height:2px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--cyan),var(--blue))}
.hn-tool .pd-bars b{font-size:.72rem;color:var(--ink)}
.hn-tool .pd-bars small{font-size:.68rem;color:var(--muted);white-space:nowrap;min-height:1em}
.hn-tool .pd-bars30{gap:2px;height:110px}
.hn-tool .pd-bars30 i{border-radius:3px 3px 1px 1px}
.hn-tool .pd-hchart,.hn-tool .pd-pstats,.hn-tool .pd-phist{display:grid;gap:10px}
.hn-tool .pd-hchart:empty{display:none}

/* ---------- habit tracker ---------- */
.hn-tool .pd-hsum:empty,.hn-tool .pd-hdet:empty{display:none}
.hn-tool .pd-hscroll{overflow-x:auto;border:1px solid var(--line);border-radius:16px;-webkit-overflow-scrolling:touch}
.hn-tool .pd-htab{border-collapse:separate;border-spacing:0;width:100%;font-size:.88rem}
.hn-tool .pd-htab th,.hn-tool .pd-htab td{padding:6px 3px;text-align:center;border-bottom:1px solid var(--line)}
.hn-tool .pd-htab tbody tr:last-child>*{border-bottom:0}
.hn-tool .pd-htab thead th{font-size:.74rem;color:var(--muted);font-weight:700;background:#F4F8FD;line-height:1.15}
.hn-tool .pd-htab thead th small{display:block;font-size:.66rem;font-weight:600;text-transform:uppercase}
.hn-tool .pd-htab thead th.td{color:var(--blue)}
.hn-tool .pd-htab .pd-hn{position:sticky;left:0;z-index:1;background:#fff;text-align:left;min-width:170px;max-width:240px;padding-left:8px;border-right:1px solid var(--line)}
.hn-tool .pd-htab thead .pd-hn{background:#F4F8FD;padding-left:14px}
.hn-tool .pd-hn button{border:0;background:transparent;display:flex;gap:8px;align-items:center;text-align:left;font:inherit;cursor:pointer;padding:4px;width:100%;color:var(--ink)}
.hn-tool .pd-hn button>span:last-child{display:grid;min-width:0}
.hn-tool .pd-hn b{font-size:.9rem;line-height:1.25;overflow-wrap:anywhere}
.hn-tool .pd-hn small{font-size:.72rem;color:var(--muted);font-weight:500}
.hn-tool .pd-he{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--hc) 14%,#fff);font-size:1.1rem}
.hn-tool .pd-hc{width:36px;height:36px;border-radius:10px;border:1.5px solid #D5E0EC;background:#fff;color:#fff;font-weight:900;font-size:1rem;cursor:pointer;transition:transform .12s,background .15s}
.hn-tool .pd-hc:hover{border-color:var(--hc)}
.hn-tool .pd-hc:active{transform:scale(.9)}
.hn-tool .pd-hc.on{background:var(--hc);border-color:var(--hc)}
.hn-tool .pd-hc.td{box-shadow:0 0 0 3px color-mix(in srgb,var(--hc) 22%,transparent)}
.hn-tool .pd-hc.pre{opacity:.45}
.hn-tool .pd-hscroll.wide .pd-hc{width:30px;height:30px;border-radius:8px}
.hn-tool .pd-hs{white-space:nowrap;padding:6px 8px!important}
.hn-tool .pd-hmob{display:none}
.hn-tool .pd-hs b{font-size:1rem;color:var(--ink)}
.hn-tool .pd-hs small{color:var(--muted);font-size:.7rem;margin-left:1px}
.hn-tool .pd-emo{display:flex;flex-wrap:wrap;gap:6px}
.hn-tool .pd-emo button{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:1.2rem;cursor:pointer}
.hn-tool .pd-emo button.on{border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,108,208,.2)}
.hn-tool .pd-cols{display:flex;flex-wrap:wrap;gap:8px}
.hn-tool .pd-cols button{width:32px;height:32px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer}
.hn-tool .pd-cols button.on{box-shadow:0 0 0 3px var(--ink)}
.hn-tool .pd-hpc{display:grid;gap:8px}
.hn-tool .pd-hpc>div{display:grid;grid-template-columns:minmax(0,200px) 1fr 48px;gap:10px;align-items:center;font-size:.88rem}
.hn-tool .pd-hpc span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hn-tool .pd-hpc b{text-align:right}
.hn-tool .pd-hdet textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;background:#fff;resize:vertical}

/* ---------- pomodoro ---------- */
.hn-tool .pd-pomo{display:grid;gap:18px;justify-items:center;padding:18px;border-radius:20px;background:linear-gradient(160deg,#EEF5FD,#fff);border:1px solid #D6E4F5;--pc:var(--blue)}
.hn-tool .pd-pomo.m-short{background:linear-gradient(160deg,#ECFBF2,#fff);border-color:#C9EBD7;--pc:#13A35B}
.hn-tool .pd-pomo.m-long{background:linear-gradient(160deg,#F3EFFD,#fff);border-color:#DDD3F6;--pc:#7B4FD6}
.hn-tool .pd-pmodes{width:100%;max-width:520px}
.hn-tool .pd-ring{position:relative;width:min(300px,100%);aspect-ratio:1}
.hn-tool .pd-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.hn-tool .pd-ring circle{fill:none;stroke-width:12}
.hn-tool .pd-ring .bg{stroke:#E1EAF4}
.hn-tool .pd-ring .fg{stroke:var(--pc);stroke-linecap:round;transition:stroke-dashoffset .3s linear}
.hn-tool .pd-rt{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:4px;text-align:center}
.hn-tool .pd-pl{font-weight:800;color:var(--pc);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}
.hn-tool .pd-time{font-family:var(--f-display);font-size:clamp(3rem,13vw,4.4rem);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.hn-tool .pd-pc{color:var(--muted);font-size:.82rem}
.hn-tool .pd-pbtns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.hn-tool .pd-pbtns .btn{min-height:52px;min-width:96px}
.hn-tool .pd-pbtns .pd-go{min-width:150px;font-size:1.08rem;background:var(--pc);border-color:var(--pc)}
.hn-tool .pd-ptask{width:100%;max-width:520px;display:grid;gap:6px}
.hn-tool .pd-ptask label{font-weight:700;font-size:.85rem;color:var(--ink)}
.hn-tool .pd-ptask input{height:46px;border:1px solid var(--line);border-radius:12px;padding:8px 12px;font:inherit;background:#fff;min-width:0;width:100%}
.hn-tool .pd-pset summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.hn-tool .pd-pset summary::after{content:'▾';color:var(--muted)}
.hn-tool .pd-pset[open] summary::after{content:'▴'}
.hn-tool .pd-pset summary::-webkit-details-marker{display:none}
.hn-tool .pd-hl{list-style:none;margin:0;padding:0;display:grid;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.hn-tool .pd-hl li{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line);font-size:.9rem}
.hn-tool .pd-hl li:last-child{border-bottom:0}
.hn-tool .pd-hlt{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.hn-tool .pd-hlk{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.hn-tool .pd-hlk em,.hn-tool .pd-hlk small{color:var(--muted)}

/* ---------- stopwatch / timer / interval ---------- */
.hn-tool .pd-stage{position:relative;display:grid;gap:10px;justify-items:center;padding:42px 16px 22px;border-radius:22px;background:#06162E;color:#fff;transition:background .3s;min-width:0}
.hn-tool .pd-stage.k-work{background:#0E7A43}.hn-tool .pd-stage.k-rest{background:#9A5B00}.hn-tool .pd-stage.k-prep{background:#0C2244}
.hn-tool .pd-stage.ring{animation:pdring 1s steps(2) infinite}
@keyframes pdring{50%{background:#B3261E}}
.hn-tool .pd-phase{font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;color:#9FD8F5}
.hn-tool .pd-stage.k-work .pd-phase,.hn-tool .pd-stage.k-rest .pd-phase{color:#fff}
.hn-tool .pd-bigt{font-family:var(--f-mono,monospace);font-variant-numeric:tabular-nums;font-weight:700;font-size:clamp(2.7rem,13vw,6.2rem);line-height:1;letter-spacing:-.03em;max-width:100%;white-space:nowrap}
.hn-tool .pd-sub{color:#BFD3EA;font-size:.95rem;min-height:1.3em;font-variant-numeric:tabular-nums}
.hn-tool .pd-sbar{width:min(520px,100%);height:6px;border-radius:6px;background:rgba(255,255,255,.15);overflow:hidden}
.hn-tool .pd-stage.t-sw .pd-sbar{visibility:hidden}
.hn-tool .pd-sbar i{display:block;height:100%;width:0;background:#00AEE6}
.hn-tool .pd-sbtns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.hn-tool .pd-sbtns .btn{min-height:56px;min-width:120px;font-size:1.05rem}
.hn-tool .pd-sbtns .btn-ghost{background:rgba(255,255,255,.1)!important;color:#fff!important;border-color:rgba(255,255,255,.3)!important}
.hn-tool .pd-sbtns .btn:disabled{opacity:.4}
.hn-tool .pd-sbtns .pd-stop{background:#D64541;border-color:#D64541}
.hn-tool .pd-fs{position:absolute;top:10px;right:10px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;border-radius:10px;padding:6px 10px;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}
.hn-tool .pd-stage:fullscreen,.hn-tool .pd-stage.pd-fakefs{border-radius:0;place-content:center;padding:24px}
.hn-tool .pd-cfeat:fullscreen .pd-cu,.hn-tool .pd-cfeat.pd-fakefs .pd-cu{max-width:90vw}
.hn-tool .pd-stage:fullscreen .pd-bigt,.hn-tool .pd-stage.pd-fakefs .pd-bigt{font-size:min(19vw,34vh)}
.hn-tool .pd-fakefs{position:fixed!important;inset:0;z-index:9998;border-radius:0!important}
.hn-tool .pd-swbody{display:grid;gap:12px;min-width:0}
.hn-tool .pd-swbody:empty{display:none}
.hn-tool .pd-laps{display:grid;gap:10px}
.hn-tool .pd-laps .t-table table{min-width:0}
.hn-tool .pd-laps .t-table{max-height:340px;overflow:auto}
.hn-tool .pd-best{color:#0E7A43;font-weight:700}.hn-tool .pd-worst{color:#B3261E;font-weight:700}
.hn-tool .pd-tmset{display:grid;gap:12px}
.hn-tool .pd-hms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:420px}
.hn-tool .pd-hms label{display:grid;gap:4px;font-size:.8rem;font-weight:700;color:var(--muted)}
.hn-tool .pd-hms input{height:56px;border:1px solid var(--line);border-radius:12px;text-align:center;font:inherit;font-size:1.5rem;font-weight:700;color:var(--ink);background:#F8FAFD;min-width:0;width:100%}
.hn-tool .pd-sopts{justify-content:flex-start}
.hn-tool .pd-inl{display:inline-flex;gap:8px;align-items:center;font-size:.86rem;font-weight:700;color:var(--ink)}
.hn-tool .pd-inl select{height:36px;border:1px solid var(--line);border-radius:9px;padding:0 8px;font:inherit;background:#fff}
.hn-tool .pd-inl input[type=range]{width:110px;accent-color:var(--blue)}

/* ---------- countdown ---------- */
.hn-tool .pd-feat:empty{display:none}
.hn-tool .pd-cfeat{position:relative;border-radius:22px;padding:28px 18px 20px;color:#fff;display:grid;gap:8px;justify-items:center;text-align:center;overflow:hidden;min-width:0}
.hn-tool .pd-cfeat::before{content:'';position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.08);right:-90px;top:-120px}
.hn-tool .pd-cfeat>*{position:relative}
.hn-tool .pd-cem{font-size:2.6rem;line-height:1}
.hn-tool .pd-cname{font-family:var(--f-display);font-size:clamp(1.3rem,4vw,1.9rem);line-height:1.2;overflow-wrap:anywhere}
.hn-tool .pd-cdate{opacity:.9;font-weight:600}
.hn-tool .pd-cu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:460px;margin-top:6px}
.hn-tool .pd-cu span{display:grid;justify-items:center;min-width:0;padding:10px 8px;border-radius:14px;background:rgba(255,255,255,.16);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.hn-tool .pd-cu b{font-family:var(--f-display);font-size:clamp(1.8rem,7vw,3rem);line-height:1;font-variant-numeric:tabular-nums}
.hn-tool .pd-cu small{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;opacity:.85;margin-top:4px}
.hn-tool .pd-clab{font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;opacity:.9}
.hn-tool .pd-ctoday{font-family:var(--f-display);font-size:2.2rem;margin:10px 0}
.hn-tool .pd-cnote{opacity:.85}
.hn-tool .pd-cfeat .pd-actions{justify-content:center;margin-top:6px}
.hn-tool .pd-wbtn{border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.12);color:#fff;border-radius:10px;padding:8px 14px;font:inherit;font-size:.86rem;font-weight:700;cursor:pointer}
.hn-tool .pd-wbtn:hover{background:#fff;color:var(--ink)}
.hn-tool .pd-cfeat:fullscreen,.hn-tool .pd-cfeat.pd-fakefs{border-radius:0;place-content:center}
.hn-tool .pd-cfeat:fullscreen .pd-cu b,.hn-tool .pd-cfeat.pd-fakefs .pd-cu b{font-size:min(12vw,18vh)}
.hn-tool .pd-clist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hn-tool .pd-ccard{border:1px solid var(--line);border-radius:16px;padding:10px;display:grid;gap:8px;background:#fff;min-width:0}
.hn-tool .pd-ccard.on{border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,108,208,.12)}
.hn-tool .pd-cmain{border:0;background:transparent;display:flex;gap:10px;align-items:center;text-align:left;font:inherit;color:var(--ink);cursor:pointer;padding:2px;min-width:0}
.hn-tool .pd-cdot{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:1.3rem}
.hn-tool .pd-ctx{flex:1;display:grid;min-width:0}
.hn-tool .pd-ctx b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hn-tool .pd-ctx small{color:var(--muted);font-size:.78rem}
.hn-tool .pd-cn{flex:none;display:grid;justify-items:end}
.hn-tool .pd-cn b{font-family:var(--f-display);font-size:1.5rem;line-height:1;color:var(--blue)}
.hn-tool .pd-cn small{font-size:.72rem;color:var(--muted)}
.hn-tool .pd-ccard .pd-actions{gap:6px}
.hn-tool .pd-ccard .pd-x{margin-left:auto}
.hn-tool .pd-cpre small{opacity:.7}
@media (max-width:640px){
  .hn-tool .pd-clist{grid-template-columns:1fr}
  .hn-tool .pd-hpc>div{grid-template-columns:minmax(0,1fr) 90px 40px}
  .hn-tool .pd-htab .pd-hn{min-width:0;width:104px;max-width:104px;padding-left:4px}
  .hn-tool .pd-htab thead .pd-hn{padding-left:8px}
  .hn-tool .pd-hn button{gap:5px;padding:2px}
  .hn-tool .pd-hn b{font-size:.8rem}
  .hn-tool .pd-hn small{font-size:.66rem}
  .hn-tool .pd-hn small:not(.pd-hmob){display:none}
  .hn-tool .pd-hmob{display:block;color:var(--ink)!important;font-weight:700!important}
  .hn-tool .pd-he{display:none}
  .hn-tool .pd-htab th,.hn-tool .pd-htab td{padding:5px 1px}
  .hn-tool .pd-hc{width:27px;height:30px;border-radius:8px;font-size:.85rem}
  .hn-tool .pd-hscroll:not(.wide) .pd-hs{display:none}
  .hn-tool .pd-bars12>div:nth-child(even) small{visibility:hidden}
  .hn-tool .pd-pomo{padding:14px 10px}
  .hn-tool .pd-sbtns .btn{min-width:100px;flex:1}
  .hn-tool .pd-cu span{padding:8px 2px}
  .hn-tool .pd-cu small{font-size:.62rem;letter-spacing:.04em}
  .hn-tool .pd-hl li{grid-template-columns:auto auto minmax(0,1fr) auto;gap:8px}
}
/* ===== SEO + website developer tools (50-seo-web.js). All selectors scoped to .hn-tool ===== */
.hn-tool .sw-h{font-size:1rem;margin:6px 0 0;color:var(--ink)}
.hn-tool .sw-tabs .t-chip{font-weight:600;font-family:inherit}
.hn-tool .sw-tabs .t-chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
.hn-tool .sw-sub{display:grid;gap:16px;min-width:0}
.hn-tool .sw-sub[hidden],.hn-tool [data-panel][hidden],.hn-tool .tf[hidden]{display:none}
.hn-tool .sw-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}
.hn-tool .sw-title{font-size:1.08rem;font-weight:700;color:#1a0dab;line-height:1.35}
.hn-tool .sw-desc{color:var(--ink);line-height:1.55}
.hn-tool .sw-trunc{margin-top:8px;font-size:.84rem;color:var(--muted)}
.hn-tool .sw-trunc span{color:#1a0dab}
.hn-tool .t-bar.sw-bar-bad i{background:linear-gradient(90deg,#F2994A,#D64541)}
.hn-tool .t-bar.sw-bar-warn i{background:linear-gradient(90deg,#F7C948,#E28C00)}
.hn-tool .t-bar.sw-mini{width:90px;height:6px;margin-top:7px}
.hn-tool .sw-good{color:#0E7A43}.hn-tool .sw-warn{color:#9A5B00}.hn-tool .sw-bad{color:#B3261E}
.hn-tool .sw-meters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
.hn-tool .sw-meter{display:grid;gap:6px}
.hn-tool .sw-meter-h{display:flex;justify-content:space-between;gap:8px;font-size:.84rem;color:var(--muted);font-weight:600}
.hn-tool .sw-airow{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.hn-tool .sw-airow span{flex:1 1 260px}
.hn-tool .sw-pl{display:inline-block;font-size:.76rem;border-radius:6px;padding:2px 7px;margin:2px 2px 2px 0;white-space:nowrap}
.hn-tool .sw-pl.yes{background:#ECFBF2;color:#0E7A43}.hn-tool .sw-pl.no{background:#FFF1EF;color:#B3261E}
.hn-tool .sw-details{border:1px solid var(--line);border-radius:14px;padding:12px 16px;background:#FBFCFE}
.hn-tool .sw-details summary{cursor:pointer;font-weight:700;color:var(--ink)}
.hn-tool .sw-details p{margin:8px 0 0}
/* intent */
.hn-tool .sw-hbars{display:grid;gap:8px}
.hn-tool .sw-hbar{display:grid;grid-template-columns:110px minmax(0,1fr) 90px;gap:10px;align-items:center;font-size:.88rem}
.hn-tool .sw-hbar .t-bar{height:12px}
.hn-tool .sw-hbar b{font-size:.84rem;color:var(--ink);text-align:right}
.hn-tool .sw-int{display:inline-block;font-weight:700;font-size:.8rem;border-radius:7px;padding:3px 8px;color:#fff}
.hn-tool .sw-int-informational{background:#0A6CD0!important}.hn-tool .sw-int-commercial{background:#7B4FD6!important}.hn-tool .sw-int-transactional{background:#13A35B!important}.hn-tool .sw-int-local{background:#E28C00!important}.hn-tool .sw-int-navigational{background:#56657A!important}
.hn-tool .sw-2nd{color:var(--muted);font-size:.78rem}
/* SERP preview */
.hn-tool .sw-serp-wrap{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;align-items:start}
.hn-tool .sw-serp-frame{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff;overflow:hidden}
.hn-tool .sw-serp-frame.m{max-width:390px;border-radius:22px;background:#fff;box-shadow:0 10px 30px -20px rgba(6,22,46,.4)}
.hn-tool .sw-serp{font-family:Arial,Helvetica,sans-serif;max-width:600px;text-align:left}
.hn-tool .sw-serp-src{display:flex;gap:10px;align-items:center;margin-bottom:4px}
.hn-tool .sw-fav{width:28px;height:28px;flex:none;border-radius:50%;background:#EEF0F3;border:1px solid #DADCE0;display:grid;place-items:center;font-size:12px;font-weight:700;color:#3C4043}
.hn-tool .sw-site{font-size:14px;color:#202124;line-height:20px}
.hn-tool .sw-crumb{font-size:12px;color:#4D5156;line-height:18px;overflow-wrap:anywhere}
.hn-tool .sw-crumb span{color:#5F6368}
.hn-tool .sw-serp-t{font-size:20px;line-height:26px;color:#1a0dab;margin:2px 0 3px;overflow-wrap:anywhere}
.hn-tool .sw-serp.m .sw-serp-t{font-size:18px;line-height:24px}
.hn-tool .sw-serp-d{font-size:14px;line-height:22px;color:#4D5156;overflow-wrap:anywhere}
.hn-tool .sw-serp-d b{color:#202124}
.hn-tool .sw-date,.hn-tool .sw-muted{color:#70757A}
.hn-tool .sw-rich{font-size:14px;color:#70757A;margin-bottom:2px}
.hn-tool .sw-stars{color:#E7711B;letter-spacing:1px}
/* robots */
.hn-tool .sw-rtest{display:grid;gap:4px;border-radius:14px;padding:14px 16px;border:1px solid}
.hn-tool .sw-rtest.ok{background:#ECFBF2;border-color:#BDEBD0}.hn-tool .sw-rtest.no{background:#FFF1EF;border-color:#F5C6C0}
.hn-tool .sw-rtest b{font-size:1.15rem}.hn-tool .sw-rtest.ok b{color:#0E7A43}.hn-tool .sw-rtest.no b{color:#B3261E}
.hn-tool .sw-rtest small{color:var(--muted)}
.hn-tool code{font-family:var(--f-mono);font-size:.86em;overflow-wrap:anywhere}
/* schema */
.hn-tool .sw-sch-form .sw-sec{grid-column:1/-1;font-weight:800;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);border-top:1px solid var(--line);padding-top:12px;margin-top:4px}
.hn-tool .sw-req{color:#B3261E!important}
.hn-tool .sw-rep{border:1px dashed #C9D6E6;border-radius:14px;padding:12px;background:#FBFCFE}
.hn-tool .sw-rows{display:grid;gap:10px}
.hn-tool .sw-rrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr)) 36px;gap:10px;align-items:end;padding-bottom:10px;border-bottom:1px solid var(--line)}
.hn-tool .sw-rrow:last-child{border-bottom:0;padding-bottom:0}
.hn-tool .sw-rrow .tf textarea{min-height:48px}
.hn-tool .sw-del{width:36px;height:48px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#B3261E;font-size:1.3rem;cursor:pointer}
.hn-tool .sw-del:hover{background:#FFF1EF}
.hn-tool .sw-rep>.btn{justify-self:start}
.hn-tool .tf-check-wrap{align-content:center}
/* json */
.hn-tool .sw-jerr,.hn-tool .sw-jok{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;border-radius:14px;padding:12px 16px}
.hn-tool .sw-jerr{background:#FFF1EF;border:1px solid #F5C6C0;color:#B3261E}.hn-tool .sw-jerr p{margin:0;flex-basis:100%;color:var(--ink)}
.hn-tool .sw-jok{background:#ECFBF2;border:1px solid #BDEBD0;color:#0E7A43}
.hn-tool .sw-caret{max-height:none}
.hn-tool .sw-jtree{font-family:var(--f-mono);font-size:.82rem;max-height:460px;overflow:auto;line-height:1.7}
.hn-tool .sw-jtree details>summary{cursor:pointer;list-style-position:outside}
.hn-tool .sw-jc{padding-left:18px;border-left:1px dashed var(--line);margin-left:4px}
.hn-tool .sw-jl{cursor:pointer;padding-left:14px}
.hn-tool .sw-jl:hover,.hn-tool .sw-jtree summary:hover{background:#F4F8FD}
.hn-tool .sw-jsel{background:#E3EEFB!important}
.hn-tool .sw-jk{color:#7B2C9C}.hn-tool .sw-js{color:#0E7A43}.hn-tool .sw-jn{color:#0A6CD0}.hn-tool .sw-jb{color:#B05A00}.hn-tool .sw-jz{color:#8A94A6}.hn-tool .sw-jm{color:var(--muted)}
.hn-tool .sw-jpath{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
/* url */
.hn-tool .sw-q{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 36px}
.hn-tool .sw-qrows{display:grid;gap:10px}
.hn-tool .sw-qout{display:grid;gap:12px}
/* images */
.hn-tool .sw-imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.hn-tool .sw-img{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:grid;align-content:start}
.hn-tool .sw-img-p{aspect-ratio:4/3;background:repeating-conic-gradient(#EEF2F7 0% 25%,#fff 0% 50%) 50%/16px 16px;display:grid;place-items:center;overflow:hidden}
.hn-tool .sw-img-p img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.hn-tool .sw-img-b{display:grid;gap:6px;padding:12px 14px;font-size:.9rem;color:var(--ink)}
.hn-tool .sw-img-b>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hn-tool .sw-img-b .t-badge{justify-self:start}
.hn-tool .sw-img-b .btn{justify-self:start;margin-top:4px}
/* colours */
.hn-tool .sw-cin{display:flex;gap:8px}
.hn-tool .sw-cin input[type=color]{width:56px!important;flex:none;padding:3px}
.hn-tool .sw-cin input[type=text]{font-family:var(--f-mono);text-transform:uppercase}
.hn-tool .sw-pal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-radius:18px;overflow:hidden;min-height:240px;border:1px solid var(--line)}
.hn-tool .sw-sw{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;min-width:0}
.hn-tool .sw-sw-b{display:grid;gap:4px}
.hn-tool .sw-sw-b b{font-family:var(--f-mono);font-size:1rem;letter-spacing:.02em}
.hn-tool .sw-sw-b small{opacity:.8;font-size:.76rem;text-transform:capitalize}
.hn-tool .sw-sw-c{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.hn-tool .sw-sw-c button,.hn-tool .sw-lock{border:1px solid currentColor;background:transparent;color:inherit;border-radius:8px;font-size:.72rem;font-weight:700;padding:4px 7px;cursor:pointer;opacity:.85}
.hn-tool .sw-sw-c button:hover,.hn-tool .sw-lock:hover{opacity:1}
.hn-tool .sw-lock{position:absolute;top:10px;left:10px}
.hn-tool .sw-lock.on{background:rgba(6,22,46,.55);border-color:transparent;color:#fff;opacity:1}
.hn-tool .sw-harm{display:grid;gap:10px}
.hn-tool .sw-hrow{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;align-items:center}
.hn-tool .sw-hrow>span{font-weight:700;font-size:.86rem;color:var(--ink)}
.hn-tool .sw-hrow>div{display:flex;flex-wrap:wrap;gap:6px}
.hn-tool .sw-chip{border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:10px 10px;min-width:86px;font-family:var(--f-mono);font-size:.76rem;font-weight:700;cursor:pointer}
.hn-tool .sw-dot{display:inline-block;width:14px;height:14px;border-radius:4px;border:1px solid rgba(0,0,0,.15);vertical-align:-2px}
.hn-tool .sw-ccbox{border-radius:14px;padding:18px;border:1px solid var(--line);display:grid;gap:6px}
.hn-tool .sw-cc-big{font-size:24px;font-weight:700}
.hn-tool .sw-ccres{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:10px}
.hn-tool .sw-ccres>b{font-family:var(--f-display);font-size:1.6rem;color:var(--ink)}
.hn-tool .sw-ccout{display:grid}
@media (max-width:760px){
  .hn-tool .sw-serp-wrap,.hn-tool .sw-meters{grid-template-columns:1fr}
  .hn-tool .sw-pal{grid-template-columns:1fr;min-height:0}
  .hn-tool .sw-sw{min-height:84px;padding-left:96px}
  .hn-tool .sw-lock{top:50%;transform:translateY(-50%)}
  .hn-tool .sw-hrow{grid-template-columns:1fr}
  .hn-tool .sw-hbar{grid-template-columns:96px minmax(0,1fr) 70px}
  .hn-tool .sw-rrow{grid-template-columns:1fr 36px}
  .hn-tool .sw-rrow>.tf{grid-column:1}
  .hn-tool .sw-rrow>.sw-del{grid-column:2;grid-row:1}
  .hn-tool .sw-q{grid-template-columns:1fr 36px}
}
/* ===== Server-backed tools (10-server.js). All selectors use the .hns- prefix. ===== */
.hn-tool .hns-url{margin:0;font-size:.86rem;color:var(--muted);overflow-wrap:anywhere}
.hn-tool .hns-url a{color:var(--blue);font-weight:600}
.hn-tool .hns-muted{color:var(--muted)}
.hn-tool .hns-err{color:#B3261E;font-weight:600}
.hn-tool .hns-info{margin:0;padding:12px 14px;border-radius:12px;background:#EEF5FD;border:1px solid #CFE0F5;color:var(--ink);font-size:.92rem;line-height:1.55}
.hn-tool .hns-info .t-list{margin-top:2px}
.hn-tool .hns-ok{margin:0;padding:12px 14px;border-radius:12px;background:#ECFBF2;border:1px solid #BDEBD0;color:#0E7A43;font-weight:700}
.hn-tool .hns-h3{margin:6px 0 0;font-size:1.02rem;color:var(--ink)}
.hn-tool .hns-ring{position:relative;display:grid;justify-items:center;gap:6px;flex:none}
.hn-tool .hns-ring svg{display:block}
.hn-tool .hns-ring>b{position:absolute;top:0;left:0;right:0;aspect-ratio:1;display:grid;place-content:center;text-align:center;font-family:var(--f-display);font-size:1.7rem;line-height:1}
.hn-tool .hns-ring>b small{display:block;font-size:.72rem;font-weight:700;color:var(--muted);margin-top:4px;font-family:inherit}
.hn-tool .hns-ring>span{font-size:.8rem;font-weight:700;color:var(--muted);text-align:center}
.hn-tool .hns-hero{display:flex;gap:22px;align-items:center;flex-wrap:wrap;padding:16px;border:1px solid var(--line);border-radius:18px;background:#FBFCFE}
.hn-tool .hns-hero-r{flex:1 1 300px;min-width:0;display:grid;gap:12px}
.hn-tool .hns-rings{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end;justify-content:center}
.hn-tool .hns-bars{display:grid;gap:8px}
.hn-tool .hns-barrow{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(60px,1fr) 34px;gap:10px;align-items:center;font-size:.86rem;color:var(--ink)}
.hn-tool .hns-barrow b{text-align:right}
.hn-tool .hns-chks{display:grid;gap:8px}
.hn-tool .hns-chk{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}
.hn-tool .hns-chk .t-badge{min-width:64px;text-align:center;margin-top:2px}
.hn-tool .hns-chk b{display:block;color:var(--ink);font-size:.93rem}
.hn-tool .hns-chk p{margin:2px 0 0;color:var(--ink);font-size:.88rem;overflow-wrap:anywhere}
.hn-tool .hns-chk small{display:block;margin-top:4px;color:var(--muted);font-size:.84rem;line-height:1.5}
.hn-tool .hns-chk.hns-fail{border-color:#F5C6C0;background:#FFFAF9}
.hn-tool .hns-chk.hns-warn{border-color:#F7DDA8;background:#FFFCF5}
.hn-tool .hns-grps{display:grid;gap:10px}
.hn-tool .hns-grp{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.hn-tool .hns-grp>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:12px 14px;background:#F4F8FD}
.hn-tool .hns-grp>summary::-webkit-details-marker{display:none}
.hn-tool .hns-grp>summary::after{content:"+";grid-column:2;grid-row:1;justify-self:end;font-weight:800;color:var(--blue);display:none}
.hn-tool .hns-gn{font-weight:700;color:var(--ink)}
.hn-tool .hns-gn::before{content:"▸";display:inline-block;margin-right:8px;color:var(--blue);transition:transform .2s}
.hn-tool .hns-grp[open] .hns-gn::before{transform:rotate(90deg)}
.hn-tool .hns-gm{display:flex;gap:6px;align-items:center}
.hn-tool .hns-gm b{font-family:var(--f-display);font-size:1.15rem;min-width:30px;text-align:right}
.hn-tool .hns-gb{grid-column:1/-1;height:6px}
.hn-tool .hns-grp>.hns-chks,.hn-tool .hns-grp>.t-table,.hn-tool .hns-grp>.hns-shot{margin:12px}
.hn-tool .hns-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
/* keywords */
.hn-tool .hns-kwbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hn-tool .hns-kwfilter{flex:1 1 220px;min-width:0;height:40px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:inherit;background:#F8FAFD}
.hn-tool .hns-kwgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;align-items:start}
.hn-tool .hns-kwl{list-style:none;margin:0;padding:6px 0;max-height:420px;overflow:auto}
.hn-tool .hns-kwl li{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:6px 14px;font-size:.9rem;color:var(--ink);border-bottom:1px solid #F0F4F9}
.hn-tool .hns-kwl li:last-child{border-bottom:0}
.hn-tool .hns-kwl li[hidden]{display:none}
.hn-tool .hns-dig{flex:none;border:1px solid var(--line);background:#fff;color:var(--blue);font-size:.72rem;font-weight:700;border-radius:7px;padding:3px 8px;cursor:pointer}
.hn-tool .hns-dig:hover{background:var(--blue);color:#fff}
.hn-tool .hns-filter .t-chip.on,.hn-tool .hns-devbar .t-chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
.hn-tool .hns-filter .t-chip b{font-weight:800}
/* headings */
.hn-tool .hns-tree{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:560px;overflow:auto}
.hn-tool .hns-tree li{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;padding:6px 8px 6px calc(8px + var(--lv,0) * 18px);border-left:2px solid #E7EEF7;margin-left:calc(var(--lv,0) * 6px);font-size:.9rem;color:var(--ink)}
.hn-tool .hns-tree .hns-h1{border-left-color:var(--blue);font-weight:700}
.hn-tool .hns-tag{flex:none;font-family:var(--f-mono);font-size:.72rem;font-weight:800;color:#fff;background:#5B7392;border-radius:6px;padding:2px 6px}
.hn-tool .hns-h1 .hns-tag{background:var(--blue)}.hn-tool .hns-h2 .hns-tag{background:#00AEE6}
.hn-tool .hns-ht{min-width:0;overflow-wrap:anywhere}
/* redirects */
.hn-tool .hns-hops{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:hop}
.hn-tool .hns-hops li{position:relative;display:grid;gap:3px;padding:8px 0 14px 30px;border-left:2px dashed #C9D9EE;margin-left:10px}
.hn-tool .hns-hops li:last-child{border-left-color:transparent;padding-bottom:0}
.hn-tool .hns-hops li::before{counter-increment:hop;content:counter(hop);position:absolute;left:-12px;top:6px;width:22px;height:22px;border-radius:50%;background:#E28C00;color:#fff;font-size:.72rem;font-weight:800;display:grid;place-items:center}
.hn-tool .hns-hops li.g::before{background:#13A35B}.hn-tool .hns-hops li.b::before{background:#D64541}
.hn-tool .hns-hops .t-badge{justify-self:start}
.hn-tool .hns-hopu{font-family:var(--f-mono);font-size:.84rem;overflow-wrap:anywhere;color:var(--ink)}
.hn-tool .hns-hops small{font-size:.8rem}
/* speed */
.hn-tool .hns-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line)}
.hn-tool .hns-tab{border:1px solid transparent;border-bottom:0;background:none;padding:10px 18px;font:inherit;font-weight:700;color:var(--muted);cursor:pointer;border-radius:12px 12px 0 0;margin-bottom:-1px}
.hn-tool .hns-tab.on{background:#fff;border-color:var(--line);color:var(--ink)}
.hn-tool .hns-tab b{margin-left:6px}.hn-tool .hns-tab b.good{color:#0E7A43}.hn-tool .hns-tab b.warn{color:#9A5B00}.hn-tool .hns-tab b.bad{color:#B3261E}
.hn-tool .hns-panel{display:grid;gap:14px}
.hn-tool .hns-panel[hidden]{display:none}
.hn-tool .hns-panel>.hns-rings{padding:12px 0}
.hn-tool .hns-metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.hn-tool .hns-metric{border:1px solid var(--line);border-left:4px solid #C9D9EE;border-radius:12px;padding:10px 12px;display:grid;gap:2px;background:#fff}
.hn-tool .hns-metric span{font-size:.8rem;color:var(--muted);font-weight:600}
.hn-tool .hns-metric b{font-family:var(--f-display);font-size:1.35rem;color:var(--ink)}
.hn-tool .hns-metric small{font-size:.76rem;color:var(--muted)}
.hn-tool .hns-metric.good{border-left-color:#13A35B}.hn-tool .hns-metric.good b{color:#0E7A43}
.hn-tool .hns-metric.warn{border-left-color:#E28C00}.hn-tool .hns-metric.warn b{color:#9A5B00}
.hn-tool .hns-metric.bad{border-left-color:#D64541}.hn-tool .hns-metric.bad b{color:#B3261E}
.hn-tool .hns-shot{text-align:center}.hn-tool .hns-shot img{max-width:min(100%,320px);border:1px solid var(--line);border-radius:12px}
/* uptime */
.hn-tool .hns-status{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:16px;border:1px solid}
.hn-tool .hns-status b{display:block;font-family:var(--f-display);font-size:1.3rem}
.hn-tool .hns-status small{color:var(--muted);font-size:.86rem}
.hn-tool .hns-status .hns-dot{flex:none;width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 6px rgba(0,0,0,.05)}
.hn-tool .hns-status.good{background:#ECFBF2;border-color:#BDEBD0}.hn-tool .hns-status.good b{color:#0E7A43}.hn-tool .hns-status.good .hns-dot{background:#13A35B}
.hn-tool .hns-status.warn{background:#FFF7E8;border-color:#F7DDA8}.hn-tool .hns-status.warn b{color:#9A5B00}.hn-tool .hns-status.warn .hns-dot{background:#E28C00}
.hn-tool .hns-status.bad{background:#FFF1EF;border-color:#F5C6C0}.hn-tool .hns-status.bad b{color:#B3261E}.hn-tool .hns-status.bad .hns-dot{background:#D64541}
/* local */
.hn-tool .hns-fields{display:flex;flex-wrap:wrap;gap:6px}
.hn-tool .hns-field{font-size:.8rem;font-weight:700;border-radius:999px;padding:4px 10px;border:1px solid}
.hn-tool .hns-field.y{background:#ECFBF2;border-color:#BDEBD0;color:#0E7A43}
.hn-tool .hns-field.n{background:#FFF1EF;border-color:#F5C6C0;color:#B3261E}
.hn-tool .hns-checklist{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.hn-tool .hns-checklist label{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;cursor:pointer}
.hn-tool .hns-checklist input{margin-top:4px;accent-color:var(--blue);flex:none}
.hn-tool .hns-snip{display:inline-block;margin-top:4px;color:var(--muted);font-size:.78rem;line-height:1.4}
/* responsive previews */
.hn-tool .hns-devices{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.hn-tool .hns-dev{margin:0;display:grid;gap:6px}
.hn-tool .hns-dev[hidden]{display:none}
.hn-tool .hns-dev figcaption{font-size:.8rem;font-weight:700;color:var(--muted)}
.hn-tool .hns-frame{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#F4F8FD;box-shadow:0 16px 30px -24px rgba(6,22,46,.5)}
.hn-tool .hns-frame iframe{position:absolute;top:0;left:0;border:0;background:#fff;transform-origin:0 0}
@media (max-width:640px){
  .hn-tool .hns-two{grid-template-columns:1fr}
  .hn-tool .hns-hero{justify-content:center;padding:14px}
  .hn-tool .hns-barrow{grid-template-columns:minmax(0,1fr) 70px 30px;font-size:.8rem}
  .hn-tool .hns-tab{padding:9px 12px}
  .hn-tool .hns-chk{grid-template-columns:1fr}
  .hn-tool .hns-chk .t-badge{justify-self:start}
}
.hn-tool[data-tool="domain-authority-checker"] .da-rings{justify-content:center}
.hn-tool[data-tool="domain-authority-checker"] .da-guide p{margin:0 0 12px;line-height:1.6}
.hn-tool[data-tool="domain-authority-checker"] .da-guide .t-table{margin:4px 0 14px}
.hn-tool[data-tool="domain-authority-checker"] .da-guide{padding:14px 18px 6px}
.hn-tool[data-tool="domain-authority-checker"] .da-dl .t-copy{padding:8px 14px;font-size:14px}
/* Saved reports */
.hn-tool .hns-saved{margin:14px 0 4px}
.hn-tool .hns-sv{border:1px solid var(--line,#DCE6F2);border-radius:14px;background:#F8FBFF;overflow:hidden}
.hn-tool .hns-sv>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:12px 16px;color:var(--ink,#0B1F3A)}
.hn-tool .hns-sv>summary::-webkit-details-marker{display:none}
.hn-tool .hns-sv>summary:after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid #0A6CD0;border-bottom:2px solid #0A6CD0;transform:rotate(45deg);transition:transform .2s}
.hn-tool .hns-sv[open]>summary:after{transform:rotate(-135deg)}
.hn-tool .hns-sv ul{list-style:none;margin:0;padding:0 12px 4px}
.hn-tool .hns-sv li{display:flex;align-items:center;gap:10px;padding:10px 4px;border-top:1px solid var(--line,#DCE6F2)}
.hn-tool .hns-sv-t{flex:1;min-width:0;display:grid}
.hn-tool .hns-sv-t b{font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hn-tool .hns-sv-t small{color:var(--muted,#5B6B82);font-size:.78rem}
.hn-tool .hns-sv-s{font-weight:800;font-size:1.05rem;min-width:30px;text-align:right}
.hn-tool .hns-sv-x{border:0;background:none;color:#9AA7B8;font-size:1.3rem;line-height:1;width:34px;height:34px;border-radius:50%;cursor:pointer}
.hn-tool .hns-sv-x:hover{background:#FFF1F0;color:#C62828}
.hn-tool .hns-sv .t-sync{padding:0 16px 12px}
.hn-tool .hns-replay{background:#E9F4FF;border:1px solid #BFDcff;border-radius:10px;padding:9px 12px;font-size:.88rem;color:#0B1F3A}
.hn-tool .hns-sv-link{border:0;background:none;color:#0A6CD0;font-weight:700;cursor:pointer;padding:0;text-decoration:underline}
.hn-tool .hns-sv-n{background:#0A6CD0;color:#fff;border-radius:999px;font-size:.75rem;font-weight:800;padding:2px 8px}
/* Writing + social media tools (prefixed .hnw-) */
.hnw-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:#F8FAFD}
.hnw-bar>span:first-child{font-weight:700;color:var(--ink);margin-right:auto}
.hnw-bar .btn{min-height:40px}
.hnw-actions{display:flex;flex-wrap:wrap;gap:10px}
.hnw-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.hnw-opts{list-style:none;margin:0;padding:0;counter-reset:hnw}
.hnw-opts>li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:start;padding:12px 16px;border-bottom:1px solid var(--line);counter-increment:hnw}
.hnw-opts>li:last-child{border-bottom:0}
.hnw-opts .hnw-txt{color:var(--ink);line-height:1.55;overflow-wrap:anywhere;white-space:pre-line}
.hnw-opts .hnw-txt:before{content:counter(hnw)". ";color:var(--muted);font-family:var(--f-mono);font-size:.78rem}
.hnw-opts .hnw-m{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;justify-content:flex-end;max-width:240px}
.hnw-opts .hnw-m .t-meta{text-align:right}
.hnw-count{font-family:var(--f-mono);font-size:.74rem;color:#0E7A43;background:#ECFBF2;border-radius:7px;padding:2px 7px;white-space:nowrap}
.hnw-count.over{color:#B3261E;background:#FFF1EF}
.hnw-pre{white-space:pre-wrap;line-height:1.6;color:var(--ink)}
.hnw-doc{max-height:560px;overflow:auto}
.hnw-doc h1{font-size:1.45rem;margin:0 0 12px;line-height:1.25}
.hnw-doc h2{font-size:1.15rem;margin:22px 0 8px}
.hnw-doc h3{font-size:1rem;margin:16px 0 6px}
.hnw-doc p{margin:0 0 10px;color:var(--ink)}
.hnw-doc ul{margin:0 0 12px;padding-left:1.2em}
.hnw-diff{line-height:1.75}
.hnw-diff del,.hnw-bar del,.t-meta del{background:#FFE3E0;color:#9B1C14;text-decoration:line-through}
.hnw-diff ins,.t-meta ins{background:#DDF7E7;color:#0B6B3A;text-decoration:none}
.hnw-ver{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#FBFCFE}
.hnw-ver h4{margin:0;font-size:1rem}
.hnw-ed{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;padding:4px 0}
.hnw-ed input{flex:1 1 220px;min-width:0;height:40px;border:1px solid var(--line);border-radius:10px;padding:0 10px;font:inherit;font-size:.95rem;background:#F8FAFD;color:var(--ink)}
.hnw-ed input:focus{outline:none;border-color:var(--blue);background:#fff}
.hnw-ed input.over{border-color:#D64541;background:#FFF7F6}
.hnw-sl{display:grid;gap:2px;padding:8px 0;border-bottom:1px dashed var(--line)}
.hnw-sl:last-child{border-bottom:0}
.hnw-serp{max-width:620px;font-family:Arial,sans-serif}
.hnw-serp small{font-weight:700;color:#202124;font-size:.8rem}
.hnw-serp-d{color:#202124;font-size:.85rem;margin:2px 0}
.hnw-serp-h{color:#1a0dab;font-size:1.15rem;line-height:1.3;margin:2px 0 4px}
.hnw-serp-p{color:#4d5156;font-size:.9rem;line-height:1.5}
.hnw-fb{display:grid;gap:8px}
.hnw-fbrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px}
.hnw-lbl{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;margin-right:auto}
.hnw-fbtxt{padding:10px 12px;border-radius:10px;background:#F8FAFD;line-height:1.55;overflow-wrap:anywhere}
.hnw-fade{color:var(--muted)}
.hnw-mini{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:4px 0}
.hnw-sort{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.85rem;color:var(--muted)}
.hnw-sort .t-chip.on{background:var(--blue);color:#fff;border-color:var(--blue)}
.hnw-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:12px;font-size:.8rem;color:var(--muted)}
.hnw-legend span{display:inline-flex;gap:6px;align-items:center}
.hnw-dot{display:inline-block;width:12px;height:12px;border-radius:4px;flex:none;vertical-align:middle;margin-right:6px}
.hnw-legend .hnw-dot{margin:0}
.hnw-hltext{line-height:1.85;color:var(--ink);overflow-wrap:anywhere;max-height:520px;overflow:auto}
.hnw-hl{background:none;color:inherit;border-radius:3px;padding:0 1px}
.hl-long,.hnw-hl.hl-long{background:#FFF4CC}
.hl-vlong,.hnw-hl.hl-vlong{background:#FFE2B8}
.hnw-hl.hl-passive{box-shadow:inset 0 -2px 0 #7B61FF}
.hnw-hl.hl-adverb{box-shadow:inset 0 -2px 0 #00AEE6}
.hnw-hl.hl-weak{box-shadow:inset 0 -2px 0 #9AA7B8}
.hnw-hl.hl-cliche{box-shadow:inset 0 -2px 0 #E28C00}
.hnw-hl.hl-space{background:#FFD3CF}
.hnw-hl.hl-grammar{box-shadow:inset 0 -3px 0 #D64541;background:#FFF1EF}
.hnw-dot.hl-long,.hnw-dot.hl-vlong{background:#FFD98A}.hnw-dot.hl-passive{background:#7B61FF}.hnw-dot.hl-adverb{background:#00AEE6}.hnw-dot.hl-weak{background:#9AA7B8}.hnw-dot.hl-cliche{background:#E28C00}.hnw-dot.hl-space{background:#FFB3AB}.hnw-dot.hl-grammar{background:#D64541}
.hnw-iss{border-bottom:1px solid var(--line);padding:8px 0}
.hnw-iss:last-child{border-bottom:0}
.hnw-iss summary{cursor:pointer;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:4px}
.hnw-iss summary b{margin-left:6px;color:var(--blue)}
.hnw-iss .t-list{margin-top:8px;font-size:.9rem}
.hnw-sets{display:grid;gap:12px}
.hnw-tags{margin:4px 0 0;color:var(--ink);line-height:1.6;overflow-wrap:anywhere}
.hnw-cal .t-table table{min-width:760px}
.hnw-pill{display:inline-block;font-size:.74rem;font-weight:700;border-radius:999px;padding:3px 9px;white-space:nowrap}
.hnw-pill.p-educate{background:#EEF5FD;color:#0A6CD0}.hnw-pill.p-inspire{background:#ECFBF2;color:#0E7A43}.hnw-pill.p-entertain{background:#F4EEFF;color:#5B3CC4}.hnw-pill.p-promote{background:#FFF7E8;color:#9A5B00}
.hnw-lims{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.hnw-lim{border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;gap:8px;background:#fff}
.hnw-lim-h{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.hnw-lim-h b{font-size:.9rem;color:var(--ink);margin-right:auto}
.hnw-lim-h span{font-family:var(--f-mono);font-size:.8rem;color:var(--ink)}
.hnw-lim-h em{font-style:normal;font-size:.76rem;color:#0E7A43;font-weight:700}
.hnw-lim small{color:var(--muted);font-size:.76rem}
.hnw-lim.over{border-color:#F5C6C0;background:#FFF8F7}
.hnw-lim.over .hnw-lim-h em{color:#B3261E}
.hnw-lim.over .t-bar i{background:#D64541}
@media (max-width:640px){.hnw-opts>li{grid-template-columns:1fr}.hnw-opts .hnw-m{justify-content:flex-start;max-width:none}.hnw-bar .btn{flex:1 1 100%}}
.em-card .t-card-h{flex-wrap:wrap;gap:8px}
.em-preview{background:#EEF3F9;border-top:1px solid var(--line);padding:0}
.em-preview iframe{display:block;width:100%;height:760px;border:0;background:#EEF3F9}
.em-plain{border-top:1px solid var(--line);padding:12px 16px}.em-plain summary{cursor:pointer;font-weight:700;color:var(--ink)}
.em-plain .hnw-pre{margin-top:10px;white-space:pre-wrap;font-size:.92rem}
.em-fixed{border-color:#9EDFB9;background:#F1FBF5}.em-fixed .t-card-b{color:#0B5E33}
.em-ver{display:grid;gap:12px}
/* ===== Advertising + business tools (scoped to .ab-tool) ===== */
.ab-tool .tf[hidden],.ab-tool [hidden]{display:none!important}
.ab-tool .ab-formula{border:1px solid var(--line);border-radius:14px;background:#F8FAFD;padding:12px 14px;display:grid;gap:6px;min-width:0}
.ab-tool .ab-formula b{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.ab-tool .ab-formula pre{margin:0;font-family:var(--f-mono,monospace);font-size:.82rem;line-height:1.6;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}
.ab-tool .ab-note{border-left:4px solid var(--blue);background:#F4F8FD;border-radius:0 14px 14px 0;padding:12px 16px;display:grid;gap:8px;min-width:0}
.ab-tool .ab-note>b{color:var(--ink)}
.ab-tool .ab-note .t-list{line-height:1.55}
.ab-tool .ab-pos{color:#0E7A43;font-weight:700}.ab-tool .ab-neg{color:#B3261E;font-weight:700}
.ab-tool .t-card-b .t-table{margin-top:8px}
.ab-tool .t-card-b>p:first-child{margin-top:0}.ab-tool .t-card-b>p:last-child{margin-bottom:0}
/* editable row tables */
.ab-tool .ab-rt{overflow-x:auto;border:1px solid var(--line);border-radius:14px}
.ab-tool .ab-rt table{width:100%;border-collapse:collapse;font-size:.9rem}
.ab-tool .ab-rt th{background:#F4F8FD;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:left;padding:8px 10px}
.ab-tool .ab-rt td{padding:6px 8px;border-top:1px solid var(--line);vertical-align:middle}
.ab-tool .ab-rt input:not([type=checkbox]){width:100%;min-width:70px;height:40px;border:1px solid var(--line);border-radius:10px;padding:6px 10px;font:inherit;font-size:.95rem;background:#F8FAFD;color:var(--ink)}
.ab-tool .ab-rt input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,108,208,.14);background:#fff}
.ab-tool .ab-rt input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue)}
.ab-tool .ab-rows .ab-add{justify-self:start}
.ab-tool input.ab-mini{width:80px;height:36px;border:1px solid var(--line);border-radius:9px;padding:4px 8px;font:inherit;background:#F8FAFD}
@media (max-width:640px){
  .ab-tool .ab-rt{border:0;overflow:visible}
  .ab-tool .ab-rt thead{display:none}
  .ab-tool .ab-rt table,.ab-tool .ab-rt tbody,.ab-tool .ab-rt tr,.ab-tool .ab-rt td{display:block;width:100%}
  .ab-tool .ab-rt tr{border:1px solid var(--line);border-radius:12px;padding:8px;margin-bottom:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .ab-tool .ab-rt td{border:0;padding:0}
  .ab-tool .ab-rt td:first-child{grid-column:1/-1}
  .ab-tool .ab-rt td::before{content:attr(data-l);display:block;font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}
}
/* charts */
.ab-tool .ab-chart{display:grid;grid-template-columns:200px minmax(0,1fr);gap:18px;align-items:center;margin-top:12px}
.ab-tool .ab-chart svg{width:100%;max-width:200px;height:auto}
.ab-tool .ab-svg-k{font-size:11px;fill:var(--muted);font-weight:600}
.ab-tool .ab-svg-v{font-size:14px;fill:var(--ink);font-weight:800}
.ab-tool .ab-legend{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ab-tool .ab-legend li{display:grid;grid-template-columns:12px minmax(0,1fr) auto auto;gap:4px 10px;align-items:center;font-size:.88rem}
.ab-tool .ab-legend li>i{width:12px;height:12px;border-radius:3px}
.ab-tool .ab-legend li em{font-style:normal;color:var(--muted);font-size:.82rem}
.ab-tool .ab-legend .t-bar{grid-column:2/-1;height:6px}
.ab-tool .ab-funnel{width:100%;max-width:560px;height:auto;display:block;margin:0 auto}
.ab-tool .ab-fk{font-size:15px;fill:#fff;font-weight:700}
.ab-tool .ab-fv{font-size:16px;fill:#fff;font-weight:800}
@media (max-width:640px){.ab-tool .ab-chart{grid-template-columns:1fr;justify-items:center}.ab-tool .ab-legend{width:100%}}
/* competitor */
.ab-tool .ab-comp{border:1px solid var(--line);border-radius:16px;padding:12px 14px 14px;margin:0;min-width:0}
.ab-tool .ab-comp legend{font-weight:800;color:var(--blue);padding:0 6px}
.ab-tool .ab-cg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px}
.ab-tool .ab-cg textarea{min-height:84px}
.ab-tool .ab-checks{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.88rem}
.ab-tool .ab-checks label{display:inline-flex;gap:6px;align-items:center;font-weight:500;color:var(--ink)}
.ab-tool .ab-checks input{width:16px;height:16px;accent-color:var(--blue)}
@media (max-width:900px){.ab-tool .ab-cg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ab-tool .ab-cg{grid-template-columns:1fr}}
.ab-tool .ab-swot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ab-tool .ab-sw{border-radius:14px;padding:12px 14px;border:1px solid var(--line);min-width:0}
.ab-tool .ab-sw>b{display:block;margin-bottom:6px}
.ab-tool .ab-sw.s{background:#ECFBF2}.ab-tool .ab-sw.w{background:#FFF1EF}.ab-tool .ab-sw.o{background:#EEF5FD}.ab-tool .ab-sw.t{background:#FFF7E8}
@media (max-width:640px){.ab-tool .ab-swot{grid-template-columns:1fr}}
/* funnel stages, personas */
.ab-tool .ab-stages,.ab-tool .ab-personas{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.ab-tool .ab-stage,.ab-tool .ab-persona{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#FBFCFE;min-width:0}
.ab-tool .ab-stage h4,.ab-tool .ab-persona h4{margin:0 0 8px;font-size:1rem;color:var(--blue)}
.ab-tool .ab-stage p{margin:0 0 6px;font-size:.9rem;line-height:1.5}
.ab-tool .ab-persona>div{margin-bottom:8px}.ab-tool .ab-persona>div>b{font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.ab-tool .ab-persona .t-list{font-size:.9rem;gap:3px}
/* lead gen */
.ab-tool .ab-dots{display:inline-flex;gap:3px;vertical-align:middle}.ab-tool .ab-dots i{width:8px;height:8px;border-radius:50%;background:#DCE4EF}.ab-tool .ab-dots i.on{background:var(--blue)}
.ab-tool .ab-check{list-style:none;margin:0;padding:0;display:grid;gap:6px}.ab-tool .ab-check label{display:flex;gap:8px;align-items:flex-start;cursor:pointer}.ab-tool .ab-check input{margin-top:4px;accent-color:var(--blue)}
/* names and slogans */
.ab-tool .ab-names{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.ab-tool .ab-name{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#FBFCFE;min-width:0}
.ab-tool .ab-name>div{display:grid;min-width:0}.ab-tool .ab-name b{font-size:1rem;overflow-wrap:anywhere}.ab-tool .ab-name small{color:var(--muted);font-size:.76rem;overflow-wrap:anywhere}
.ab-tool .ab-star{border:0;background:none;font-size:1.3rem;line-height:1;color:#C9D6E6;cursor:pointer;padding:2px}.ab-tool .ab-star.on{color:#F5A623}
.ab-tool .ab-x{border:0;background:none;font-size:1rem;cursor:pointer;color:var(--muted);padding:0 2px}
.ab-tool .ab-slogans{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.ab-tool .ab-slogan{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#FBFCFE;min-width:0}
.ab-tool .ab-slogan>div{display:grid;min-width:0}.ab-tool .ab-slogan small{color:var(--muted);font-size:.76rem}
.ab-tool .ab-pbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
/* proposal */
.ab-tool .ab-proposal{border:1px solid var(--line);border-radius:16px;padding:clamp(16px,3vw,32px);background:#fff;line-height:1.6;color:var(--ink);min-width:0;overflow-wrap:anywhere}
.ab-tool .ab-proposal h1{font-size:clamp(1.4rem,3vw,1.9rem);margin:8px 0 14px;color:#fff}
.ab-tool .ab-proposal h2{font-size:1.15rem;margin:24px 0 8px;color:var(--blue);border-bottom:1px solid var(--line);padding-bottom:6px}
.ab-tool .ab-proposal table{width:100%;border-collapse:collapse;margin:8px 0;font-size:.92rem}
.ab-tool .ab-proposal th,.ab-tool .ab-proposal td{border:1px solid var(--line);padding:8px 10px;text-align:left}
.ab-tool .ab-proposal th{background:#F4F8FD}
.ab-tool .pp-cover{padding:clamp(18px,3vw,30px);border-radius:14px;background:#06162E;color:#E7F0FB}
.ab-tool .pp-cover p{margin:4px 0}
.ab-tool .pp-k{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:#00AEE6!important;margin:0}
.ab-tool .pp-sign{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:640px){.ab-tool .pp-sign{grid-template-columns:1fr}}
@media print{
  body.ab-printing *{visibility:hidden!important}
  body.ab-printing .ab-print-me,body.ab-printing .ab-print-me *{visibility:visible!important}
  body.ab-printing .ab-print-me{position:absolute;left:0;top:0;width:100%;border:0;padding:0}
  body.ab-printing .pp-cover{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body.ab-printing .ab-proposal h2{break-after:avoid}
}
@media (max-width:640px){.ab-tool .t-stat b{font-size:1.12rem;overflow-wrap:normal}.ab-tool .t-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}
.ab-tool .ab-dmb,.ab-tool .ab-ai,.ab-tool .ab-favs,.ab-tool .ab-chart>*{min-width:0}
/* ===== Business calculators (65-business-calc.js). Every selector is scoped to .hn-tool.bc-tool and uses the unique bc- prefix. ===== */
.hn-tool.bc-tool>*,.hn-tool.bc-tool .bc-panel>*,.hn-tool.bc-tool .tool-out>*{min-width:0}
.hn-tool.bc-tool .tf[hidden],.hn-tool.bc-tool .bc-panel[hidden]{display:none!important}
.hn-tool.bc-tool .bc-panel{display:grid;gap:18px}
.hn-tool.bc-tool .bc-h{font-family:var(--f-display);font-size:1.05rem;color:var(--ink);margin:6px 0 -4px}
.hn-tool.bc-tool .bc-neg{color:#B3261E}
.hn-tool.bc-tool .bc-del{color:#B3261E}
.hn-tool.bc-tool .bc-del:hover{background:#B3261E;border-color:#B3261E;color:#fff}
.hn-tool.bc-tool .t-copy:disabled{opacity:.55;cursor:not-allowed}
.hn-tool.bc-tool .t-chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
.hn-tool.bc-tool .t-table td code,.hn-tool.bc-tool .bc-steps code{font-family:var(--f-mono);font-size:.84rem;background:#F4F8FD;border-radius:6px;padding:2px 6px;overflow-wrap:anywhere;white-space:normal}
.hn-tool.bc-tool .bc-steps{gap:8px}
.hn-tool.bc-tool .bc-in{width:100%;min-width:0;height:44px;border:1px solid var(--line);border-radius:12px;padding:8px 12px;font:inherit;font-size:.95rem;color:var(--ink);background:#F8FAFD}
.hn-tool.bc-tool .bc-in:focus,.hn-tool.bc-tool .bc-cell input:focus,.hn-tool.bc-tool .bc-cell select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(10,108,208,.14);background:#fff}
.hn-tool.bc-tool .bc-row{display:flex;gap:8px;align-items:center;min-width:0}
.hn-tool.bc-tool .bc-row>.bc-in{flex:1 1 0;width:0}
.hn-tool.bc-tool .bc-row .btn{flex:none;min-height:44px}
.hn-tool.bc-tool .bc-x{border:0;background:transparent;color:var(--muted);font-size:1.4rem;line-height:1;cursor:pointer;padding:6px 10px;border-radius:9px;flex:none}
.hn-tool.bc-tool .bc-x:hover{color:#B3261E;background:#FFF1EF}
.hn-tool.bc-tool .bc-file{position:relative;overflow:hidden;cursor:pointer;display:inline-flex;align-items:center}
.hn-tool.bc-tool .bc-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.hn-tool.bc-tool .bc-toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:9999;padding:12px 16px;border-radius:14px;background:#06162E;color:#fff;font-weight:600;font-size:.92rem;box-shadow:0 20px 40px -18px rgba(6,22,46,.6);max-width:calc(100vw - 32px)}
.hn-tool.bc-tool .t-sync{margin:0}

/* tabs */
.hn-tool.bc-tool .bc-tabs{display:flex;gap:4px;padding:4px;border-radius:14px;background:#EEF3F9;overflow-x:auto;scrollbar-width:none}
.hn-tool.bc-tool .bc-tabs button{flex:1 0 auto;border:0;background:transparent;border-radius:10px;padding:10px 14px;font:inherit;font-size:.92rem;font-weight:700;color:var(--muted);cursor:pointer;white-space:nowrap}
.hn-tool.bc-tool .bc-tabs button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 2px 8px -4px rgba(6,22,46,.35)}

/* toolbars, alerts, notes */
.hn-tool.bc-tool .bc-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hn-tool.bc-tool .bc-bar a.t-copy{text-decoration:none;display:inline-flex;align-items:center}
.hn-tool.bc-tool .bc-alert{margin:0;padding:12px 14px;border-radius:12px;border:1px solid;line-height:1.55;font-size:.94rem;color:var(--ink)}
.hn-tool.bc-tool .bc-alert.good{background:#ECFBF2;border-color:#BDEBD0}
.hn-tool.bc-tool .bc-alert.warn{background:#FFF7E8;border-color:#F7DDA8}
.hn-tool.bc-tool .bc-alert.bad{background:#FFF1EF;border-color:#F5C6C0}
.hn-tool.bc-tool .bc-alert.info{background:#EEF5FD;border-color:#CFE0F5}
.hn-tool.bc-tool .bc-warns{margin:0;font-size:.9rem;color:var(--text)}
.hn-tool.bc-tool .bc-warns2{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.hn-tool.bc-tool .bc-warns2 li{padding:9px 12px 9px 34px;border-radius:10px;font-size:.9rem;position:relative;line-height:1.45}
.hn-tool.bc-tool .bc-warns2 li:before{position:absolute;left:12px;top:9px;font-weight:900}
.hn-tool.bc-tool .bc-warns2 li.warn{background:#FFF7E8;color:#6B4300}.hn-tool.bc-tool .bc-warns2 li.warn:before{content:"!";color:#E28C00}
.hn-tool.bc-tool .bc-warns2 li.info{background:#EEF5FD;color:#23466F}.hn-tool.bc-tool .bc-warns2 li.info:before{content:"i";color:var(--blue)}
.hn-tool.bc-tool .bc-sec{display:grid;gap:2px;padding-top:4px;border-top:1px dashed var(--line)}
.hn-tool.bc-tool form .bc-sec:first-child{border-top:0;padding-top:0}
.hn-tool.bc-tool .bc-sec b{font-family:var(--f-display);font-size:1rem;color:var(--ink)}
.hn-tool.bc-tool .bc-det{border:1px solid var(--line);border-radius:14px;background:#fff}
.hn-tool.bc-tool .bc-det>summary{cursor:pointer;padding:12px 14px;font-weight:700;color:var(--blue);font-size:.92rem}
.hn-tool.bc-tool .bc-det[open]>summary{border-bottom:1px solid var(--line)}
.hn-tool.bc-tool .bc-det>.t-table{border:0;border-radius:0 0 14px 14px}
.hn-tool.bc-tool .bc-det>.bc-row{padding:12px 14px}

/* charts */
.hn-tool.bc-tool .bc-chartbox{margin:0;border:1px solid var(--line);border-radius:16px;padding:12px 12px 10px;background:#fff;display:grid;gap:8px}
.hn-tool.bc-tool .bc-chartbox figcaption{font-weight:700;font-size:.88rem;color:var(--ink)}
.hn-tool.bc-tool .bc-svg{width:100%;min-width:0;overflow:hidden}
.hn-tool.bc-tool .bc-svg svg,.hn-tool.bc-tool .bc-chartbox>svg{display:block;max-width:100%;height:auto}
.hn-tool.bc-tool .bc-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.82rem;color:var(--muted)}
.hn-tool.bc-tool .bc-legend span{display:inline-flex;align-items:center;gap:6px}
.hn-tool.bc-tool .bc-legend i{display:inline-block;width:14px;height:10px;border-radius:3px}
.hn-tool.bc-tool .bc-legend b{color:var(--ink)}

/* saved scenarios */
.hn-tool.bc-tool .bc-scen,.hn-tool.bc-tool .bc-lib{border:1px solid var(--line);border-radius:16px;padding:14px;background:#F8FAFD;display:grid;gap:10px}
.hn-tool.bc-tool .bc-scen-h{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;justify-content:space-between}
.hn-tool.bc-tool .bc-scen-h b{font-family:var(--f-display);color:var(--ink)}
.hn-tool.bc-tool .bc-scen-list,.hn-tool.bc-tool .bc-links{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hn-tool.bc-tool .bc-scen-list li,.hn-tool.bc-tool .bc-links li{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0}
.hn-tool.bc-tool .bc-scen-list li>div,.hn-tool.bc-tool .bc-lmain{display:grid;gap:2px;min-width:0;flex:1 1 220px}
.hn-tool.bc-tool .bc-scen-list small{color:var(--muted);font-size:.8rem}
.hn-tool.bc-tool .bc-scen-list li>span,.hn-tool.bc-tool .bc-lact{display:flex;gap:6px;flex:none}
.hn-tool.bc-tool .bc-links li.bc-empty{display:block;background:transparent;border:0;padding:4px 0}
.hn-tool.bc-tool .bc-lmain code{font-family:var(--f-mono);font-size:.78rem;color:var(--text);overflow-wrap:anywhere;word-break:break-all}

/* line editors (cash flow, landed cost) */
.hn-tool.bc-tool .bc-lines-h{display:grid;gap:2px}
.hn-tool.bc-tool .bc-lines-h b{font-family:var(--f-display);color:var(--ink)}
.hn-tool.bc-tool .bc-lines,.hn-tool.bc-tool .bc-plines{display:grid;gap:8px;min-width:0}
.hn-tool.bc-tool .bc-line{display:grid;grid-template-columns:118px minmax(120px,1.6fr) minmax(90px,1fr) 128px 112px 112px 88px 36px;gap:8px;align-items:end;padding:10px;border:1px solid var(--line);border-left:4px solid #3FBF7F;border-radius:12px;background:#fff;min-width:0}
.hn-tool.bc-tool .bc-line.is-out{border-left-color:#E56B66}
.hn-tool.bc-tool .bc-cell{display:grid;gap:4px;min-width:0}
.hn-tool.bc-tool .bc-cell>span{font-size:.74rem;font-weight:700;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hn-tool.bc-tool .bc-cell input,.hn-tool.bc-tool .bc-cell select{width:100%;min-width:0;height:42px;border:1px solid var(--line);border-radius:10px;padding:6px 10px;font:inherit;font-size:.93rem;color:var(--ink);background:#F8FAFD}
.hn-tool.bc-tool .bc-cell input:disabled,.hn-tool.bc-tool .bc-cell select:disabled{opacity:.5}
.hn-tool.bc-tool .bc-cell.bc-bad input{border-color:#D64541;background:#FFF7F6}
.hn-tool.bc-tool .bc-line .bc-x{align-self:end;height:42px}
.hn-tool.bc-tool .bc-actions{display:flex;flex-wrap:wrap;gap:8px}
.hn-tool.bc-tool .bc-empty{margin:0}
.hn-tool.bc-tool .bc-pline{border:1px solid var(--line);border-radius:14px;background:#fff;padding:10px 12px 12px;display:grid;gap:8px;min-width:0}
.hn-tool.bc-tool .bc-pline-h{display:flex;align-items:center;justify-content:space-between;min-height:30px}
.hn-tool.bc-tool .bc-pline-h b{font-size:.9rem;color:var(--ink)}
.hn-tool.bc-tool .bc-pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 10px}
.hn-tool.bc-tool .bc-pgrid .bc-rate>span{white-space:normal;line-height:1.25;min-height:2.5em;display:flex;align-items:flex-end}
.hn-tool.bc-tool .bc-pline-f{font-size:.82rem;color:var(--muted);font-weight:600}
.hn-tool.bc-tool .bc-pline-f:empty{display:none}

/* landed cost composition bar */
.hn-tool.bc-tool .bc-comp{display:grid;gap:8px}
.hn-tool.bc-tool .bc-compbar{display:flex;height:18px;border-radius:9px;overflow:hidden;background:#E7EEF7}
.hn-tool.bc-tool .bc-compbar i{display:block;height:100%;min-width:2px}

/* UTM builder */
.hn-tool.bc-tool .bc-presets .t-chip{font-weight:600}
.hn-tool.bc-tool .bc-custom{display:grid;gap:8px}
.hn-tool.bc-tool .bc-custom [data-cp]{display:grid;gap:8px}
.hn-tool.bc-tool .bc-custom [data-cp]:empty{display:none}
.hn-tool.bc-tool .bc-custom>.t-copy{justify-self:start}
.hn-tool.bc-tool .bc-url{display:block;font-family:var(--f-mono);font-size:.88rem;color:var(--ink);overflow-wrap:anywhere;word-break:break-all;line-height:1.55}
.hn-tool.bc-tool .bc-urlbar{padding:0 14px 14px}
.hn-tool.bc-tool .bc-urlbar .bc-lname{flex:1 1 160px;width:auto;height:36px;font-size:.88rem}
.hn-tool.bc-tool .bc-utmgrid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:14px;align-items:start}
.hn-tool.bc-tool .bc-utmgrid .t-table table{min-width:0}
.hn-tool.bc-tool .bc-qr{border:1px solid var(--line);border-radius:16px;padding:12px;display:grid;gap:10px;justify-items:center;background:#fff}
.hn-tool.bc-tool .bc-qrimg{width:100%;max-width:196px;aspect-ratio:1;display:grid;place-items:center;text-align:center}
.hn-tool.bc-tool .bc-qrimg svg{width:100%;height:auto;display:block}

@media (max-width:980px){
  .hn-tool.bc-tool .bc-line{grid-template-columns:repeat(4,minmax(0,1fr)) 36px}
  .hn-tool.bc-tool .bc-line .bc-c-name{grid-column:span 2}
}
@media (max-width:640px){
  .hn-tool.bc-tool .bc-line{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 10px 10px 12px;position:relative}
  .hn-tool.bc-tool .bc-line .bc-c-name{grid-column:1/-1;padding-right:34px}
  .hn-tool.bc-tool .bc-line .bc-x{position:absolute;top:4px;right:4px;height:auto}
  .hn-tool.bc-tool .bc-pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hn-tool.bc-tool .bc-pgrid .bc-c-name{grid-column:1/-1}
  .hn-tool.bc-tool .bc-utmgrid{grid-template-columns:1fr}
  .hn-tool.bc-tool .bc-tabs button{padding:10px 10px;font-size:.88rem}
  .hn-tool.bc-tool .bc-row{flex-wrap:wrap}
  .hn-tool.bc-tool .bc-row>.bc-in{flex:1 1 100%;width:100%}
  .hn-tool.bc-tool .bc-row .btn{flex:1 1 auto}
  .hn-tool.bc-tool .bc-cp{flex-wrap:nowrap}
  .hn-tool.bc-tool .bc-cp>.bc-in{flex:1 1 0;width:0}
}
.hn-tool.bc-tool .t-stats{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}
.hn-tool.bc-tool .t-stat b{font-size:1.28rem;overflow-wrap:normal;word-break:normal}
@media (max-width:640px){.hn-tool.bc-tool .t-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hn-tool.bc-tool .t-stat{padding:12px}.hn-tool.bc-tool .t-stat b{font-size:1.08rem;overflow-wrap:anywhere}}
.hn-tool.bc-tool .bc-chartbox>svg{width:100%;max-width:680px}
/* ===== Business kit: invoice, quotation, receipt, business card, review QR kit, link in bio (scoped to .bk-tool) ===== */
.bk-tool [hidden],.bk-tool .tf[hidden]{display:none!important}
.bk-tool .bk-form{gap:12px}
.bk-tool .bk-sec{border:1px solid var(--line);border-radius:16px;background:#fff;min-width:0}
.bk-tool .bk-sec>summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:800;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:16px}
.bk-tool .bk-sec>summary::-webkit-details-marker{display:none}
.bk-tool .bk-sec>summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s;flex:none;margin-right:4px}
.bk-tool .bk-sec[open]>summary::after{transform:rotate(-135deg)}
.bk-tool .bk-sec[open]>summary{border-bottom:1px solid var(--line);border-radius:16px 16px 0 0;background:#F8FAFD}
.bk-tool .bk-sec>.tf-grid{padding:14px 16px 16px}
.bk-tool .bk-sec>.t-note{padding:12px 16px 0}
.bk-tool .bk-raw{display:block}
.bk-tool .bk-alert{margin:0;padding:10px 14px;border-radius:12px;font-weight:600;font-size:.9rem;background:#EEF5FD;color:#0B4F96}
.bk-tool .bk-alert.good{background:#ECFBF2;color:#0E7A43}.bk-tool .bk-alert.warn{background:#FFF7E8;color:#8A5300}.bk-tool .bk-alert.bad{background:#FFF1EF;color:#B3261E}
.bk-tool .bk-msg:empty{display:none}
.bk-tool .bk-btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bk-tool .bk-btns .btn{min-height:42px}
.bk-tool .bk-note{border-left:4px solid var(--blue);background:#F4F8FD;border-radius:0 14px 14px 0;padding:12px 16px;display:grid;gap:8px;min-width:0}
.bk-tool .bk-note .t-list{line-height:1.55}
.bk-tool .bk-h{margin:6px 0 0;font-size:1.1rem}
.bk-tool .bk-imgs{display:flex;flex-wrap:wrap;gap:12px}
.bk-tool .bk-imgs span,.bk-tool .bk-logo-row{display:flex;align-items:center;gap:12px}
.bk-tool .bk-imgs img,.bk-tool .bk-logo-row img{max-height:56px;max-width:140px;border:1px solid var(--line);border-radius:10px;padding:4px;background:#fff}
.bk-tool .bk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* line item editor */
.bk-doc .bk-items-ed{display:grid;gap:10px}
.bk-doc .bk-items-ed table{width:100%;border-collapse:collapse;font-size:.9rem}
.bk-doc .bk-items-ed th{background:#F4F8FD;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-align:left;padding:8px 6px}
.bk-doc .bk-items-ed td{padding:5px 4px;border-top:1px solid var(--line);vertical-align:middle}
.bk-doc .bk-items-ed input{width:100%;min-width:56px;height:42px;border:1px solid var(--line);border-radius:10px;padding:6px 9px;font:inherit;font-size:.95rem;background:#F8FAFD;color:var(--ink)}
.bk-doc .bk-items-ed input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,108,208,.14);background:#fff}
.bk-doc .bk-items-ed td:first-child{width:40%}
.bk-doc .bk-items-ed .bk-amt{text-align:right;white-space:nowrap;font-weight:700;color:var(--ink);padding-right:8px}
.bk-doc .bk-items-ed th.bk-amt{color:var(--muted);font-weight:700}
.bk-doc .bk-del{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:#fff;color:#B3261E;font-size:1.2rem;line-height:1;cursor:pointer}
.bk-doc .bk-del:hover{background:#FFF1EF}
.bk-doc .bk-add{justify-self:start}
.bk-doc form:not(.bk-linetax) .bk-ltax{display:none}
.bk-doc .bk-drafts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 14px;border:1px dashed #C9D6E6;border-radius:14px;background:#FBFCFE;font-weight:700;font-size:.9rem}
.bk-doc .bk-drafts label{display:flex;gap:8px;align-items:center;flex:1 1 260px;min-width:0}
.bk-doc .bk-drafts select{flex:1;min-width:0;height:40px;border:1px solid var(--line);border-radius:10px;padding:0 10px;font:inherit;background:#fff}
.bk-doc .bk-pvbar{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.bk-doc .bk-pvbar b{color:var(--ink)}.bk-doc .bk-pvbar .t-note{margin-right:auto}
.bk-doc .bk-pv{border:1px solid var(--line);border-radius:14px;background:#E9EEF5;padding:0;overflow:hidden;position:relative}
.bk-doc .bk-scale{transform-origin:0 0;box-shadow:0 10px 30px -18px rgba(6,22,46,.5)}
.bk-doc .bk-pv.bk-zoomed{overflow:auto;max-height:80vh}
.bk-doc .bk-pv .bk-th{margin:16px auto;box-shadow:0 10px 30px -18px rgba(6,22,46,.5)}
@media (max-width:700px){
  .bk-doc .bk-items-ed table,.bk-doc .bk-items-ed tbody,.bk-doc .bk-items-ed tr,.bk-doc .bk-items-ed td{display:block;width:100%!important}
  .bk-doc .bk-items-ed thead{display:none}
  .bk-doc .bk-items-ed tr{border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px;position:relative}
  .bk-doc .bk-items-ed td{border:0;padding:0}
  .bk-doc .bk-items-ed td:first-child{grid-column:1/-1;padding-right:42px}
  .bk-doc .bk-items-ed td[data-l]::before{content:attr(data-l);display:block;font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}
  .bk-doc .bk-items-ed .bk-amt{text-align:left;align-self:end;padding:0 0 10px}
  .bk-doc .bk-items-ed .bk-rm{position:absolute;top:8px;right:8px;width:auto!important}
  .bk-doc form:not(.bk-linetax) .bk-items-ed td.bk-ltax{display:none}
}
/* business card */
.bk-card .bk-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bk-card .bk-cards figure{margin:0;display:grid;gap:6px;min-width:0}
.bk-card .bk-cards figcaption{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.bk-card .bk-cv canvas{width:100%;display:block;border-radius:10px;background:none;box-shadow:0 14px 30px -20px rgba(6,22,46,.6)}
.bk-tool .bk-qrrow{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:14px}
.bk-tool .bk-qr svg{width:100%;height:auto;display:block;border-radius:8px;border:1px solid var(--line)}
@media (max-width:700px){.bk-card .bk-cards{grid-template-columns:1fr}.bk-tool .bk-qrrow{grid-template-columns:110px minmax(0,1fr)}}
/* review kit */
.bk-review .bk-link{display:grid;gap:8px;border:1px solid var(--line);border-radius:16px;padding:14px;background:#F8FAFD;min-width:0}
.bk-review .bk-link a{overflow-wrap:anywhere;font-weight:600;color:var(--blue)}
.bk-review .bk-link .bk-btns a{text-decoration:none}
.bk-review .bk-rv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.bk-review .bk-rvimg canvas{width:100%;display:block;background:none;border-radius:14px}
.bk-review .bk-rvside{display:grid;gap:10px;min-width:0}
.bk-review .bk-rvside .bk-qr{max-width:160px}
.bk-review .bk-msgs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bk-review .bk-msgs .t-card-h a{text-decoration:none}
@media (max-width:760px){.bk-review .bk-rv,.bk-review .bk-msgs{grid-template-columns:1fr}}
/* link in bio */
.bk-bio .bk-links{display:grid;gap:10px}
.bk-bio .bk-lrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:8px;align-items:start;border:1px solid var(--line);border-radius:14px;padding:10px;background:#FBFCFE}
.bk-bio .bk-lrow .tf input{height:44px}
.bk-bio .bk-lact{display:flex;gap:4px;padding-top:26px}
.bk-bio .bk-lact .t-copy{width:38px;height:40px;padding:0;font-size:1rem}
.bk-bio .bk-ladd{justify-self:start;margin-top:10px}
.bk-bio .bk-biogrid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px;align-items:start}
.bk-bio .bk-phone{position:relative;width:100%;max-width:330px;margin:0 auto;aspect-ratio:9/18.5;border:12px solid #0B1020;border-radius:44px;background:#0B1020;box-shadow:0 30px 60px -36px rgba(6,22,46,.7);overflow:hidden}
.bk-bio .bk-phone iframe{width:100%;height:100%;border:0;border-radius:32px;background:#fff;display:block}
.bk-bio .bk-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:38%;height:22px;background:#0B1020;border-radius:0 0 14px 14px;z-index:2}
.bk-bio .bk-bioside{display:grid;gap:12px;min-width:0}
@media (max-width:760px){.bk-bio .bk-biogrid{grid-template-columns:1fr}.bk-bio .bk-lrow{grid-template-columns:1fr}.bk-bio .bk-lact{justify-content:flex-end;padding-top:0}.bk-bio .bk-phone{max-width:300px}}
.bk-doc .bk-sum .t-stat b{font-size:1.2rem}
/* ===== Everyday calculators + WhatsApp tools (61-calculators.js) ===== */
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) [hidden],.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .tf[hidden]{display:none!important}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-hero{border-radius:18px;padding:18px 20px;background:linear-gradient(135deg,#0A6CD0,#00AEE6);color:#fff;display:grid;gap:4px;min-width:0}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-hero span{font-size:.85rem;font-weight:700;opacity:.9}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-hero b{font-family:var(--f-display);font-size:clamp(1.6rem,4.6vw,2.4rem);line-height:1.15;overflow-wrap:anywhere}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-hero small{font-size:.9rem;opacity:.92}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-formula{border:1px solid var(--line);border-radius:14px;background:#F8FAFD;padding:12px 14px;display:grid;gap:6px;min-width:0}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-formula b{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-formula pre{margin:0;font-family:var(--f-mono,monospace);font-size:.82rem;line-height:1.6;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-note{border-left:4px solid var(--blue);background:#F4F8FD;border-radius:0 14px 14px 0;padding:12px 16px;display:grid;gap:8px;min-width:0}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-note .t-list{line-height:1.55;font-size:.92rem}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-chips .t-chip{padding:6px 12px;font-weight:700;min-height:34px}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-seg button{border:0;background:transparent;padding:6px 12px;font:inherit;font-size:.8rem;font-weight:700;color:var(--muted);cursor:pointer;min-height:32px}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-seg button.on{background:var(--blue);color:#fff}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-sched{padding:12px}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-sched.cx-scroll .t-table{max-height:480px;overflow:auto}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-sched .t-table td{white-space:nowrap;font-variant-numeric:tabular-nums}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-sched .t-table th{position:sticky;top:0}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-split{display:grid;gap:8px}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-splitbar{height:14px;border-radius:9px;background:#F2A33A;overflow:hidden}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-splitbar i{display:block;height:100%;background:var(--blue)}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.86rem;font-weight:600;color:var(--ink)}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;background:var(--blue)}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-legend i.b{background:#F2A33A}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-party{margin:0;padding:12px 14px;border-radius:12px;background:#ECFBF2;color:#0E7A43;font-weight:700}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-warnline{margin:0;padding:10px 14px;border-radius:12px;background:#FFF7E8;color:#9A5B00;font-weight:600;font-size:.92rem}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-wa-actions{display:flex;flex-wrap:wrap;gap:10px}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-wa-actions .btn{min-height:50px;justify-content:center}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-wa-btn{background:#1DA851!important;border-color:#1DA851!important}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-link{font-family:var(--f-mono,monospace);font-size:.86rem;word-break:break-all}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-qr{display:grid;justify-items:center}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-qr canvas{width:min(320px,100%);background:#fff}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-tpl-top{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) mark{background:#FFF1C2;color:#7A4B00;border-radius:4px;padding:0 3px}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-tpls{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:14px}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-tpl{border:1px solid var(--line);border-radius:16px;background:#fff;padding:12px;display:grid;gap:10px;align-content:start;min-width:0}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-tpl-h{display:grid;gap:6px;justify-items:start}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-tpl-h b{font-size:.95rem;color:var(--ink)}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-bubble{position:relative;background:#E7F8DC;border-radius:4px 14px 14px 14px;padding:10px 12px 8px;color:#111B21;font-size:.92rem;line-height:1.5;overflow-wrap:anywhere}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-bubble small{display:block;text-align:right;color:#667781;font-size:.72rem;margin-top:4px}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-tpl-a{display:flex;flex-wrap:wrap;gap:8px}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-tpl-a .t-copy{min-height:36px;display:inline-flex;align-items:center;text-decoration:none}
@media (max-width:640px){.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-wa-actions .btn{flex:1 1 100%}.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-hero{padding:16px}}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .t-stats{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .t-stat b{overflow-wrap:normal;word-break:normal;font-size:clamp(1.15rem,3.8vw,1.45rem)}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-fit .t-table table{min-width:0}
.hn-tool:is([data-tool="loan-emi-calculator"],[data-tool="tip-calculator"],[data-tool="discount-calculator"],[data-tool="percentage-calculator"],[data-tool="age-calculator"],[data-tool="date-calculator"],[data-tool="whatsapp-direct-chat"],[data-tool="whatsapp-message-templates"]) .cx-chips .t-chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
/* Group 40: creative + local tools. All selectors use the unique .hcl- prefix. */
.hcl-ed{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:22px;align-items:start}
.hcl-ed .hcl-ctl{min-width:0;display:grid;gap:14px}
.hcl-ed .hcl-pv{min-width:0;position:sticky;top:90px;display:grid;gap:12px}
.hcl-ed .hcl-stage{display:grid;place-items:center;gap:10px;padding:12px;border:1px dashed #C9D6E6;border-radius:16px;background:#FBFCFE;min-height:220px}
.hcl-ed .hcl-stage canvas.t-canvas{display:block;max-width:100%;max-height:72vh;width:auto;height:auto}
.hcl-ed .hcl-bar{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}
.hcl-ed .hcl-bar .t-note{flex:1 1 220px}
.hcl-ed .tf-actions .btn{min-height:44px}
.hcl-priv{display:flex;gap:8px;align-items:center}
.hcl-priv:before{content:"";width:8px;height:8px;border-radius:50%;background:#13A35B;flex:none}
.hcl-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
/* logo concepts */
.hcl-lg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hcl-lg{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:grid}
.hcl-lg-view{all:unset;cursor:zoom-in;display:block;aspect-ratio:4/3;padding:18px;background:#fff;box-sizing:border-box}
.hcl-lg-view:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}
.hcl-lg-view svg{width:100%;height:100%;display:block}
.hcl-lg-f{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 10px;border-top:1px solid var(--line);background:#F8FAFD}
.hcl-lg-f span{margin-right:auto;font-size:.8rem;font-weight:700;color:var(--ink)}
.hcl-sel-g{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hcl-sel-g>div{border-radius:14px;padding:22px;aspect-ratio:4/3;display:grid;place-items:center;border:1px solid var(--line)}
.hcl-sel-g svg{width:100%;height:100%;display:block}
.hcl-sel-l{background:#fff}.hcl-sel-d{background:#0b1220}
.hcl-sw{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 10px 5px 6px;font:600 .8rem/1 var(--f-mono,monospace);cursor:pointer;color:var(--ink)}
.hcl-sw i{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}
/* ad creatives */
.hcl-ad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.hcl-ad{border:1px solid var(--line);border-radius:16px;overflow:hidden;display:grid;align-content:space-between;background:#fff}
.hcl-ad.wide{grid-column:1/-1}
.hcl-ad-c{padding:12px;display:grid;place-items:center;background:#F4F8FD}
.hcl-ad-c canvas{display:block;max-width:100%;max-height:420px;width:auto;height:auto;border-radius:6px}
/* background remover */
.hcl-tools{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.hcl-tools .t-chip.on{background:var(--blue);color:#fff;border-color:var(--blue)}
canvas.hcl-paint{touch-action:none;cursor:crosshair}
/* before / after */
.hcl-ba{position:relative;width:100%;line-height:0;border-radius:12px;overflow:hidden;background:repeating-conic-gradient(#EEF2F7 0% 25%,#fff 0% 50%) 50%/20px 20px}
.hcl-ba canvas{display:block;width:100%;height:auto}
.hcl-ba .hcl-before{position:absolute;inset:0}
.hcl-ba-tag{position:absolute;top:10px;line-height:1;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:rgba(6,22,46,.7);padding:5px 8px;border-radius:6px;pointer-events:none}
.hcl-ba-tag.l{left:10px}.hcl-ba-tag.r{right:10px}
.hcl-ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.hcl-ba:after{content:"";position:absolute;top:0;bottom:0;left:var(--hcl-x,50%);width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.25);pointer-events:none}
/* local SEO tools */
.hcl-count{font-family:var(--f-mono,monospace);font-size:.74rem;font-weight:600;padding:3px 8px;border-radius:7px;background:#ECFBF2;color:#0E7A43}
.hcl-count.warn{background:#FFF7E8;color:#9A5B00}.hcl-count.bad{background:#FFF1EF;color:#B3261E}
.hcl-warn{margin:0;padding:12px 14px;border-radius:12px;background:#FFF7E8;border:1px solid #F7DDA8;color:#7A4A00;font-size:.9rem;line-height:1.55}
.hcl-warn ul{margin:6px 0 0;padding-left:1.2em}
.hcl-group h3{font-size:1rem;margin:0 0 8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.hcl-kw{display:flex;flex-wrap:wrap;gap:6px}
.hcl-kw span{font-size:.86rem;background:#F4F8FD;border:1px solid var(--line);border-radius:8px;padding:4px 9px;color:var(--ink)}
.hcl-check{display:grid;gap:6px}
.hcl-check label{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}
.hcl-check label.done{background:#F3FBF6;border-color:#BDEBD0}
.hcl-check label.done b{text-decoration:line-through;color:var(--muted)}
.hcl-check input{width:18px;height:18px;margin-top:2px;accent-color:#13A35B}
.hcl-check small{display:block;color:var(--muted);font-size:.82rem;line-height:1.45}
.hcl-cat{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}
.hcl-cat small{display:block;color:var(--muted);font-size:.8rem}
@media (max-width:900px){.hcl-ed{grid-template-columns:1fr}.hcl-ed .hcl-pv{position:static;order:-1}.hcl-lg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.hcl-lg-grid{grid-template-columns:1fr;gap:10px}.hcl-lg-view{padding:10px}.hcl-sel-g{grid-template-columns:1fr}.hcl-cat{grid-template-columns:1fr}.hcl-ed .hcl-stage canvas.t-canvas{max-height:60vh}}
.hcl-rv{float:right;font-family:var(--f-mono,monospace);font-size:.78rem;font-weight:600;color:var(--blue)}
/* Daily life tools (63-daily-life.js). Every selector is scoped with the unique .dl-tool class (added to the tool root) or a unique dl- class. */
.dl-tool>*{min-width:0}
.dl-tool [hidden]{display:none!important}
.dl-tool .dl-h{display:block;font-size:.84rem;color:var(--ink);margin:4px 0 2px}
.dl-tool .dl-acts{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.dl-tool .dl-inl{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.86rem;color:var(--ink)}
.dl-tool .dl-sel,.dl-tool .dl-search,.dl-tool .dl-num,.dl-tool .dl-name,.dl-tool .dl-amt,.dl-tool .dl-month,.dl-tool .dl-jtags{border:1px solid var(--line);border-radius:10px;background:#F8FAFD;font:inherit;font-size:.95rem;color:var(--ink);padding:8px 10px;min-height:42px;min-width:0}
.dl-tool .dl-sel:focus,.dl-tool .dl-search:focus,.dl-tool .dl-num:focus,.dl-tool .dl-name:focus,.dl-tool .dl-amt:focus,.dl-tool .dl-month:focus,.dl-tool .dl-jtags:focus,.dl-tool .dl-jtext:focus,.dl-tool .dl-went:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,108,208,.14);background:#fff}
.dl-tool .dl-num{width:80px}
.dl-tool .dl-x{border:0;background:transparent;color:#8A97AB;font-size:1.3rem;line-height:1;width:34px;height:34px;border-radius:8px;cursor:pointer;flex:none}
.dl-tool .dl-x:hover{background:#FFF1EF;color:#B3261E}
.dl-tool .t-copy.dl-del{color:#B3261E}.dl-tool .t-copy.dl-del:hover{background:#B3261E;border-color:#B3261E;color:#fff}
.dl-tool a.t-copy{text-decoration:none;display:inline-block;color:var(--blue)}.dl-tool a.t-copy:hover{color:#fff}
.dl-tool .dl-file{position:relative;overflow:hidden;display:inline-block}
.dl-tool .dl-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.dl-tool .dl-file:focus-within{outline:3px solid rgba(10,108,208,.45);outline-offset:2px}
.dl-tool .t-chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
.dl-tool .t-chip small{opacity:.7;font-weight:700}
.dl-tool .dl-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px}
.dl-tool .dl-empty{display:grid;gap:6px;justify-items:start;padding:22px;border:1px dashed #C9D6E6;border-radius:16px;background:#FBFCFE}
.dl-tool .dl-empty b{color:var(--ink)}
.dl-tool .dl-empty span{color:var(--muted);font-size:.92rem}
.dl-tool .dl-warn{background:#FFF7E8;border:1px solid #F7DDA8;border-radius:10px;padding:8px 12px;color:#7A4A00}
.dl-tool .dl-sync{min-height:1px}
.dl-tool .dl-sync a{color:var(--blue);text-decoration:underline}
.dl-tool .dl-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:9999;display:flex;gap:14px;align-items:center;background:#06162E;color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 12px 30px -10px rgba(6,22,46,.6);font-size:.92rem;max-width:calc(100vw - 32px)}
.dl-tool .dl-toast button{background:transparent;border:0;color:#7FD3F5;font-weight:800;cursor:pointer;padding:4px 6px}
.dl-print-frame{position:fixed;left:-9999px;top:0;width:10px;height:10px;border:0;visibility:hidden}

/* ---------- bookmarks ---------- */
.dl-tool .dl-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.dl-tool .dl-bar .dl-search{flex:1 1 240px}
.dl-tool .dl-panel{border:1px solid var(--line);border-radius:16px;padding:16px;background:#FBFCFE}
.dl-tool .dl-ph{color:var(--ink)}
.dl-tool .dl-dup{background:#FFF7E8;border:1px solid #F7DDA8;border-radius:10px;padding:10px 12px;font-size:.9rem;color:#5C3A00;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.dl-tool .dl-filters{display:grid;gap:8px}
.dl-tool .dl-tagrow .t-chip{font-size:.8rem;padding:4px 10px}
.dl-tool .dl-bms{display:grid;gap:10px}
.dl-tool .dl-bm{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:start;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff}
.dl-tool .dl-bm.later{border-left:4px solid #F5A623}
.dl-tool .dl-av{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:1.15rem;font-family:var(--f-display)}
.dl-tool .dl-bm-b{display:grid;gap:3px;min-width:0}
.dl-tool .dl-bm-t{font-weight:700;color:var(--ink);text-decoration:none;overflow-wrap:anywhere;line-height:1.35}
.dl-tool .dl-bm-t:hover{color:var(--blue);text-decoration:underline}
.dl-tool .dl-bm-u{color:var(--muted);font-size:.8rem;overflow-wrap:anywhere}
.dl-tool .dl-rl{color:#9A5B00;font-weight:700}
.dl-tool .dl-bm-n{font-size:.88rem;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;max-height:6.4em;overflow:hidden}
.dl-tool .dl-tags{display:flex;flex-wrap:wrap;gap:4px}
.dl-tool .dl-tag{border:0;background:#EEF5FD;color:var(--blue);border-radius:999px;padding:2px 9px;font-size:.76rem;font-weight:700;cursor:pointer}
.dl-tool .dl-bm-a{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;max-width:260px}
.dl-tool .dl-bm-a .t-copy{padding:5px 9px;font-size:.76rem}
.dl-tool .dl-more{justify-self:center}
.dl-tool .dl-dupes{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#FBFCFE;display:grid;gap:8px}
.dl-tool .dl-dh{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center}
.dl-tool .dl-dg{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:8px;font-size:.9rem;overflow-wrap:anywhere}
.dl-tool .dl-dg small{display:block;color:var(--muted)}
@media (max-width:640px){
  .dl-tool .dl-bm{grid-template-columns:38px minmax(0,1fr);padding:12px}
  .dl-tool .dl-av{width:38px;height:38px;font-size:1rem}
  .dl-tool .dl-bm-a{grid-column:1/-1;justify-content:flex-start;max-width:none}
}

/* ---------- journal ---------- */
.dl-tool .dl-jgrid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}
.dl-tool .dl-jside{display:grid;gap:12px;min-width:0}
.dl-tool .dl-cal{border:1px solid var(--line);border-radius:16px;padding:12px;background:#FBFCFE;display:grid;gap:8px}
.dl-tool .dl-calh,.dl-tool .dl-mnav{display:flex;align-items:center;justify-content:space-between;gap:8px}
.dl-tool .dl-calh b,.dl-tool .dl-mnav b{color:var(--ink);font-family:var(--f-display);font-size:.98rem;text-align:center}
.dl-tool .dl-nav{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:1.25rem;line-height:1;cursor:pointer;flex:none}
.dl-tool .dl-nav:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}
.dl-tool .dl-nav:disabled{opacity:.35;cursor:default}
.dl-tool .dl-calg{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}
.dl-tool .dl-calg small{font-size:.7rem;color:var(--muted);font-weight:700}
.dl-tool .dl-day{position:relative;aspect-ratio:1;border:1px solid transparent;border-radius:9px;background:transparent;font:inherit;font-size:.85rem;color:var(--ink);cursor:pointer;padding:0;min-height:34px}
.dl-tool .dl-day:hover:not(:disabled){background:#EEF5FD}
.dl-tool .dl-day:disabled{color:#B8C3D3;cursor:default}
.dl-tool .dl-day.has{background:#EEF5FD;font-weight:700}
.dl-tool .dl-day.today{border-color:var(--cyan)}
.dl-tool .dl-day.on{background:var(--blue);color:#fff;border-color:var(--blue)}
.dl-tool .dl-day i{position:absolute;left:50%;bottom:3px;width:6px;height:6px;margin-left:-3px;border-radius:50%}
.dl-tool .dl-day.on i{box-shadow:0 0 0 1.5px #fff}
.dl-tool .dl-jlist{display:grid;gap:6px}
.dl-tool .dl-ji{display:grid;gap:2px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 11px;cursor:pointer;font:inherit;color:var(--text);min-width:0}
.dl-tool .dl-ji:hover,.dl-tool .dl-ji.on{border-color:var(--blue)}
.dl-tool .dl-ji b{font-size:.82rem;color:var(--ink)}
.dl-tool .dl-ji span{font-size:.82rem;line-height:1.45;overflow-wrap:anywhere}
.dl-tool .dl-ji small{font-size:.74rem;color:var(--blue)}
.dl-tool .dl-ji mark{background:#FFE9A8;color:inherit;border-radius:3px}
.dl-tool .dl-jed{display:grid;gap:12px;border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff;min-width:0}
.dl-tool .dl-jhead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dl-tool .dl-jhead b{font-family:var(--f-display);color:var(--ink);font-size:1.05rem}
.dl-tool .dl-moods{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.dl-tool .dl-moods>span{font-weight:700;font-size:.86rem;color:var(--ink);margin-right:4px}
.dl-tool .dl-mood{display:grid;justify-items:center;gap:0;border:1px solid var(--line);background:#F8FAFD;border-radius:12px;padding:5px 9px;cursor:pointer;min-width:54px;font:inherit}
.dl-tool .dl-mood span{font-size:1.35rem;line-height:1.2}
.dl-tool .dl-mood small{font-size:.7rem;color:var(--muted);font-weight:700}
.dl-tool .dl-mood.on{border-color:var(--blue);background:#EEF5FD;box-shadow:0 0 0 2px rgba(10,108,208,.25)}
.dl-tool .dl-prompts{display:grid;gap:6px}
.dl-tool .dl-prompts .t-chip{font-size:.8rem;padding:5px 11px;text-align:left}
.dl-tool .dl-more-p{background:#fff;color:var(--blue);font-weight:700}
.dl-tool .dl-jtext,.dl-tool .dl-went{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;font-size:1rem;line-height:1.65;color:var(--ink);background:#FFFEFB;resize:vertical;min-height:240px}
.dl-tool .dl-went{min-height:180px;background:#F8FAFD;line-height:1.5}
.dl-tool .dl-jtags{width:100%}
.dl-tool .dl-jfoot{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.dl-tool .dl-jfoot .dl-acts{margin-left:auto}
.dl-tool .dl-priv{background:#F4F8FD;border-radius:10px;padding:10px 12px;color:var(--ink)}
@media (max-width:820px){.dl-tool .dl-jgrid{grid-template-columns:1fr}.dl-tool .dl-jed{order:-1}}
@media (max-width:640px){.dl-tool .t-stat b{font-size:1.15rem}.dl-tool .dl-jhead b{flex:1 1 0;min-width:0;font-size:.95rem;text-align:center}.dl-tool .dl-mood{min-width:0;flex:1 1 0;padding:5px 2px}.dl-tool .dl-jed{padding:12px}}

/* ---------- budget ---------- */
.dl-tool .dl-bbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.dl-tool .dl-mnav{min-width:250px}
.dl-tool .dl-sec{display:grid;gap:8px;border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}
.dl-tool .dl-sech{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.dl-tool .dl-sech b{color:var(--ink);font-size:1rem}
.dl-tool .dl-sech .t-copy{margin-left:auto}
.dl-tool .dl-rows{display:grid;gap:6px}
.dl-tool .dl-row,.dl-tool .dl-ch{display:grid;gap:6px 8px;align-items:center}
.dl-tool .dl-irow{grid-template-columns:minmax(0,1fr) 160px 34px}
.dl-tool .dl-crow,.dl-tool .dl-ch{grid-template-columns:minmax(0,1fr) 120px 120px 100px 34px}
.dl-tool .dl-ch{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}
.dl-tool .dl-row .dl-amt{width:100%;text-align:right}
.dl-tool .dl-ro{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;background:#EEF5FD;border-color:#CFE0F5;line-height:1.1}
.dl-tool .dl-ro small{font-size:.66rem;color:var(--blue);font-weight:700;text-transform:uppercase}
.dl-tool .dl-left{text-align:right;font-weight:700;font-size:.92rem;color:var(--muted)}
.dl-tool .dl-left.good{color:#0E7A43}.dl-tool .dl-left.warn{color:#9A5B00}.dl-tool .dl-left.bad{color:#B3261E}
.dl-tool .dl-pbar{grid-column:1/-1;height:5px;border-radius:9px;background:#E7EEF7;overflow:hidden;margin-top:-2px}
.dl-tool .dl-pbar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:9px}
.dl-tool .dl-pbar.warn i{background:#E28C00}.dl-tool .dl-pbar.bad i{background:#D64541}
.dl-tool .dl-tpl,.dl-tool .dl-unm{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dl-tool .dl-split{background:#FBFCFE}
.dl-tool .dl-stack{display:flex;height:22px;border-radius:8px;overflow:hidden;background:#E7EEF7}
.dl-tool .dl-stack i,.dl-tool .dl-key{display:block}
.dl-tool .g0{background:#0A6CD0}.dl-tool .g1{background:#00AEE6}.dl-tool .g2{background:#13A35B}.dl-tool .g3{background:#E7EEF7;border:1px solid #C7D3E3}
.dl-tool .dl-keys{display:flex;flex-wrap:wrap;gap:6px 14px}
.dl-tool .dl-keys span{display:inline-flex;align-items:center;gap:6px}
.dl-tool .dl-key{display:inline-block;width:11px;height:11px;border-radius:3px;vertical-align:-1px}
.dl-tool .dl-kp{background:#0A6CD0}.dl-tool .dl-ka{background:#F5A623}
.dl-tool .dl-rule{display:grid;gap:10px;margin-top:4px}
.dl-tool .dl-rr{display:grid;grid-template-columns:150px minmax(0,1fr) 150px;gap:10px;align-items:center}
.dl-tool .dl-rr>span:first-child{display:grid}
.dl-tool .dl-rr>span:first-child b{font-size:.88rem;color:var(--ink)}
.dl-tool .dl-rr small{font-size:.74rem;color:var(--muted)}
.dl-tool .dl-rbars{display:grid;gap:4px}
.dl-tool .dl-rb{position:relative;height:10px;border-radius:6px;background:#E7EEF7}
.dl-tool .dl-rb i{display:block;height:100%;border-radius:6px}
.dl-tool .dl-rb em{position:absolute;top:-3px;bottom:-3px;width:2px;background:#06162E;margin-left:-1px}
.dl-tool .dl-rv{font-size:.8rem;color:var(--text);line-height:1.4}
.dl-tool .dl-trk{font-size:.9rem}
.dl-tool .dl-goals{display:grid;gap:10px}
.dl-tool .dl-goal{display:grid;gap:8px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#FBFCFE}
.dl-tool .dl-grow{display:grid;grid-template-columns:minmax(0,1fr) 150px 150px 170px 34px;gap:8px;align-items:center}
.dl-tool .dl-grow label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--muted)}
.dl-tool .dl-grow label .dl-amt,.dl-tool .dl-grow label .dl-month{width:100%;text-align:right}
.dl-tool .dl-gbar{height:10px}
.dl-tool .dl-gbar i{background:linear-gradient(90deg,#13A35B,#0E8C8C)}
.dl-tool .dl-ginfo{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}
.dl-tool .dl-gadd{display:flex;gap:6px;align-items:center}
.dl-tool .dl-gadd .dl-amt{width:110px;min-height:36px;padding:6px 9px}
@media (max-width:760px){
  .dl-tool .dl-mnav{min-width:0;flex:1 1 100%}
  .dl-tool .dl-crow{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 74px 34px}
  .dl-tool .dl-crow .dl-x{grid-row:1;grid-column:4}
  .dl-tool .dl-crow .dl-name{grid-column:1/4;grid-row:1}
  .dl-tool .dl-ch{display:none}
  .dl-tool .dl-irow{grid-template-columns:minmax(0,1fr) 120px 34px}
  .dl-tool .dl-rr{grid-template-columns:1fr;gap:4px}
  .dl-tool .dl-grow{grid-template-columns:1fr 1fr}
  .dl-tool .dl-grow .dl-name{grid-column:1/2}
  .dl-tool .dl-grow .dl-x{justify-self:end;grid-column:2;grid-row:1}
  .dl-tool .dl-grow label{flex-direction:column;align-items:stretch}
}

/* ---------- shopping list ---------- */
.dl-tool .dl-lists{display:grid;gap:8px}
.dl-tool .dl-lacts{justify-content:flex-start}
.dl-tool .dl-sladd{display:grid;grid-template-columns:minmax(0,1fr) 80px 110px auto;gap:8px;align-items:center}
.dl-tool .dl-sladd .dl-name{min-height:48px;font-size:1rem}
.dl-tool .dl-sladd .dl-num,.dl-tool .dl-sladd .dl-amt{width:100%;min-height:48px}
.dl-tool .dl-sladd .btn{min-height:48px;padding-inline:22px}
.dl-tool .dl-slitems{display:grid;gap:6px}
.dl-tool .dl-sli{display:grid;grid-template-columns:28px minmax(0,1fr) 116px 96px 90px 34px;gap:8px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:6px 8px 6px 12px;background:#fff}
.dl-tool .dl-sli.done{background:#F6F8FB}
.dl-tool .dl-sli.done .dl-slt{text-decoration:line-through;color:var(--muted)}
.dl-tool .dl-ck{width:22px;height:22px;accent-color:#13A35B;cursor:pointer}
.dl-tool .dl-slt{border:0;background:transparent;font:inherit;font-size:1rem;font-weight:600;color:var(--ink);padding:8px 4px;min-width:0;border-radius:8px}
.dl-tool .dl-slt:focus{outline:none;background:#F4F8FD}
.dl-tool .dl-qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#F8FAFD}
.dl-tool .dl-qty button{width:34px;height:38px;border:0;background:transparent;font-size:1.1rem;color:var(--blue);cursor:pointer;flex:none}
.dl-tool .dl-qty button:hover{background:#EEF5FD}
.dl-tool .dl-qty input{width:100%;min-width:0;border:0;background:transparent;text-align:center;font:inherit;font-weight:700;color:var(--ink)}
.dl-tool .dl-sli .dl-amt{width:100%;text-align:right;min-height:38px}
.dl-tool .dl-lt{text-align:right;font-weight:700;font-size:.9rem;color:var(--ink)}
@media (max-width:640px){
  .dl-tool .dl-sladd{grid-template-columns:1fr 1fr}
  .dl-tool .dl-sladd .dl-name{grid-column:1/-1}
  .dl-tool .dl-sladd .btn{grid-column:1/-1}
  .dl-tool .dl-sli{grid-template-columns:26px minmax(0,1fr) 96px 34px;padding:6px 6px 6px 10px}
  .dl-tool .dl-sli .dl-slt{grid-column:2/4}
  .dl-tool .dl-sli .dl-x{grid-column:4;grid-row:1}
  .dl-tool .dl-sli .dl-qty{grid-column:2;grid-row:2;max-width:120px}
  .dl-tool .dl-sli .dl-amt{grid-column:3;grid-row:2}
  .dl-tool .dl-sli .dl-lt{grid-column:2/5;grid-row:3;text-align:right}
  .dl-tool .dl-sli .dl-lt:empty{display:none}
}

/* ---------- picker wheel ---------- */
.dl-tool .dl-tabs{display:flex;gap:4px;overflow-x:auto;background:#EEF3F9;padding:4px;border-radius:14px;scrollbar-width:none}
.dl-tool .dl-tabs button{flex:1 0 auto;border:0;background:transparent;border-radius:10px;padding:10px 14px;font:inherit;font-weight:700;font-size:.92rem;color:var(--muted);cursor:pointer;white-space:nowrap}
.dl-tool .dl-tabs button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(10,26,51,.12)}
.dl-tool .dl-pane{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}
.dl-tool .dl-wbox>*,.dl-tool .dl-wed>*{min-width:0;max-width:100%}
.dl-tool .dl-wgrid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:start}
.dl-tool .dl-wbox{display:grid;gap:12px;justify-items:center;min-width:0}
.dl-tool .dl-wwrap{width:100%;max-width:520px;display:flex;justify-content:center}
.dl-tool .dl-wheel{display:block;cursor:pointer;border-radius:50%;max-width:100%}
.dl-tool .dl-spin{min-width:220px}
.dl-tool .dl-win{width:100%}
.dl-tool .dl-winner{display:grid;justify-items:center;gap:6px;text-align:center;padding:14px;border-radius:16px;background:linear-gradient(135deg,#06162E,#0C2244);color:#DCE8F7;animation:dlpop .35s ease-out}
.dl-tool .dl-winner b{font-family:var(--f-display);font-size:clamp(1.4rem,4vw,2rem);color:#fff;overflow-wrap:anywhere}
.dl-tool .dl-winner .t-copy{background:transparent;color:#BFE6F7;border-color:rgba(255,255,255,.25)}
.dl-tool .dl-wed{display:grid;gap:12px;min-width:0}
.dl-tool .dl-saved{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:12px}
.dl-tool .dl-row2{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}
.dl-tool .dl-row2 .dl-name{flex:1}
.dl-tool .dl-wchip{padding:0 0 0 2px;gap:0}
.dl-tool .dl-wchip>button:first-child{border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;padding:6px 4px 6px 10px}
.dl-tool .dl-wchip .dl-x{width:28px;height:28px;font-size:1.05rem}
.dl-tool .dl-picks{margin:0;padding-left:1.4em;display:grid;gap:3px;font-size:.9rem;color:var(--ink)}
.dl-tool .dl-picks small{color:var(--muted)}
.dl-tool .dl-coinbox{display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:center;padding:10px 0;perspective:600px}
.dl-tool .dl-ctl,.dl-tool .dl-dctl{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.dl-tool .dl-coin{position:relative;width:110px;height:110px;transform-style:preserve-3d}
.dl-tool .dl-coin span{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;font:800 2.6rem var(--f-display);backface-visibility:hidden;box-shadow:inset 0 0 0 6px rgba(255,255,255,.35),0 8px 18px -8px rgba(6,22,46,.5)}
.dl-tool .dl-coin .h{background:radial-gradient(circle at 35% 30%,#FFE08A,#E2A21B);color:#6B4700}
.dl-tool .dl-coin .t{background:radial-gradient(circle at 35% 30%,#E5ECF5,#9AAAC0);color:#25344D;transform:rotateY(180deg)}
.dl-tool .dl-coin.flip-h{animation:dlfliph .9s ease-out forwards}
.dl-tool .dl-coin.flip-t{animation:dlflipt .9s ease-out forwards}
@keyframes dlfliph{from{transform:rotateY(0)}to{transform:rotateY(1800deg)}}
@keyframes dlflipt{from{transform:rotateY(0)}to{transform:rotateY(1980deg)}}
@keyframes dlpop{from{transform:scale(.92);opacity:0}to{transform:none;opacity:1}}
@keyframes dlroll{0%{transform:rotate(-200deg) scale(.6);opacity:0}100%{transform:none;opacity:1}}
.dl-tool .dl-cres,.dl-tool .dl-dres{display:grid;gap:10px;justify-items:center;text-align:center}
.dl-tool .dl-big{font-family:var(--f-display);font-weight:800;font-size:clamp(1.5rem,4vw,2.1rem);color:var(--ink)}
.dl-tool .dl-huge{font-size:clamp(2.6rem,9vw,4.4rem);color:var(--blue);text-align:center;overflow-wrap:anywhere}
.dl-tool .dl-coins{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:620px}
.dl-tool .dl-coins span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.85rem}
.dl-tool .dl-coins .h{background:#FFE08A;color:#6B4700}.dl-tool .dl-coins .t{background:#D5DEEA;color:#25344D}
.dl-tool .dl-dice{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.dl-tool .dl-die{width:64px;height:64px;border-radius:14px;background:#fff;border:2px solid #06162E;display:grid;place-items:center;font:800 1.5rem var(--f-display);color:var(--ink);box-shadow:0 6px 14px -8px rgba(6,22,46,.5)}
.dl-tool .dl-die.roll{animation:dlroll .45s ease-out}
.dl-tool .dl-die.d6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:9px;gap:2px;place-items:center}
.dl-tool .dl-die.d6 i{width:11px;height:11px;border-radius:50%}
.dl-tool .dl-die.d6 i.p{background:#06162E}
.dl-tool .dl-dres .dl-picks{text-align:left;justify-self:stretch}
.dl-tool .dl-nums{display:flex;flex-wrap:wrap;gap:6px}
.dl-tool .dl-nums span{border:1px solid #CFE0F5;background:#EEF5FD;color:var(--blue);font-weight:800;border-radius:9px;padding:5px 10px;font-family:var(--f-mono);font-size:.9rem}
.dl-tool .dl-presets{align-self:center}
.dl-tool .dl-teams{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.dl-tool .dl-team{border:1px solid var(--line);border-top:5px solid var(--blue);border-radius:12px;padding:10px 12px;background:#fff}
.dl-tool .dl-team b{display:flex;justify-content:space-between;color:var(--ink)}
.dl-tool .dl-team b small{color:var(--muted)}
.dl-tool .dl-team ol{margin:6px 0 0;padding-left:1.3em;display:grid;gap:3px;font-size:.92rem}
@media (max-width:760px){.dl-tool .dl-wgrid{grid-template-columns:minmax(0,1fr)}.dl-tool .dl-tabs button{padding:7px 2px;font-size:.74rem;flex:1 1 0;display:grid;justify-items:center;gap:1px;min-width:0}.dl-tool .dl-tabs button span{font-size:1.1rem}}
@media (prefers-reduced-motion:reduce){.dl-tool .dl-coin.flip-h,.dl-tool .dl-coin.flip-t,.dl-tool .dl-die.roll,.dl-tool .dl-winner{animation:none}.dl-tool .dl-coin.flip-t{transform:rotateY(180deg)}}
/* ===== Developer and network tools (81-dev-network.js). Selectors use the unique dn- prefix or the tool slug. ===== */
.hn-tool[data-tool="cron-expression-builder"] .tf[hidden],.hn-tool[data-tool="css-gradient-generator"] .tf[hidden]{display:none}
.hn-tool .dn-mono{font-family:var(--f-mono);font-size:.84rem;color:var(--ink);background:none;padding:0}
.hn-tool .dn-break{overflow-wrap:anywhere;word-break:break-word}
.hn-tool .dn-mt{margin-top:10px}
.hn-tool .dn-pad0{padding:0}
.hn-tool .dn-pad0 .t-table{border:0;border-radius:0}
.hn-tool .dn-presets{display:grid;gap:8px}
.hn-tool .dn-callout{margin:0;padding:12px 14px;border-radius:12px;background:#FFF7E8;border:1px solid #F7DDA8;color:var(--ink);line-height:1.55}

/* subnet binary view */
.hn-tool .dn-bin{display:grid;gap:8px;overflow-x:auto}
.hn-tool .dn-bin>div{display:grid;grid-template-columns:110px auto;gap:10px;align-items:center;min-width:max-content}
.hn-tool .dn-bin>div>span{font-size:.82rem;font-weight:700;color:var(--muted)}
.hn-tool .dn-bin code{font-family:var(--f-mono);font-size:.84rem;letter-spacing:.04em}
.hn-tool .dn-bin code b{color:var(--blue);font-weight:700}
.hn-tool .dn-bin code span{color:#7A8BA3}
.hn-tool .dn-bin code i{font-style:normal;color:var(--muted);padding:0 2px}

/* cron */
.hn-tool .dn-cron-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,#06162E,#0C2244);color:#fff}
.hn-tool .dn-cron-hero code{font-family:var(--f-mono);font-size:1.25rem;color:#7FD6F5;overflow-wrap:anywhere}
.hn-tool .dn-cron-hero p{grid-column:1/-1;margin:0;font-size:1.05rem;font-weight:600;line-height:1.45;color:#DCE8F7}
.hn-tool .dn-cron-hero .t-copy{grid-row:1;grid-column:2}

/* color converter */
.hn-tool .dn-swatch-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:stretch}
.hn-tool .dn-swatch{border-radius:16px;border:1px solid var(--line);min-height:180px;display:flex;align-items:flex-end;padding:12px;background-image:none}
.hn-tool .dn-swatch span{font-family:var(--f-mono);font-weight:700;font-size:1.05rem}
.hn-tool .dn-fmts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hn-tool .dn-fmt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:#F8FAFD;min-width:0}
.hn-tool .dn-fmt span{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.hn-tool .dn-fmt code{grid-column:1;font-family:var(--f-mono);font-size:.86rem;color:var(--ink);overflow-wrap:anywhere}
.hn-tool .dn-fmt .t-copy{grid-column:2;grid-row:1/span 2}
.hn-tool .dn-contrast{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px}
.hn-tool .dn-sample{border-radius:14px;border:1px solid var(--line);padding:16px}
.hn-tool .dn-sample b{display:block;font-size:24px;line-height:1.2;margin-bottom:6px}
.hn-tool .dn-sample p{margin:0 0 6px;font-size:16px;line-height:1.5;color:inherit}
.hn-tool .dn-sample small{font-size:13px}
.hn-tool .dn-wcs{display:grid;gap:6px;align-content:start}
.hn-tool .dn-wc{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;font-size:.9rem;font-weight:600;color:var(--ink)}
.hn-tool .dn-wc small{color:var(--muted);font-weight:500;font-size:.78rem}
.hn-tool .dn-strip-h{display:flex;justify-content:space-between;align-items:center;margin:4px 0 6px;font-size:.88rem}
.hn-tool .dn-strip{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;margin-bottom:12px}
.hn-tool .dn-strip button{border:0;border-radius:10px;min-height:58px;padding:6px 4px;cursor:pointer;display:grid;align-content:end;gap:1px;font:inherit;text-align:left}
.hn-tool .dn-strip button span{font-size:.72rem;font-weight:700}
.hn-tool .dn-strip button small{font-family:var(--f-mono);font-size:.62rem;opacity:.9}
.hn-tool .dn-chip-sw i{display:inline-block;width:16px;height:16px;border-radius:5px;border:1px solid rgba(0,0,0,.12);flex:none}

/* gradient */
.hn-tool .dn-gprev{height:220px;border-radius:18px;border:1px solid var(--line);background:#0A6CD0}
.hn-tool .dn-stops{display:grid;gap:8px}
.hn-tool .dn-stop{display:grid;grid-template-columns:48px 104px minmax(0,1fr) 46px 40px;gap:10px;align-items:center}
.hn-tool .dn-stop input[type=color]{width:48px;height:44px;border:1px solid var(--line);border-radius:10px;padding:3px;background:#fff;cursor:pointer}
.hn-tool .tf .dn-stop input.dn-hex{height:44px;padding:8px 10px;font-family:var(--f-mono);font-size:.88rem}
.hn-tool .dn-stop input[type=range]{width:100%;accent-color:var(--blue)}
.hn-tool .dn-stop output{font-family:var(--f-mono);font-size:.84rem;color:var(--muted);text-align:right}
.hn-tool .dn-x{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:1.3rem;line-height:1;color:#B3261E;cursor:pointer}
.hn-tool .dn-x:disabled{opacity:.35;cursor:not-allowed}

/* status codes */
.hn-tool .dn-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hn-tool .dn-code{border:1px solid var(--line);border-left:4px solid #9DB3CC;border-radius:14px;padding:12px 14px;background:#fff;min-width:0}
.hn-tool .dn-code.dn-c2{border-left-color:#13A35B}.hn-tool .dn-code.dn-c3{border-left-color:#E28C00}.hn-tool .dn-code.dn-c4,.hn-tool .dn-code.dn-c5{border-left-color:#D64541}.hn-tool .dn-code.dn-c1{border-left-color:var(--blue)}
.hn-tool .dn-code.seo{background:#F7FAFE}
.hn-tool .dn-code-h{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.hn-tool .dn-code-h b{font-family:var(--f-display);font-size:1.3rem;color:var(--ink)}
.hn-tool .dn-code-h span:not(.t-badge){font-weight:700;color:var(--ink);margin-right:auto}
.hn-tool .dn-code p{margin:6px 0 0;color:var(--muted);font-size:.9rem;line-height:1.5}
.hn-tool .dn-code p.dn-seo{color:var(--ink)}

/* lorem */
.hn-tool .dn-lorem p,.hn-tool .dn-lorem li{margin:0 0 10px;color:var(--ink);line-height:1.65}
.hn-tool .dn-lorem h4{margin:4px 0 6px;font-size:1.05rem}
.hn-tool .dn-lorem ul{margin:0;padding-left:1.2em}
.hn-tool pre.dn-wrap{white-space:pre-wrap;overflow-wrap:anywhere}

/* hints (dns / ssl / headers) */
.hn-tool .dn-hints{display:grid;gap:0;padding-top:4px;padding-bottom:4px}
.hn-tool .dn-hint{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid var(--line);align-items:start}
.hn-tool .dn-hint:last-child{border-bottom:0}
.hn-tool .dn-hint .t-badge{justify-self:start;margin-top:2px}
.hn-tool .dn-hint b{color:var(--ink);font-size:.95rem}
.hn-tool .dn-hint p{margin:2px 0 0;color:var(--ink);font-size:.9rem;line-height:1.5}
.hn-tool .dn-hint small{display:block;margin-top:3px;color:var(--muted);font-size:.84rem;line-height:1.5}
.hn-tool .dn-hint code{display:block;margin-top:4px;font-size:.8rem;color:#33475F}

/* ssl */
.hn-tool .dn-ssl-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:16px;border-radius:16px;border:1px solid var(--line);background:#F8FAFD}
.hn-tool .dn-ssl-hero.dn-good{background:#ECFBF2;border-color:#BDEBD0}.hn-tool .dn-ssl-hero.dn-warn{background:#FFF7E8;border-color:#F7DDA8}.hn-tool .dn-ssl-hero.dn-bad{background:#FFF1EF;border-color:#F5C6C0}
.hn-tool .dn-ssl-days{width:104px;height:104px;border-radius:50%;background:#fff;border:4px solid currentColor;display:grid;place-content:center;text-align:center;color:var(--blue)}
.hn-tool .dn-good .dn-ssl-days{color:#13A35B}.hn-tool .dn-warn .dn-ssl-days{color:#E28C00}.hn-tool .dn-bad .dn-ssl-days{color:#D64541}
.hn-tool .dn-ssl-days b{font-family:var(--f-display);font-size:2rem;line-height:1}
.hn-tool .dn-ssl-days span{font-size:.72rem;font-weight:700;color:var(--muted)}
.hn-tool .dn-ssl-hero h3{margin:0 0 6px;font-size:1.2rem;overflow-wrap:anywhere}
.hn-tool .dn-ssl-hero p{margin:0 0 4px;display:flex;flex-wrap:wrap;gap:6px}

/* my ip */
.hn-tool .dn-ip-hero{display:grid;gap:6px;justify-items:center;text-align:center;padding:22px 16px;border-radius:18px;background:linear-gradient(135deg,#06162E,#0C2244);color:#DCE8F7}
.hn-tool .dn-ip-hero>span{font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8FB3DA}
.hn-tool .dn-ip-hero>b{font-family:var(--f-mono);font-size:clamp(1.3rem,5vw,2.3rem);color:#fff;overflow-wrap:anywhere;line-height:1.2}
.hn-tool .dn-ip-hero p{margin:0;max-width:560px;color:#F3C7C2;font-weight:600}
.hn-tool .dn-ip-btns{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}

@media (max-width:760px){
  .hn-tool .dn-swatch-row,.hn-tool .dn-contrast,.hn-tool .dn-codes{grid-template-columns:1fr}
  .hn-tool .dn-swatch{min-height:110px}
  .hn-tool .dn-fmts{grid-template-columns:1fr}
  .hn-tool .dn-strip{grid-template-columns:repeat(5,minmax(0,1fr))}
  .hn-tool .dn-stop{grid-template-columns:44px minmax(0,1fr) 40px;grid-template-areas:"c h x" "r r o"}
  .hn-tool .dn-stop input[type=color]{grid-area:c;width:44px}.hn-tool .dn-stop input.dn-hex{grid-area:h}.hn-tool .dn-stop .dn-x{grid-area:x}
  .hn-tool .dn-stop input[type=range]{grid-area:r}.hn-tool .dn-stop output{grid-area:o}
  .hn-tool .dn-gprev{height:160px}
  .hn-tool .dn-hint{grid-template-columns:1fr;gap:4px}
  .hn-tool .dn-ssl-hero{grid-template-columns:1fr;justify-items:start}
  .hn-tool .dn-cron-hero code{font-size:1.05rem}
}
/* key/value list (mobile friendly alternative to two-column tables) */
.hn-tool .dn-kv{margin:0;display:grid}
.hn-tool .dn-kv>div{display:grid;grid-template-columns:200px minmax(0,1fr);gap:4px 14px;padding:9px 0;border-bottom:1px solid var(--line)}
.hn-tool .dn-kv>div:first-child{padding-top:0}
.hn-tool .dn-kv>div:last-child{border-bottom:0;padding-bottom:0}
.hn-tool .dn-kv dt{font-weight:600;font-size:.88rem;color:var(--muted);overflow-wrap:anywhere}
.hn-tool .dn-kv dd{margin:0;color:var(--ink);font-size:.92rem;overflow-wrap:anywhere;min-width:0}
@media (max-width:560px){.hn-tool .dn-kv>div{grid-template-columns:1fr;gap:2px}}
.hn-tool .dn-pad0 .t-table table{min-width:0}
.hn-tool[data-tool="cron-expression-builder"] .t-table table{min-width:0}
.hn-tool .dn-pad0 .t-table th,.hn-tool .dn-pad0 .t-table td:not(:has(code)),.hn-tool[data-tool="cron-expression-builder"] .t-table th{white-space:nowrap}
.hn-tool .dn-pad0 .t-table th,.hn-tool .dn-pad0 .t-table td{padding-left:10px;padding-right:10px}
/* ===== Developer tools (80-developer.js). All selectors scoped to .hn-tool with dv- classes ===== */
.hn-tool .dv-tabs .t-chip{font-weight:600;font-family:inherit}
.hn-tool .dv-tabs .t-chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
.hn-tool .dv-panel{display:grid;gap:16px;min-width:0}
.hn-tool .dv-panel[hidden],.hn-tool .tf[hidden]{display:none}
.hn-tool .dv-h{font-size:1rem;margin:4px 0 0;color:var(--ink)}
.hn-tool .dv-pad{padding:8px 16px 12px}
.hn-tool .dv-code{max-height:360px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.hn-tool .dv-err{display:grid;gap:4px;padding:12px 16px;border-radius:14px;background:#FFF1EF;border:1px solid #F5C6C0;color:#8E1F18}
.hn-tool .dv-err b{font-size:1rem}.hn-tool .dv-err span{font-family:var(--f-mono);font-size:.82rem;font-weight:600}
.hn-tool .dv-err p{margin:0;color:#8E1F18}
.hn-tool .dv-caret{white-space:pre;color:#FFD9D3}
.hn-tool .dv-ok{padding:10px 16px;border-radius:14px;background:#ECFBF2;border:1px solid #BDEBD0;color:#0E7A43}
.hn-tool .dv-imgprev{display:grid;place-items:center;background:repeating-conic-gradient(#EEF2F7 0% 25%,#fff 0% 50%) 50%/20px 20px}
.hn-tool .dv-imgprev img{max-width:100%;max-height:320px;height:auto;display:block}
.hn-tool .dv-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
/* hash */
.hn-tool .dv-hashes{display:grid;gap:10px}
.hn-tool .dv-hash{border:1px solid var(--line);border-radius:14px;padding:10px 14px;display:grid;gap:6px;background:#fff;min-width:0}
.hn-tool .dv-hash.hit{border-color:#13A35B;background:#F2FCF6;box-shadow:0 0 0 3px rgba(19,163,91,.12)}
.hn-tool .dv-hash-h{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.hn-tool .dv-hash-h b{margin-right:auto;font-size:.92rem;color:var(--ink)}
.hn-tool .dv-hash code{font-family:var(--f-mono);font-size:.84rem;color:var(--ink);overflow-wrap:anywhere;word-break:break-all;background:#F4F8FD;border-radius:8px;padding:8px 10px}
.hn-tool .dv-hash small{color:var(--muted);font-size:.78rem}
/* jwt */
.hn-tool .dv-jwt{font-family:var(--f-mono);font-size:.84rem;line-height:1.55;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#FBFCFE;overflow-wrap:anywhere;word-break:break-all;color:var(--muted)}
.hn-tool .dv-jwt .p1{color:#D6336C}.hn-tool .dv-jwt .p2{color:#7B4FD6}.hn-tool .dv-jwt .p3{color:#0A8FB8}
.hn-tool .dv-sig{border:1px solid var(--line);border-radius:14px;padding:12px 16px;background:#F8FAFD}
.hn-tool .dv-sig p{margin:6px 0 0;color:var(--ink)}
/* regex */
.hn-tool .dv-lib{display:grid;gap:8px}
.hn-tool .dv-lib .t-chip{font-family:inherit;font-size:.82rem;padding:5px 11px}
.hn-tool .dv-hl{font-family:var(--f-mono);font-size:.88rem;white-space:pre-wrap;line-height:1.75;max-height:420px;overflow:auto}
.hn-tool .dv-hl mark{border-radius:4px;padding:1px 0;color:var(--ink)}
.hn-tool .dv-m0{background:#CFE5FF}.hn-tool .dv-m1{background:#FFE8A3}
.hn-tool .dv-empty{display:inline-block;width:2px;height:1em;background:#D64541;vertical-align:middle}
.hn-tool .dv-g{border-bottom:3px solid;border-radius:2px;font-weight:600}
.hn-tool .dv-g1{border-color:#13A35B}.hn-tool .dv-g2{border-color:#D6336C}.hn-tool .dv-g3{border-color:#7B4FD6}.hn-tool .dv-g4{border-color:#E28C00}
.hn-tool .t-table .dv-g{display:inline-block;font-size:.74rem;padding:0 4px;margin:2px 0}
.hn-tool .dv-explain{border:1px solid var(--line);border-radius:14px;padding:12px 16px;background:#FBFCFE}
.hn-tool .dv-explain summary{cursor:pointer;font-weight:700;color:var(--ink)}
.hn-tool .dv-tokens{display:grid;gap:4px;margin-top:10px}
.hn-tool .dv-tok{display:grid;grid-template-columns:minmax(64px,auto) minmax(0,1fr);gap:10px;align-items:baseline;padding:5px 0 5px calc(var(--l,0) * 18px);border-bottom:1px dashed var(--line);font-size:.88rem;color:var(--muted)}
.hn-tool .dv-tok code{font-family:var(--f-mono);font-size:.82rem;color:var(--blue);background:#EEF5FD;border-radius:6px;padding:2px 6px;overflow-wrap:anywhere;justify-self:start}
/* uuid */
.hn-tool .dv-one{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 16px;border-radius:14px;background:#EEF5FD;border:1px solid #CFE0F5}
.hn-tool .dv-one code{font-family:var(--f-mono);font-size:clamp(.9rem,2.4vw,1.2rem);font-weight:600;color:var(--ink);overflow-wrap:anywhere;flex:1 1 260px}
.hn-tool .dv-insp{border-top:1px solid var(--line);padding-top:16px}
/* timestamp */
.hn-tool .dv-now{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:10px 18px;align-items:center;padding:14px 18px;border-radius:16px;background:linear-gradient(135deg,#06162E,#0C2244);color:#DCE8F7}
.hn-tool .dv-now span{display:block;font-size:.76rem;color:#9FB4D3;font-weight:600}
.hn-tool .dv-now b{font-family:var(--f-mono);font-size:clamp(1.4rem,3.4vw,1.9rem);color:#fff;letter-spacing:.02em}
.hn-tool .dv-now code{font-family:var(--f-mono);font-size:.92rem;color:#fff;overflow-wrap:anywhere}
.hn-tool .dv-now-a{display:flex;flex-wrap:wrap;gap:6px}
.hn-tool .t-table code{font-family:var(--f-mono);font-size:.84rem;overflow-wrap:anywhere}
/* diff */
.hn-tool .dv-diffwrap{overflow:auto;max-height:640px;border:1px solid var(--line);border-radius:14px}
.hn-tool .dv-diff{width:100%;border-collapse:collapse;table-layout:fixed;font-family:var(--f-mono);font-size:.82rem;line-height:1.55}
.hn-tool .dv-diff th{position:sticky;top:0;background:#F4F8FD;text-align:left;padding:8px 10px;font-family:inherit;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--line)}
.hn-tool .dv-diff td{padding:2px 8px;vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:var(--ink)}
.hn-tool .dv-diff .dv-cn{width:44px}.hn-tool .dv-diff .dv-cs{width:22px}
.hn-tool .dv-diff td.dv-ln{color:#93A1B5;text-align:right;user-select:none;background:#FAFBFD;font-size:.76rem}
.hn-tool .dv-diff td.dv-sg{color:#93A1B5;user-select:none;text-align:center}
.hn-tool .dv-side td.dv-l{border-right:1px solid var(--line)}
.hn-tool .dv-side tr.dv-del td.dv-l,.hn-tool .dv-side tr.dv-mod td.dv-l,.hn-tool .dv-inline tr.dv-del td{background:#FFF1EF}
.hn-tool .dv-side tr.dv-ins td.dv-r,.hn-tool .dv-side tr.dv-mod td.dv-r,.hn-tool .dv-inline tr.dv-ins td{background:#EDFBF2}
.hn-tool .dv-side tr.dv-ins td.dv-l,.hn-tool .dv-side tr.dv-del td.dv-r{background:#F6F7F9}
.hn-tool .dv-diff tr.dv-skip td{background:#EEF5FD;color:var(--blue);font-family:inherit;font-size:.78rem;text-align:center;padding:4px}
.hn-tool .dv-diff del,.hn-tool .dv-flow del{background:#FFC9C2;color:#8E1F18;text-decoration:line-through;text-decoration-color:rgba(142,31,24,.45);border-radius:3px}
.hn-tool .dv-diff ins,.hn-tool .dv-flow ins{background:#B5EBC9;color:#0B5A31;text-decoration:none;border-radius:3px}
.hn-tool .dv-flow{white-space:pre-wrap;font-family:var(--f-mono);font-size:.86rem;max-height:560px;overflow:auto}
/* markdown */
.hn-tool .dv-md{display:grid;gap:12px;min-width:0}
.hn-tool .dv-mdbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:14px;background:#F4F8FD}
.hn-tool .dv-mdbar button{min-width:38px;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font:inherit;font-size:.84rem;font-weight:700;cursor:pointer}
.hn-tool .dv-mdbar button:hover{border-color:var(--blue);color:var(--blue)}
.hn-tool .dv-mdbar [data-md=italic]{font-style:italic}.hn-tool .dv-mdbar [data-md=strike]{text-decoration:line-through}
.hn-tool .dv-mdview{display:inline-flex;margin-left:auto;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.hn-tool .dv-mdview button{border:0;border-radius:0;height:34px}
.hn-tool .dv-mdview button.on{background:var(--blue);color:#fff}
.hn-tool .dv-mdpanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:420px}
.hn-tool .dv-md.dv-v-write .dv-mdpanes,.hn-tool .dv-md.dv-v-preview .dv-mdpanes{grid-template-columns:1fr}
.hn-tool .dv-md.dv-v-write .dv-mdout,.hn-tool .dv-md.dv-v-preview .dv-mdin{display:none}
.hn-tool .dv-mdin{width:100%;min-height:420px;resize:vertical;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-family:var(--f-mono);font-size:.9rem;line-height:1.6;color:var(--ink);background:#F8FAFD}
.hn-tool .dv-mdin:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(10,108,208,.14);background:#fff}
.hn-tool .dv-mdout{border:1px solid var(--line);border-radius:14px;padding:6px 20px;background:#fff;overflow:auto;max-height:680px;min-width:0}
.hn-tool .dv-prose{color:var(--ink);line-height:1.7;overflow-wrap:anywhere}
.hn-tool .dv-prose h1,.hn-tool .dv-prose h2,.hn-tool .dv-prose h3{line-height:1.25;margin:1em 0 .45em}
.hn-tool .dv-prose h1{font-size:1.6rem}.hn-tool .dv-prose h2{font-size:1.3rem}.hn-tool .dv-prose h3{font-size:1.08rem}
.hn-tool .dv-prose p,.hn-tool .dv-prose ul,.hn-tool .dv-prose ol{margin:0 0 .9em}
.hn-tool .dv-prose ul,.hn-tool .dv-prose ol{padding-left:1.4em}
.hn-tool .dv-prose li>input[type=checkbox]{margin-right:6px}
.hn-tool .dv-prose a{color:var(--blue);text-decoration:underline}
.hn-tool .dv-prose code{font-family:var(--f-mono);font-size:.86em;background:#EEF3F9;padding:2px 5px;border-radius:5px}
.hn-tool .dv-prose pre{background:#0B1730;color:#DCE8F7;padding:12px 14px;border-radius:10px;overflow:auto}
.hn-tool .dv-prose pre code{background:none;padding:0;color:inherit}
.hn-tool .dv-prose blockquote{margin:0 0 .9em;padding:6px 14px;border-left:4px solid var(--cyan,#00AEE6);background:#F4F8FD;color:var(--muted)}
.hn-tool .dv-prose table{border-collapse:collapse;width:100%;margin:0 0 .9em;font-size:.92rem;display:block;overflow-x:auto}
.hn-tool .dv-prose th,.hn-tool .dv-prose td{border:1px solid var(--line);padding:7px 10px;text-align:left}
.hn-tool .dv-prose th{background:#F4F8FD}
.hn-tool .dv-prose img{max-width:100%;height:auto}
.hn-tool .dv-prose hr{border:0;border-top:1px solid var(--line);margin:1.4em 0}
.hn-tool .dv-mdfoot{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:space-between;font-size:.84rem;color:var(--muted)}
.hn-tool .dv-mdact .btn{min-height:42px}
.hn-tool .dv-file{cursor:pointer}
/* text case */
.hn-tool .dv-cases{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:10px}
.hn-tool .dv-case{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;min-width:0;display:grid;grid-template-rows:auto 1fr}
.hn-tool .dv-case-h{display:flex;gap:6px;align-items:center;padding:8px 12px;background:#F4F8FD;border-bottom:1px solid var(--line)}
.hn-tool .dv-case-h b{margin-right:auto;font-size:.88rem;color:var(--ink)}
.hn-tool .dv-case-b{padding:10px 12px;font-size:.9rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;max-height:150px;overflow:auto;color:var(--ink)}
@media (max-width:760px){
  .hn-tool .dv-two,.hn-tool .dv-mdpanes{grid-template-columns:1fr}
  .hn-tool .dv-mdin,.hn-tool .dv-mdpanes{min-height:300px}
  .hn-tool .dv-mdview{margin-left:0}
  .hn-tool .dv-diff{font-size:.76rem}
  .hn-tool .dv-diff .dv-cn{width:30px}
  .hn-tool .dv-diff td{padding:2px 5px}
  .hn-tool .dv-mdact .btn{flex:1 1 calc(50% - 10px)}
}
/* compact stats and tables that wrap on phones */
.hn-tool[data-tool="base64-encoder-decoder"] .t-stat b,.hn-tool[data-tool="timestamp-converter"] .t-stat b,.hn-tool[data-tool="jwt-decoder"] .t-stat b,.hn-tool[data-tool="hash-generator"] .t-stat b,.hn-tool[data-tool="json-yaml-xml-converter"] .t-stat b,.hn-tool[data-tool="uuid-generator"] .t-stat b{font-size:1.15rem;overflow-wrap:break-word}
.hn-tool .dv-imgprev img{min-width:64px;image-rendering:pixelated}
@media (max-width:640px){
  .hn-tool[data-tool="timestamp-converter"] .t-table table,.hn-tool[data-tool="jwt-decoder"] .t-table table,.hn-tool[data-tool="uuid-generator"] .t-table table,.hn-tool[data-tool="regex-tester"] .t-table table{min-width:0;font-size:.82rem}
  .hn-tool[data-tool="timestamp-converter"] .t-table th,.hn-tool[data-tool="timestamp-converter"] .t-table td,.hn-tool[data-tool="jwt-decoder"] .t-table td,.hn-tool[data-tool="regex-tester"] .t-table td{padding:8px 8px;overflow-wrap:anywhere}
}
/* Everyday tools (60-everyday.js). Every selector is scoped to its tool with .hn-tool[data-tool="slug"]. */
.hn-tool[data-tool="weather-forecast"] >*,.hn-tool[data-tool="qr-code-generator"] >*,.hn-tool[data-tool="qr-code-scanner"] >*,.hn-tool[data-tool="barcode-generator"] >*,.hn-tool[data-tool="currency-converter"] >*,.hn-tool[data-tool="world-clock"] >*,.hn-tool[data-tool="unit-converter"] >*,.hn-tool[data-tool="password-generator"] >*,.hn-tool[data-tool="notes-checklist"] >*,.hn-tool[data-tool="expense-tracker"] >*{min-width:0}
.hn-tool[data-tool="weather-forecast"] .ev-ned>*,.hn-tool[data-tool="weather-forecast"] .ev-edash>*,.hn-tool[data-tool="weather-forecast"] .ev-scan>*,.hn-tool[data-tool="weather-forecast"] .ev-res>*,.hn-tool[data-tool="qr-code-generator"] .ev-ned>*,.hn-tool[data-tool="qr-code-generator"] .ev-edash>*,.hn-tool[data-tool="qr-code-generator"] .ev-scan>*,.hn-tool[data-tool="qr-code-generator"] .ev-res>*,.hn-tool[data-tool="qr-code-scanner"] .ev-ned>*,.hn-tool[data-tool="qr-code-scanner"] .ev-edash>*,.hn-tool[data-tool="qr-code-scanner"] .ev-scan>*,.hn-tool[data-tool="qr-code-scanner"] .ev-res>*,.hn-tool[data-tool="barcode-generator"] .ev-ned>*,.hn-tool[data-tool="barcode-generator"] .ev-edash>*,.hn-tool[data-tool="barcode-generator"] .ev-scan>*,.hn-tool[data-tool="barcode-generator"] .ev-res>*,.hn-tool[data-tool="currency-converter"] .ev-ned>*,.hn-tool[data-tool="currency-converter"] .ev-edash>*,.hn-tool[data-tool="currency-converter"] .ev-scan>*,.hn-tool[data-tool="currency-converter"] .ev-res>*,.hn-tool[data-tool="world-clock"] .ev-ned>*,.hn-tool[data-tool="world-clock"] .ev-edash>*,.hn-tool[data-tool="world-clock"] .ev-scan>*,.hn-tool[data-tool="world-clock"] .ev-res>*,.hn-tool[data-tool="unit-converter"] .ev-ned>*,.hn-tool[data-tool="unit-converter"] .ev-edash>*,.hn-tool[data-tool="unit-converter"] .ev-scan>*,.hn-tool[data-tool="unit-converter"] .ev-res>*,.hn-tool[data-tool="password-generator"] .ev-ned>*,.hn-tool[data-tool="password-generator"] .ev-edash>*,.hn-tool[data-tool="password-generator"] .ev-scan>*,.hn-tool[data-tool="password-generator"] .ev-res>*,.hn-tool[data-tool="notes-checklist"] .ev-ned>*,.hn-tool[data-tool="notes-checklist"] .ev-edash>*,.hn-tool[data-tool="notes-checklist"] .ev-scan>*,.hn-tool[data-tool="notes-checklist"] .ev-res>*,.hn-tool[data-tool="expense-tracker"] .ev-ned>*,.hn-tool[data-tool="expense-tracker"] .ev-edash>*,.hn-tool[data-tool="expense-tracker"] .ev-scan>*,.hn-tool[data-tool="expense-tracker"] .ev-res>*{min-width:0}
.hn-tool[data-tool="weather-forecast"] .ev-actions,.hn-tool[data-tool="qr-code-generator"] .ev-actions,.hn-tool[data-tool="qr-code-scanner"] .ev-actions,.hn-tool[data-tool="barcode-generator"] .ev-actions,.hn-tool[data-tool="currency-converter"] .ev-actions,.hn-tool[data-tool="world-clock"] .ev-actions,.hn-tool[data-tool="unit-converter"] .ev-actions,.hn-tool[data-tool="password-generator"] .ev-actions,.hn-tool[data-tool="notes-checklist"] .ev-actions,.hn-tool[data-tool="expense-tracker"] .ev-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hn-tool[data-tool="weather-forecast"] .ev-row,.hn-tool[data-tool="qr-code-generator"] .ev-row,.hn-tool[data-tool="qr-code-scanner"] .ev-row,.hn-tool[data-tool="barcode-generator"] .ev-row,.hn-tool[data-tool="currency-converter"] .ev-row,.hn-tool[data-tool="world-clock"] .ev-row,.hn-tool[data-tool="unit-converter"] .ev-row,.hn-tool[data-tool="password-generator"] .ev-row,.hn-tool[data-tool="notes-checklist"] .ev-row,.hn-tool[data-tool="expense-tracker"] .ev-row{display:flex;gap:8px;align-items:stretch;min-width:0}
.hn-tool[data-tool="weather-forecast"] .ev-row input,.hn-tool[data-tool="qr-code-generator"] .ev-row input,.hn-tool[data-tool="qr-code-scanner"] .ev-row input,.hn-tool[data-tool="barcode-generator"] .ev-row input,.hn-tool[data-tool="currency-converter"] .ev-row input,.hn-tool[data-tool="world-clock"] .ev-row input,.hn-tool[data-tool="unit-converter"] .ev-row input,.hn-tool[data-tool="password-generator"] .ev-row input,.hn-tool[data-tool="notes-checklist"] .ev-row input,.hn-tool[data-tool="expense-tracker"] .ev-row input{flex:1 1 0;width:0;min-width:0;height:48px;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font:inherit;color:var(--ink);background:#F8FAFD}
.hn-tool[data-tool="weather-forecast"] .ev-row input:focus,.hn-tool[data-tool="qr-code-generator"] .ev-row input:focus,.hn-tool[data-tool="qr-code-scanner"] .ev-row input:focus,.hn-tool[data-tool="barcode-generator"] .ev-row input:focus,.hn-tool[data-tool="currency-converter"] .ev-row input:focus,.hn-tool[data-tool="world-clock"] .ev-row input:focus,.hn-tool[data-tool="unit-converter"] .ev-row input:focus,.hn-tool[data-tool="password-generator"] .ev-row input:focus,.hn-tool[data-tool="notes-checklist"] .ev-row input:focus,.hn-tool[data-tool="expense-tracker"] .ev-row input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(10,108,208,.14);background:#fff}
.hn-tool[data-tool="weather-forecast"] .ev-warn,.hn-tool[data-tool="qr-code-generator"] .ev-warn,.hn-tool[data-tool="qr-code-scanner"] .ev-warn,.hn-tool[data-tool="barcode-generator"] .ev-warn,.hn-tool[data-tool="currency-converter"] .ev-warn,.hn-tool[data-tool="world-clock"] .ev-warn,.hn-tool[data-tool="unit-converter"] .ev-warn,.hn-tool[data-tool="password-generator"] .ev-warn,.hn-tool[data-tool="notes-checklist"] .ev-warn,.hn-tool[data-tool="expense-tracker"] .ev-warn{margin:0;padding:10px 14px;border-radius:12px;background:#FFF7E8;border:1px solid #F7DDA8;color:#7A4800;font-size:.9rem;line-height:1.5}
.hn-tool[data-tool="weather-forecast"] .ev-ok,.hn-tool[data-tool="qr-code-generator"] .ev-ok,.hn-tool[data-tool="qr-code-scanner"] .ev-ok,.hn-tool[data-tool="barcode-generator"] .ev-ok,.hn-tool[data-tool="currency-converter"] .ev-ok,.hn-tool[data-tool="world-clock"] .ev-ok,.hn-tool[data-tool="unit-converter"] .ev-ok,.hn-tool[data-tool="password-generator"] .ev-ok,.hn-tool[data-tool="notes-checklist"] .ev-ok,.hn-tool[data-tool="expense-tracker"] .ev-ok{margin:0;padding:10px 14px;border-radius:12px;background:#ECFBF2;border:1px solid #BDEBD0;color:#0E7A43;font-size:.9rem;font-weight:600}
.hn-tool[data-tool="weather-forecast"] .ev-err,.hn-tool[data-tool="qr-code-generator"] .ev-err,.hn-tool[data-tool="qr-code-scanner"] .ev-err,.hn-tool[data-tool="barcode-generator"] .ev-err,.hn-tool[data-tool="currency-converter"] .ev-err,.hn-tool[data-tool="world-clock"] .ev-err,.hn-tool[data-tool="unit-converter"] .ev-err,.hn-tool[data-tool="password-generator"] .ev-err,.hn-tool[data-tool="notes-checklist"] .ev-err,.hn-tool[data-tool="expense-tracker"] .ev-err{color:#B3261E;font-weight:600}
.hn-tool[data-tool="weather-forecast"] .ev-h,.hn-tool[data-tool="qr-code-generator"] .ev-h,.hn-tool[data-tool="qr-code-scanner"] .ev-h,.hn-tool[data-tool="barcode-generator"] .ev-h,.hn-tool[data-tool="currency-converter"] .ev-h,.hn-tool[data-tool="world-clock"] .ev-h,.hn-tool[data-tool="unit-converter"] .ev-h,.hn-tool[data-tool="password-generator"] .ev-h,.hn-tool[data-tool="notes-checklist"] .ev-h,.hn-tool[data-tool="expense-tracker"] .ev-h{display:block;margin:0 0 8px;color:var(--ink);font-size:.95rem}
.hn-tool[data-tool="weather-forecast"] .ev-sub,.hn-tool[data-tool="qr-code-generator"] .ev-sub,.hn-tool[data-tool="qr-code-scanner"] .ev-sub,.hn-tool[data-tool="barcode-generator"] .ev-sub,.hn-tool[data-tool="currency-converter"] .ev-sub,.hn-tool[data-tool="world-clock"] .ev-sub,.hn-tool[data-tool="unit-converter"] .ev-sub,.hn-tool[data-tool="password-generator"] .ev-sub,.hn-tool[data-tool="notes-checklist"] .ev-sub,.hn-tool[data-tool="expense-tracker"] .ev-sub{display:grid;gap:8px;min-width:0}
.hn-tool[data-tool="weather-forecast"] .ev-sub>b,.hn-tool[data-tool="qr-code-generator"] .ev-sub>b,.hn-tool[data-tool="qr-code-scanner"] .ev-sub>b,.hn-tool[data-tool="barcode-generator"] .ev-sub>b,.hn-tool[data-tool="currency-converter"] .ev-sub>b,.hn-tool[data-tool="world-clock"] .ev-sub>b,.hn-tool[data-tool="unit-converter"] .ev-sub>b,.hn-tool[data-tool="password-generator"] .ev-sub>b,.hn-tool[data-tool="notes-checklist"] .ev-sub>b,.hn-tool[data-tool="expense-tracker"] .ev-sub>b{color:var(--ink);font-size:.95rem}
.hn-tool[data-tool="weather-forecast"] .ev-seg,.hn-tool[data-tool="qr-code-generator"] .ev-seg,.hn-tool[data-tool="qr-code-scanner"] .ev-seg,.hn-tool[data-tool="barcode-generator"] .ev-seg,.hn-tool[data-tool="currency-converter"] .ev-seg,.hn-tool[data-tool="world-clock"] .ev-seg,.hn-tool[data-tool="unit-converter"] .ev-seg,.hn-tool[data-tool="password-generator"] .ev-seg,.hn-tool[data-tool="notes-checklist"] .ev-seg,.hn-tool[data-tool="expense-tracker"] .ev-seg{display:inline-flex;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#F8FAFD;flex:none}
.hn-tool[data-tool="weather-forecast"] .ev-seg button,.hn-tool[data-tool="qr-code-generator"] .ev-seg button,.hn-tool[data-tool="qr-code-scanner"] .ev-seg button,.hn-tool[data-tool="barcode-generator"] .ev-seg button,.hn-tool[data-tool="currency-converter"] .ev-seg button,.hn-tool[data-tool="world-clock"] .ev-seg button,.hn-tool[data-tool="unit-converter"] .ev-seg button,.hn-tool[data-tool="password-generator"] .ev-seg button,.hn-tool[data-tool="notes-checklist"] .ev-seg button,.hn-tool[data-tool="expense-tracker"] .ev-seg button{border:0;background:transparent;padding:8px 14px;min-height:40px;font:inherit;font-weight:700;font-size:.88rem;color:var(--muted);cursor:pointer}
.hn-tool[data-tool="weather-forecast"] .ev-seg button.on,.hn-tool[data-tool="qr-code-generator"] .ev-seg button.on,.hn-tool[data-tool="qr-code-scanner"] .ev-seg button.on,.hn-tool[data-tool="barcode-generator"] .ev-seg button.on,.hn-tool[data-tool="currency-converter"] .ev-seg button.on,.hn-tool[data-tool="world-clock"] .ev-seg button.on,.hn-tool[data-tool="unit-converter"] .ev-seg button.on,.hn-tool[data-tool="password-generator"] .ev-seg button.on,.hn-tool[data-tool="notes-checklist"] .ev-seg button.on,.hn-tool[data-tool="expense-tracker"] .ev-seg button.on{background:var(--blue);color:#fff}
.hn-tool[data-tool="weather-forecast"] .ev-file,.hn-tool[data-tool="qr-code-generator"] .ev-file,.hn-tool[data-tool="qr-code-scanner"] .ev-file,.hn-tool[data-tool="barcode-generator"] .ev-file,.hn-tool[data-tool="currency-converter"] .ev-file,.hn-tool[data-tool="world-clock"] .ev-file,.hn-tool[data-tool="unit-converter"] .ev-file,.hn-tool[data-tool="password-generator"] .ev-file,.hn-tool[data-tool="notes-checklist"] .ev-file,.hn-tool[data-tool="expense-tracker"] .ev-file{position:relative;overflow:hidden;cursor:pointer}
.hn-tool[data-tool="weather-forecast"] .ev-file input,.hn-tool[data-tool="qr-code-generator"] .ev-file input,.hn-tool[data-tool="qr-code-scanner"] .ev-file input,.hn-tool[data-tool="barcode-generator"] .ev-file input,.hn-tool[data-tool="currency-converter"] .ev-file input,.hn-tool[data-tool="world-clock"] .ev-file input,.hn-tool[data-tool="unit-converter"] .ev-file input,.hn-tool[data-tool="password-generator"] .ev-file input,.hn-tool[data-tool="notes-checklist"] .ev-file input,.hn-tool[data-tool="expense-tracker"] .ev-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.hn-tool[data-tool="weather-forecast"] .ev-x,.hn-tool[data-tool="qr-code-generator"] .ev-x,.hn-tool[data-tool="qr-code-scanner"] .ev-x,.hn-tool[data-tool="barcode-generator"] .ev-x,.hn-tool[data-tool="currency-converter"] .ev-x,.hn-tool[data-tool="world-clock"] .ev-x,.hn-tool[data-tool="unit-converter"] .ev-x,.hn-tool[data-tool="password-generator"] .ev-x,.hn-tool[data-tool="notes-checklist"] .ev-x,.hn-tool[data-tool="expense-tracker"] .ev-x{border:0;background:transparent;color:var(--muted);font-size:1.3rem;line-height:1;width:34px;height:34px;border-radius:9px;cursor:pointer;flex:none}
.hn-tool[data-tool="weather-forecast"] .ev-x:hover,.hn-tool[data-tool="qr-code-generator"] .ev-x:hover,.hn-tool[data-tool="qr-code-scanner"] .ev-x:hover,.hn-tool[data-tool="barcode-generator"] .ev-x:hover,.hn-tool[data-tool="currency-converter"] .ev-x:hover,.hn-tool[data-tool="world-clock"] .ev-x:hover,.hn-tool[data-tool="unit-converter"] .ev-x:hover,.hn-tool[data-tool="password-generator"] .ev-x:hover,.hn-tool[data-tool="notes-checklist"] .ev-x:hover,.hn-tool[data-tool="expense-tracker"] .ev-x:hover{background:#FFF1EF;color:#B3261E}
.hn-tool[data-tool="weather-forecast"] .ev-det,.hn-tool[data-tool="qr-code-generator"] .ev-det,.hn-tool[data-tool="qr-code-scanner"] .ev-det,.hn-tool[data-tool="barcode-generator"] .ev-det,.hn-tool[data-tool="currency-converter"] .ev-det,.hn-tool[data-tool="world-clock"] .ev-det,.hn-tool[data-tool="unit-converter"] .ev-det,.hn-tool[data-tool="password-generator"] .ev-det,.hn-tool[data-tool="notes-checklist"] .ev-det,.hn-tool[data-tool="expense-tracker"] .ev-det{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.hn-tool[data-tool="weather-forecast"] .ev-det>summary,.hn-tool[data-tool="qr-code-generator"] .ev-det>summary,.hn-tool[data-tool="qr-code-scanner"] .ev-det>summary,.hn-tool[data-tool="barcode-generator"] .ev-det>summary,.hn-tool[data-tool="currency-converter"] .ev-det>summary,.hn-tool[data-tool="world-clock"] .ev-det>summary,.hn-tool[data-tool="unit-converter"] .ev-det>summary,.hn-tool[data-tool="password-generator"] .ev-det>summary,.hn-tool[data-tool="notes-checklist"] .ev-det>summary,.hn-tool[data-tool="expense-tracker"] .ev-det>summary{cursor:pointer;padding:12px 14px;font-weight:700;color:var(--ink);background:#F4F8FD}
.hn-tool[data-tool="weather-forecast"] .ev-det>*:not(summary),.hn-tool[data-tool="qr-code-generator"] .ev-det>*:not(summary),.hn-tool[data-tool="qr-code-scanner"] .ev-det>*:not(summary),.hn-tool[data-tool="barcode-generator"] .ev-det>*:not(summary),.hn-tool[data-tool="currency-converter"] .ev-det>*:not(summary),.hn-tool[data-tool="world-clock"] .ev-det>*:not(summary),.hn-tool[data-tool="unit-converter"] .ev-det>*:not(summary),.hn-tool[data-tool="password-generator"] .ev-det>*:not(summary),.hn-tool[data-tool="notes-checklist"] .ev-det>*:not(summary),.hn-tool[data-tool="expense-tracker"] .ev-det>*:not(summary){margin:12px 14px}
.hn-tool[data-tool="weather-forecast"] .ev-det .t-code,.hn-tool[data-tool="qr-code-generator"] .ev-det .t-code,.hn-tool[data-tool="qr-code-scanner"] .ev-det .t-code,.hn-tool[data-tool="barcode-generator"] .ev-det .t-code,.hn-tool[data-tool="currency-converter"] .ev-det .t-code,.hn-tool[data-tool="world-clock"] .ev-det .t-code,.hn-tool[data-tool="unit-converter"] .ev-det .t-code,.hn-tool[data-tool="password-generator"] .ev-det .t-code,.hn-tool[data-tool="notes-checklist"] .ev-det .t-code,.hn-tool[data-tool="expense-tracker"] .ev-det .t-code{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px}
.hn-tool[data-tool="weather-forecast"] .ev-cx,.hn-tool[data-tool="qr-code-generator"] .ev-cx,.hn-tool[data-tool="qr-code-scanner"] .ev-cx,.hn-tool[data-tool="barcode-generator"] .ev-cx,.hn-tool[data-tool="currency-converter"] .ev-cx,.hn-tool[data-tool="world-clock"] .ev-cx,.hn-tool[data-tool="unit-converter"] .ev-cx,.hn-tool[data-tool="password-generator"] .ev-cx,.hn-tool[data-tool="notes-checklist"] .ev-cx,.hn-tool[data-tool="expense-tracker"] .ev-cx{display:grid;gap:4px;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#06162E,#0C2244);color:#DCE8F7;min-width:0}
.hn-tool[data-tool="weather-forecast"] .ev-cx>span,.hn-tool[data-tool="qr-code-generator"] .ev-cx>span,.hn-tool[data-tool="qr-code-scanner"] .ev-cx>span,.hn-tool[data-tool="barcode-generator"] .ev-cx>span,.hn-tool[data-tool="currency-converter"] .ev-cx>span,.hn-tool[data-tool="world-clock"] .ev-cx>span,.hn-tool[data-tool="unit-converter"] .ev-cx>span,.hn-tool[data-tool="password-generator"] .ev-cx>span,.hn-tool[data-tool="notes-checklist"] .ev-cx>span,.hn-tool[data-tool="expense-tracker"] .ev-cx>span{font-size:.95rem;color:#A8BAD3;overflow-wrap:anywhere}
.hn-tool[data-tool="weather-forecast"] .ev-cx>b,.hn-tool[data-tool="qr-code-generator"] .ev-cx>b,.hn-tool[data-tool="qr-code-scanner"] .ev-cx>b,.hn-tool[data-tool="barcode-generator"] .ev-cx>b,.hn-tool[data-tool="currency-converter"] .ev-cx>b,.hn-tool[data-tool="world-clock"] .ev-cx>b,.hn-tool[data-tool="unit-converter"] .ev-cx>b,.hn-tool[data-tool="password-generator"] .ev-cx>b,.hn-tool[data-tool="notes-checklist"] .ev-cx>b,.hn-tool[data-tool="expense-tracker"] .ev-cx>b{font-family:var(--f-display);font-size:clamp(1.7rem,5vw,2.6rem);line-height:1.1;color:#fff;overflow-wrap:anywhere}
.hn-tool[data-tool="weather-forecast"] .ev-cx>b small,.hn-tool[data-tool="qr-code-generator"] .ev-cx>b small,.hn-tool[data-tool="qr-code-scanner"] .ev-cx>b small,.hn-tool[data-tool="barcode-generator"] .ev-cx>b small,.hn-tool[data-tool="currency-converter"] .ev-cx>b small,.hn-tool[data-tool="world-clock"] .ev-cx>b small,.hn-tool[data-tool="unit-converter"] .ev-cx>b small,.hn-tool[data-tool="password-generator"] .ev-cx>b small,.hn-tool[data-tool="notes-checklist"] .ev-cx>b small,.hn-tool[data-tool="expense-tracker"] .ev-cx>b small{font-size:.5em;color:#00AEE6}
.hn-tool[data-tool="weather-forecast"] .ev-cx>em,.hn-tool[data-tool="qr-code-generator"] .ev-cx>em,.hn-tool[data-tool="qr-code-scanner"] .ev-cx>em,.hn-tool[data-tool="barcode-generator"] .ev-cx>em,.hn-tool[data-tool="currency-converter"] .ev-cx>em,.hn-tool[data-tool="world-clock"] .ev-cx>em,.hn-tool[data-tool="unit-converter"] .ev-cx>em,.hn-tool[data-tool="password-generator"] .ev-cx>em,.hn-tool[data-tool="notes-checklist"] .ev-cx>em,.hn-tool[data-tool="expense-tracker"] .ev-cx>em{font-style:normal;color:#A8BAD3}
.hn-tool[data-tool="weather-forecast"] .ev-cx-r,.hn-tool[data-tool="qr-code-generator"] .ev-cx-r,.hn-tool[data-tool="qr-code-scanner"] .ev-cx-r,.hn-tool[data-tool="barcode-generator"] .ev-cx-r,.hn-tool[data-tool="currency-converter"] .ev-cx-r,.hn-tool[data-tool="world-clock"] .ev-cx-r,.hn-tool[data-tool="unit-converter"] .ev-cx-r,.hn-tool[data-tool="password-generator"] .ev-cx-r,.hn-tool[data-tool="notes-checklist"] .ev-cx-r,.hn-tool[data-tool="expense-tracker"] .ev-cx-r{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:8px;padding-top:10px;border-top:1px solid rgba(231,240,251,.18);font-family:var(--f-mono);font-size:.82rem;color:#DCE8F7}
.hn-tool[data-tool="weather-forecast"] .ev-2col,.hn-tool[data-tool="qr-code-generator"] .ev-2col,.hn-tool[data-tool="qr-code-scanner"] .ev-2col,.hn-tool[data-tool="barcode-generator"] .ev-2col,.hn-tool[data-tool="currency-converter"] .ev-2col,.hn-tool[data-tool="world-clock"] .ev-2col,.hn-tool[data-tool="unit-converter"] .ev-2col,.hn-tool[data-tool="password-generator"] .ev-2col,.hn-tool[data-tool="notes-checklist"] .ev-2col,.hn-tool[data-tool="expense-tracker"] .ev-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}
.hn-tool[data-tool="weather-forecast"] .ev-2col .t-table table,.hn-tool[data-tool="qr-code-generator"] .ev-2col .t-table table,.hn-tool[data-tool="qr-code-scanner"] .ev-2col .t-table table,.hn-tool[data-tool="barcode-generator"] .ev-2col .t-table table,.hn-tool[data-tool="currency-converter"] .ev-2col .t-table table,.hn-tool[data-tool="world-clock"] .ev-2col .t-table table,.hn-tool[data-tool="unit-converter"] .ev-2col .t-table table,.hn-tool[data-tool="password-generator"] .ev-2col .t-table table,.hn-tool[data-tool="notes-checklist"] .ev-2col .t-table table,.hn-tool[data-tool="expense-tracker"] .ev-2col .t-table table{min-width:0}
.hn-tool[data-tool="weather-forecast"] .ev-key,.hn-tool[data-tool="qr-code-generator"] .ev-key,.hn-tool[data-tool="qr-code-scanner"] .ev-key,.hn-tool[data-tool="barcode-generator"] .ev-key,.hn-tool[data-tool="currency-converter"] .ev-key,.hn-tool[data-tool="world-clock"] .ev-key,.hn-tool[data-tool="unit-converter"] .ev-key,.hn-tool[data-tool="password-generator"] .ev-key,.hn-tool[data-tool="notes-checklist"] .ev-key,.hn-tool[data-tool="expense-tracker"] .ev-key{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px;margin-left:6px}
.hn-tool[data-tool="weather-forecast"] .ev-sbar,.hn-tool[data-tool="qr-code-generator"] .ev-sbar,.hn-tool[data-tool="qr-code-scanner"] .ev-sbar,.hn-tool[data-tool="barcode-generator"] .ev-sbar,.hn-tool[data-tool="currency-converter"] .ev-sbar,.hn-tool[data-tool="world-clock"] .ev-sbar,.hn-tool[data-tool="unit-converter"] .ev-sbar,.hn-tool[data-tool="password-generator"] .ev-sbar,.hn-tool[data-tool="notes-checklist"] .ev-sbar,.hn-tool[data-tool="expense-tracker"] .ev-sbar{height:10px}
.hn-tool[data-tool="weather-forecast"] .ev-sbar.bad i,.hn-tool[data-tool="qr-code-generator"] .ev-sbar.bad i,.hn-tool[data-tool="qr-code-scanner"] .ev-sbar.bad i,.hn-tool[data-tool="barcode-generator"] .ev-sbar.bad i,.hn-tool[data-tool="currency-converter"] .ev-sbar.bad i,.hn-tool[data-tool="world-clock"] .ev-sbar.bad i,.hn-tool[data-tool="unit-converter"] .ev-sbar.bad i,.hn-tool[data-tool="password-generator"] .ev-sbar.bad i,.hn-tool[data-tool="notes-checklist"] .ev-sbar.bad i,.hn-tool[data-tool="expense-tracker"] .ev-sbar.bad i{background:#D64541}.ev-sbar.warn i{background:#E28C00}.ev-sbar.good i{background:linear-gradient(90deg,#13A35B,#0E7A43)}
.hn-tool[data-tool="weather-forecast"] .ev-nfoot,.hn-tool[data-tool="qr-code-generator"] .ev-nfoot,.hn-tool[data-tool="qr-code-scanner"] .ev-nfoot,.hn-tool[data-tool="barcode-generator"] .ev-nfoot,.hn-tool[data-tool="currency-converter"] .ev-nfoot,.hn-tool[data-tool="world-clock"] .ev-nfoot,.hn-tool[data-tool="unit-converter"] .ev-nfoot,.hn-tool[data-tool="password-generator"] .ev-nfoot,.hn-tool[data-tool="notes-checklist"] .ev-nfoot,.hn-tool[data-tool="expense-tracker"] .ev-nfoot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding-top:6px;border-top:1px solid var(--line)}
.hn-tool[data-tool="weather-forecast"] .ev-toast,.hn-tool[data-tool="qr-code-generator"] .ev-toast,.hn-tool[data-tool="qr-code-scanner"] .ev-toast,.hn-tool[data-tool="barcode-generator"] .ev-toast,.hn-tool[data-tool="currency-converter"] .ev-toast,.hn-tool[data-tool="world-clock"] .ev-toast,.hn-tool[data-tool="unit-converter"] .ev-toast,.hn-tool[data-tool="password-generator"] .ev-toast,.hn-tool[data-tool="notes-checklist"] .ev-toast,.hn-tool[data-tool="expense-tracker"] .ev-toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:9999;display:flex;gap:14px;align-items:center;padding:12px 16px;border-radius:14px;background:#06162E;color:#fff;font-weight:600;font-size:.92rem;box-shadow:0 20px 40px -18px rgba(6,22,46,.6);max-width:calc(100vw - 32px)}
.hn-tool[data-tool="weather-forecast"] .ev-toast button,.hn-tool[data-tool="qr-code-generator"] .ev-toast button,.hn-tool[data-tool="qr-code-scanner"] .ev-toast button,.hn-tool[data-tool="barcode-generator"] .ev-toast button,.hn-tool[data-tool="currency-converter"] .ev-toast button,.hn-tool[data-tool="world-clock"] .ev-toast button,.hn-tool[data-tool="unit-converter"] .ev-toast button,.hn-tool[data-tool="password-generator"] .ev-toast button,.hn-tool[data-tool="notes-checklist"] .ev-toast button,.hn-tool[data-tool="expense-tracker"] .ev-toast button{border:0;background:transparent;color:#00AEE6;font:inherit;font-weight:800;cursor:pointer;padding:4px}
@media (max-width:700px){.hn-tool[data-tool="weather-forecast"] .ev-2col,.hn-tool[data-tool="qr-code-generator"] .ev-2col,.hn-tool[data-tool="qr-code-scanner"] .ev-2col,.hn-tool[data-tool="barcode-generator"] .ev-2col,.hn-tool[data-tool="currency-converter"] .ev-2col,.hn-tool[data-tool="world-clock"] .ev-2col,.hn-tool[data-tool="unit-converter"] .ev-2col,.hn-tool[data-tool="password-generator"] .ev-2col,.hn-tool[data-tool="notes-checklist"] .ev-2col,.hn-tool[data-tool="expense-tracker"] .ev-2col{grid-template-columns:1fr}}
/* weather-forecast */
.hn-tool[data-tool="weather-forecast"] .ev-wx-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.hn-tool[data-tool="weather-forecast"] .ev-wx-place{display:grid;gap:2px;min-width:0}
.hn-tool[data-tool="weather-forecast"] .ev-wx-place b{font-family:var(--f-display);font-size:1.3rem;color:var(--ink);line-height:1.25}
.hn-tool[data-tool="weather-forecast"] .ev-wx-place small{color:var(--muted);font-size:.84rem}
.hn-tool[data-tool="weather-forecast"] .ev-wx-now{display:flex;gap:18px;align-items:center;padding:14px 18px;border-radius:18px;background:linear-gradient(135deg,#EEF5FD,#F8FBFF);border:1px solid #CFE0F5}
.hn-tool[data-tool="weather-forecast"] .ev-wx-now>div{display:grid;gap:2px}
.hn-tool[data-tool="weather-forecast"] .ev-wx-t{font-family:var(--f-display);font-size:clamp(3rem,9vw,4.4rem);line-height:1;color:var(--ink);letter-spacing:-.03em}
.hn-tool[data-tool="weather-forecast"] .ev-wx-c{font-weight:700;color:var(--ink);font-size:1.1rem}
.hn-tool[data-tool="weather-forecast"] .ev-wx-now small{color:var(--muted)}
.hn-tool[data-tool="weather-forecast"] .ev-wxi{display:block;flex:none}
.hn-tool[data-tool="weather-forecast"] .ev-hours{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.hn-tool[data-tool="weather-forecast"] .ev-hr{flex:0 0 70px;display:grid;justify-items:center;gap:2px;padding:10px 4px;border:1px solid var(--line);border-radius:14px;background:#F8FAFD;scroll-snap-align:start}
.hn-tool[data-tool="weather-forecast"] .ev-hr small{font-size:.76rem;color:var(--muted);font-weight:600;white-space:nowrap}
.hn-tool[data-tool="weather-forecast"] .ev-hr b{color:var(--ink)}
.hn-tool[data-tool="weather-forecast"] .ev-hr em{font-style:normal;font-size:.7rem;color:#2F8FE0;white-space:nowrap}
.hn-tool[data-tool="weather-forecast"] .ev-days{display:grid;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.hn-tool[data-tool="weather-forecast"] .ev-day{display:grid;grid-template-columns:70px 40px minmax(0,1fr) minmax(150px,1.1fr);gap:10px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--line);background:#fff}
.hn-tool[data-tool="weather-forecast"] .ev-day:last-child{border-bottom:0}
.hn-tool[data-tool="weather-forecast"] .ev-day-n{display:grid}.ev-day-n b{color:var(--ink);font-size:.92rem}.ev-day-n small{color:var(--muted);font-size:.76rem}
.hn-tool[data-tool="weather-forecast"] .ev-day-c{color:var(--ink);font-size:.9rem;display:grid;min-width:0}.ev-day-c small{color:#2F8FE0;font-size:.76rem}
.hn-tool[data-tool="weather-forecast"] .ev-day-r{display:grid;grid-template-columns:38px minmax(40px,1fr) 38px;gap:8px;align-items:center;font-size:.92rem}
.hn-tool[data-tool="weather-forecast"] .ev-day-r em{font-style:normal;color:var(--muted);text-align:right}.ev-day-r b{color:var(--ink)}
.hn-tool[data-tool="weather-forecast"] .ev-rng{position:relative;height:6px;border-radius:6px;background:#E7EEF7}
.hn-tool[data-tool="weather-forecast"] .ev-rng i{position:absolute;top:0;bottom:0;border-radius:6px;background:linear-gradient(90deg,#00AEE6,#F5A623)}
@media (max-width:560px){.hn-tool[data-tool="weather-forecast"] .ev-day{grid-template-columns:52px 34px minmax(0,1fr);padding:8px 10px}
.hn-tool[data-tool="weather-forecast"] .ev-day-r{grid-column:2/-1}
.hn-tool[data-tool="weather-forecast"] .ev-wx-now{padding:12px}
.hn-tool[data-tool="weather-forecast"] .ev-wx-now .ev-wxi{width:76px;height:76px}}
/* qr-code-generator */
.hn-tool[data-tool="qr-code-generator"] .ev-qr{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:20px;align-items:start}
.hn-tool[data-tool="qr-code-generator"] .ev-qr-prev{display:grid;gap:8px;justify-items:center;padding:14px;border:1px dashed #C9D6E6;border-radius:18px;background:#FBFCFE}
.hn-tool[data-tool="qr-code-generator"] .ev-qr-img{width:100%;display:grid;place-items:center}
.hn-tool[data-tool="qr-code-generator"] .ev-qr-cv{width:100%;max-width:270px;height:auto;image-rendering:pixelated;border-radius:6px;box-shadow:0 10px 30px -18px rgba(6,22,46,.5)}
.hn-tool[data-tool="qr-code-generator"] .ev-qr-info{display:grid;gap:12px;min-width:0}
.hn-tool[data-tool="qr-code-generator"] .t-credit{text-align:center}
.hn-tool[data-tool="qr-code-generator"] .t-credit a{color:var(--blue);font-weight:600}
@media (max-width:700px){.hn-tool[data-tool="qr-code-generator"] .ev-qr{grid-template-columns:1fr}}
/* qr-code-scanner */
.hn-tool[data-tool="qr-code-scanner"] .ev-scan{display:grid;gap:12px}
.hn-tool[data-tool="qr-code-scanner"] .ev-video{position:relative;border-radius:18px;overflow:hidden;background:#06162E;max-width:560px;width:100%;aspect-ratio:4/3}
.hn-tool[data-tool="qr-code-scanner"] .ev-video video{width:100%;height:100%;object-fit:cover;display:block}
.hn-tool[data-tool="qr-code-scanner"] .ev-frame{position:absolute;left:50%;top:46%;width:min(62%,280px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:18px;box-shadow:0 0 0 2000px rgba(6,22,46,.35);border:3px solid #00AEE6}
.hn-tool[data-tool="qr-code-scanner"] .ev-vbar{position:absolute;left:10px;right:10px;bottom:10px;display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.hn-tool[data-tool="qr-code-scanner"] .ev-vbar select{height:40px;border-radius:10px;border:1px solid var(--line);padding:0 10px;font:inherit;max-width:60%}
.hn-tool[data-tool="qr-code-scanner"] .ev-res{display:grid;gap:12px;padding:16px;border:1px solid #CFE0F5;border-radius:18px;background:#F8FBFF}
.hn-tool[data-tool="qr-code-scanner"] .ev-res-h{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hn-tool[data-tool="qr-code-scanner"] .ev-raw{margin:0;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid var(--line);font-family:var(--f-mono);font-size:.86rem;white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;color:var(--ink)}
.hn-tool[data-tool="qr-code-scanner"] .ev-res .t-table table{min-width:0}
.hn-tool[data-tool="qr-code-scanner"] .ev-hist{display:grid;gap:8px}
.hn-tool[data-tool="qr-code-scanner"] .ev-hist:empty{display:none}
.hn-tool[data-tool="qr-code-scanner"] .ev-hist-h{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hn-tool[data-tool="qr-code-scanner"] .ev-hist-h b{color:var(--ink)}.ev-hist-h .t-copy{margin-left:auto}
.hn-tool[data-tool="qr-code-scanner"] .ev-hist ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.hn-tool[data-tool="qr-code-scanner"] .ev-hist li{display:flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;padding:4px 4px 4px 0}
.hn-tool[data-tool="qr-code-scanner"] .ev-hist-i{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 10px;align-items:center;border:0;background:transparent;text-align:left;padding:8px 12px;font:inherit;color:var(--ink);cursor:pointer}
.hn-tool[data-tool="qr-code-scanner"] .ev-hist-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}
.hn-tool[data-tool="qr-code-scanner"] .ev-hist-i small{color:var(--muted);font-size:.76rem;white-space:nowrap}
@media (max-width:560px){.hn-tool[data-tool="qr-code-scanner"] .ev-hist-i{grid-template-columns:minmax(0,1fr) auto}
.hn-tool[data-tool="qr-code-scanner"] .ev-hist-t{grid-column:1/-1;grid-row:2}}
/* barcode-generator */
.hn-tool[data-tool="barcode-generator"] .ev-bcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:12px}
.hn-tool[data-tool="barcode-generator"] .ev-bc{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff;min-width:0}
.hn-tool[data-tool="barcode-generator"] .ev-bc.bad{border-color:#F5C6C0;background:#FFFAF9}
.hn-tool[data-tool="barcode-generator"] .ev-bc-img{display:grid;place-items:center;min-height:20px;overflow:hidden}
.hn-tool[data-tool="barcode-generator"] .ev-bc-img svg{max-width:100%;height:auto}
.hn-tool[data-tool="barcode-generator"] .ev-bc-f{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.hn-tool[data-tool="barcode-generator"] .ev-bc-f b{font-family:var(--f-mono);font-size:.84rem;color:var(--ink);overflow-wrap:anywhere}
.hn-tool[data-tool="barcode-generator"] .ev-bc-f small{flex-basis:100%;font-size:.8rem;color:var(--muted)}
.hn-tool[data-tool="barcode-generator"] .ev-bc-a{display:flex;gap:6px;margin-left:auto}
/* currency-converter */
.hn-tool[data-tool="currency-converter"] .ev-2col .t-table td:last-child{text-align:right}
/* world-clock */
.hn-tool[data-tool="world-clock"] .ev-wc-top{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between}
.hn-tool[data-tool="world-clock"] .ev-wc-add{display:grid;gap:6px;flex:1 1 320px;min-width:0;max-width:560px}
.hn-tool[data-tool="world-clock"] .ev-wc-add>label{font-weight:700;font-size:.88rem;color:var(--ink)}
.hn-tool[data-tool="world-clock"] .ev-clocks{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:12px}
.hn-tool[data-tool="world-clock"] .ev-clk{display:grid;gap:2px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#F8FAFD;min-width:0}
.hn-tool[data-tool="world-clock"] .ev-clk.me{background:linear-gradient(135deg,#06162E,#0C2244);border-color:#0C2244;color:#DCE8F7}
.hn-tool[data-tool="world-clock"] .ev-clk-h{display:flex;align-items:center;gap:6px;min-height:28px}
.hn-tool[data-tool="world-clock"] .ev-clk-h b{color:var(--ink);font-size:1rem;margin-right:auto;overflow-wrap:anywhere}
.hn-tool[data-tool="world-clock"] .ev-clk.me .ev-clk-h b{color:#fff}
.hn-tool[data-tool="world-clock"] .ev-clk>small{color:var(--muted);font-size:.78rem;overflow-wrap:anywhere}
.hn-tool[data-tool="world-clock"] .ev-clk.me>small,.hn-tool[data-tool="world-clock"] .ev-clk.me .ev-clk-o,.hn-tool[data-tool="world-clock"] .ev-clk.me .ev-clk-m{color:#A8BAD3}
.hn-tool[data-tool="world-clock"] .ev-clk-t{font-family:var(--f-display);font-size:1.9rem;color:var(--ink);line-height:1.15;font-variant-numeric:tabular-nums;white-space:nowrap}
.hn-tool[data-tool="world-clock"] .ev-clk.me .ev-clk-t{color:#fff}
.hn-tool[data-tool="world-clock"] .ev-clk-t span{font-size:.55em;color:var(--muted)}
.hn-tool[data-tool="world-clock"] .ev-clk-m{display:flex;gap:8px;align-items:center;color:var(--ink);font-size:.86rem}
.hn-tool[data-tool="world-clock"] .ev-clk-o{font-family:var(--f-mono);font-size:.74rem;color:var(--muted)}
.hn-tool[data-tool="world-clock"] .ev-dn{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:2px 6px}
.hn-tool[data-tool="world-clock"] .ev-dn.d{background:#FFF1C9;color:#8A5A00}.ev-dn.n{background:#DCE4F5;color:#2A3D66}
.hn-tool[data-tool="world-clock"] .ev-clk.me .ev-x{color:#A8BAD3}
.hn-tool[data-tool="world-clock"] .ev-mp{display:grid;gap:10px;min-width:0}
.hn-tool[data-tool="world-clock"] .ev-mp>*,.hn-tool[data-tool="world-clock"] .ev-wc-top>*{min-width:0}
.hn-tool[data-tool="world-clock"] .ev-mp-h{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.hn-tool[data-tool="world-clock"] .ev-mp-h b{font-family:var(--f-display);font-size:1.15rem;color:var(--ink)}
.hn-tool[data-tool="world-clock"] .ev-mp-f{display:flex;flex-wrap:wrap;gap:10px}
.hn-tool[data-tool="world-clock"] .ev-mp-f label{display:grid;gap:4px;font-weight:700;font-size:.82rem;color:var(--ink)}
.hn-tool[data-tool="world-clock"] .ev-mp-f input,.hn-tool[data-tool="world-clock"] .ev-mp-f select{height:44px;border:1px solid var(--line);border-radius:11px;padding:0 10px;font:inherit;background:#F8FAFD;color:var(--ink)}
.hn-tool[data-tool="world-clock"] .ev-mp-t{max-height:520px;overflow:auto}
.hn-tool[data-tool="world-clock"] .ev-mp-t table{min-width:0;font-size:.84rem}
.hn-tool[data-tool="world-clock"] .ev-mp-t th{position:sticky;top:0;z-index:1;white-space:nowrap}
.hn-tool[data-tool="world-clock"] .ev-mp-t td{white-space:nowrap;padding:7px 10px}
.hn-tool[data-tool="world-clock"] .ev-mp-t td.w{background:#E6F7EC;color:#0E5E35;font-weight:700}
.hn-tool[data-tool="world-clock"] .ev-mp-t td.e{background:#FFF6E2;color:#7A4800}
.hn-tool[data-tool="world-clock"] .ev-mp-t td.n{background:#EEF1F6;color:#7A879A}
.hn-tool[data-tool="world-clock"] .ev-mp-t tr.all td:not(:last-child){box-shadow:inset 0 2px 0 #13A35B,inset 0 -2px 0 #13A35B}
.hn-tool[data-tool="world-clock"] .ev-mp-t sup{font-size:.68em;margin-left:3px;color:inherit;opacity:.8}
.hn-tool[data-tool="world-clock"] .ev-key.w{background:#BDEBD0}.ev-key.e{background:#F7DDA8}.ev-key.n{background:#DCE2EC}
/* unit-converter */
.hn-tool[data-tool="unit-converter"] .ev-cats{gap:6px}
.hn-tool[data-tool="unit-converter"] .ev-cats .t-chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
.hn-tool[data-tool="unit-converter"] .t-table td:last-child{font-variant-numeric:tabular-nums}
.hn-tool[data-tool="unit-converter"] .t-table table{min-width:0}
/* password-generator */
.hn-tool[data-tool="password-generator"] .ev-pws{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.hn-tool[data-tool="password-generator"] .ev-pws li{display:flex;gap:10px;align-items:center;padding:8px 8px 8px 14px;border:1px solid var(--line);border-radius:12px;background:#F8FAFD;min-width:0}
.hn-tool[data-tool="password-generator"] .ev-pws code{flex:1 1 auto;min-width:0;font-family:var(--f-mono);font-size:1rem;color:var(--ink);overflow-wrap:anywhere;word-break:break-all;line-height:1.45}
.hn-tool[data-tool="password-generator"] .ev-chk .tf{display:grid;gap:6px}
.hn-tool[data-tool="password-generator"] .ev-chk .tf>label{font-weight:700;font-size:.88rem;color:var(--ink)}
.hn-tool[data-tool="password-generator"] .ev-chk [data-res]{display:grid;gap:10px}
/* notes-checklist */
.hn-tool[data-tool="notes-checklist"] .ev-nbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hn-tool[data-tool="notes-checklist"] .ev-search{flex:1 1 200px;min-width:0;height:44px;border:1px solid var(--line);border-radius:12px;padding:0 14px;font:inherit;background:#F8FAFD;color:var(--ink)}
.hn-tool[data-tool="notes-checklist"] .ev-ngrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:12px}
.hn-tool[data-tool="notes-checklist"] .ev-note{display:grid;gap:6px;align-content:start;text-align:left;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;font:inherit;color:var(--ink);cursor:pointer;min-height:110px;min-width:0;transition:border-color .2s,transform .2s}
.hn-tool[data-tool="notes-checklist"] .ev-note:hover{border-color:var(--blue);transform:translateY(-2px)}
.hn-tool[data-tool="notes-checklist"] .ev-note.on{outline:3px solid rgba(10,108,208,.35)}
.hn-tool[data-tool="notes-checklist"] .ev-note>b{font-size:.98rem;overflow-wrap:anywhere}
.hn-tool[data-tool="notes-checklist"] .ev-pin{color:#E28C00}
.hn-tool[data-tool="notes-checklist"] .ev-snip{display:grid;gap:2px;color:var(--muted);font-size:.86rem;line-height:1.45;white-space:pre-line;overflow:hidden;max-height:6.2em;overflow-wrap:anywhere}
.hn-tool[data-tool="notes-checklist"] .ev-snip .dn{text-decoration:line-through;opacity:.7}
.hn-tool[data-tool="notes-checklist"] .ev-note small{color:var(--muted);font-size:.74rem}
.hn-tool[data-tool="notes-checklist"] .c-y{background:#FFF8DB!important;border-color:#F3E2A0!important}.c-g{background:#EAF8EF!important;border-color:#BFE6CC!important}.c-b{background:#EAF2FD!important;border-color:#C6DAF5!important}.c-p{background:#FDEEF3!important;border-color:#F3C9D7!important}
.hn-tool[data-tool="notes-checklist"] .ev-ned{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 20px 40px -32px rgba(6,22,46,.45)}
.hn-tool[data-tool="notes-checklist"] .ev-ned-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hn-tool[data-tool="notes-checklist"] .ev-title{flex:1 1 220px;min-width:0;border:0;border-bottom:2px solid var(--line);background:transparent;font-family:var(--f-display);font-size:1.25rem;font-weight:700;color:var(--ink);padding:6px 2px}
.hn-tool[data-tool="notes-checklist"] .ev-title:focus{outline:none;border-color:var(--blue)}
.hn-tool[data-tool="notes-checklist"] .ev-colors{display:flex;gap:6px}
.hn-tool[data-tool="notes-checklist"] .ev-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--line);background:#fff;cursor:pointer;padding:0}
.hn-tool[data-tool="notes-checklist"] .ev-dot.on{outline:3px solid var(--blue);outline-offset:1px}
.hn-tool[data-tool="notes-checklist"] .ev-ned textarea{width:100%;min-height:200px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;line-height:1.6;color:var(--ink);background:rgba(255,255,255,.7);resize:vertical}
.hn-tool[data-tool="notes-checklist"] .ev-ned textarea:focus{outline:none;border-color:var(--blue)}
.hn-tool[data-tool="notes-checklist"] .ev-items{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.hn-tool[data-tool="notes-checklist"] .ev-items li{display:flex;gap:8px;align-items:center;padding:2px 4px;border-radius:10px}
.hn-tool[data-tool="notes-checklist"] .ev-items li:hover{background:rgba(10,108,208,.05)}
.hn-tool[data-tool="notes-checklist"] .ev-items input[type=checkbox]{width:22px;height:22px;accent-color:#13A35B;flex:none}
.hn-tool[data-tool="notes-checklist"] .ev-it{flex:1 1 auto;min-width:0;border:0;background:transparent;font:inherit;color:var(--ink);padding:8px 4px;border-bottom:1px solid transparent}
.hn-tool[data-tool="notes-checklist"] .ev-it:focus{outline:none;border-bottom-color:var(--blue)}
.hn-tool[data-tool="notes-checklist"] .ev-items li.dn .ev-it{text-decoration:line-through;color:var(--muted)}
.hn-tool[data-tool="notes-checklist"] .ev-none{color:var(--muted);font-size:.88rem}
.hn-tool[data-tool="notes-checklist"] .ev-lt .tf-check{display:flex;gap:6px;align-items:center;font-weight:600;font-size:.86rem;color:var(--ink)}
.hn-tool[data-tool="notes-checklist"] .ev-ned-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}
.hn-tool[data-tool="notes-checklist"] .ev-del{color:#B3261E}
.hn-tool[data-tool="notes-checklist"] .ev-del:hover{background:#D64541;border-color:#D64541;color:#fff}
.hn-tool[data-tool="notes-checklist"] .ev-empty{grid-column:1/-1;display:grid;gap:4px;padding:26px;border:1px dashed #C9D6E6;border-radius:16px;text-align:center;color:var(--muted)}
.hn-tool[data-tool="notes-checklist"] .ev-empty b{color:var(--ink)}
/* expense-tracker */
.hn-tool[data-tool="expense-tracker"] .ev-ebar{display:flex;flex-wrap:wrap;gap:12px}
.hn-tool[data-tool="expense-tracker"] .ev-ebar label{display:grid;gap:4px;font-weight:700;font-size:.82rem;color:var(--ink);flex:0 1 220px}
.hn-tool[data-tool="expense-tracker"] .ev-ebar select,.hn-tool[data-tool="expense-tracker"] .ev-ebar input{height:44px;border:1px solid var(--line);border-radius:11px;padding:0 10px;font:inherit;background:#F8FAFD;color:var(--ink);width:100%}
.hn-tool[data-tool="expense-tracker"] .ev-edash{display:grid;gap:16px;min-width:0}
.hn-tool[data-tool="expense-tracker"] .t-stat b{font-size:1.25rem;overflow-wrap:normal}
.hn-tool[data-tool="expense-tracker"] .ev-acts{display:flex;gap:4px;align-items:center;margin-top:4px}
@media (max-width:560px){.hn-tool[data-tool="expense-tracker"] .t-stat b{font-size:1.05rem}
.hn-tool[data-tool="expense-tracker"] .ev-cb{grid-template-columns:minmax(0,1fr) auto 34px;gap:2px 8px}
.hn-tool[data-tool="expense-tracker"] .ev-cb>span:first-child{grid-column:1/-1}
.hn-tool[data-tool="expense-tracker"] .ev-cb .t-bar{grid-column:1}}
.hn-tool[data-tool="expense-tracker"] .ev-mnav{display:flex;align-items:center;justify-content:center;gap:14px}
.hn-tool[data-tool="expense-tracker"] .ev-mnav b{font-family:var(--f-display);font-size:1.2rem;color:var(--ink);min-width:170px;text-align:center}
.hn-tool[data-tool="expense-tracker"] .ev-cbars{display:grid;gap:8px}
.hn-tool[data-tool="expense-tracker"] .ev-cb{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(50px,1fr) auto 38px;gap:10px;align-items:center;font-size:.88rem;color:var(--ink)}
.hn-tool[data-tool="expense-tracker"] .ev-cb>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hn-tool[data-tool="expense-tracker"] .ev-cb small{color:var(--muted);text-align:right}
.hn-tool[data-tool="expense-tracker"] .ev-chart{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;height:190px;padding:10px 4px 0;border-bottom:1px solid var(--line)}
.hn-tool[data-tool="expense-tracker"] .ev-col{display:grid;grid-template-rows:minmax(0,1fr) auto auto;justify-items:center;gap:2px;cursor:pointer;border-radius:10px;padding:0 2px}
.hn-tool[data-tool="expense-tracker"] .ev-col.on{background:#EEF5FD}
.hn-tool[data-tool="expense-tracker"] .ev-bars{position:relative;display:flex;align-items:flex-end;gap:3px;height:100%;width:100%;justify-content:center}
.hn-tool[data-tool="expense-tracker"] .ev-bars i{display:block;width:40%;max-width:22px;min-height:2px;border-radius:5px 5px 0 0}
.hn-tool[data-tool="expense-tracker"] .ev-bars i.s,.hn-tool[data-tool="expense-tracker"] .ev-key.s{background:var(--blue)}
.hn-tool[data-tool="expense-tracker"] .ev-bars i.n,.hn-tool[data-tool="expense-tracker"] .ev-key.n{background:#13A35B}
.hn-tool[data-tool="expense-tracker"] .ev-key.b{background:#D64541;height:3px}
.hn-tool[data-tool="expense-tracker"] .ev-col small{font-size:.74rem;color:var(--muted)}
.hn-tool[data-tool="expense-tracker"] .ev-col b{font-size:.7rem;color:var(--ink);font-family:var(--f-mono)}
.hn-tool[data-tool="expense-tracker"] .ev-budline{position:absolute;left:-6px;right:-6px;border-top:2px dashed #D64541;pointer-events:none;z-index:1}
.hn-tool[data-tool="expense-tracker"] .t-table table{min-width:0}
.hn-tool[data-tool="expense-tracker"] .ev-sm{display:block;color:var(--muted);font-size:.8rem}
.hn-tool[data-tool="expense-tracker"] .ev-inc{color:#0E7A43}
.hn-tool[data-tool="expense-tracker"] .ev-nowrap{white-space:nowrap}
/* ===== Finance and banking tools (64-finance.js). Every selector uses the unique fn- prefix. ===== */
.hn-tool.fn-tool .fn-form{gap:14px}
.hn-tool .fn-sec{border:1px solid var(--line);border-radius:16px;padding:14px 16px 16px;margin:0;min-width:0;background:#FBFCFE}
.hn-tool .fn-sec[hidden]{display:none}
.hn-tool .fn-sec>legend{padding:0 8px;margin-left:-6px;font-weight:800;font-size:.86rem;color:var(--blue);letter-spacing:.02em}
.hn-tool .fn-sec .tf-grid{gap:12px 14px}
.hn-tool .fn-sec .tf[hidden]{display:none}
.hn-tool .fn-intro{margin:0 0 10px}
.hn-tool .fn-sec textarea{font-family:var(--f-mono,monospace);font-size:.92rem}
/* rows editor */
.hn-tool .fn-rows{display:grid;gap:10px;min-width:0}
.hn-tool .fn-rows-list{display:grid;gap:8px;min-width:0}
.hn-tool .fn-row{display:grid;grid-template-columns:26px minmax(0,1.4fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr) 36px;gap:8px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}
.hn-tool .fn-row-n{align-self:center;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#EEF5FD;color:var(--blue);font-weight:800;font-size:.78rem}
.hn-tool .fn-cell{display:grid;gap:4px;min-width:0}
.hn-tool .fn-cell span{font-size:.74rem;font-weight:700;color:var(--muted)}
.hn-tool .fn-cell input{width:100%;min-width:0;height:44px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit;font-size:.98rem;color:var(--ink);background:#F8FAFD}
.hn-tool .fn-cell input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(10,108,208,.14);background:#fff}
.hn-tool .fn-cell input.fn-bad{border-color:#D64541;background:#FFF7F6}
.hn-tool .fn-rows-err{margin:0;color:#C0362F;font-size:.82rem;font-weight:600}
.hn-tool .fn-add{justify-self:start}
.hn-tool .fn-x{border:0;background:transparent;color:var(--muted);font-size:1.35rem;line-height:1;cursor:pointer;width:36px;height:40px;border-radius:9px;flex:none}
.hn-tool .fn-x:hover{color:#B3261E;background:#FFF1EF}
.hn-tool .fn-x:disabled{opacity:.3;cursor:not-allowed;background:transparent}
@media (max-width:640px){
  .hn-tool .fn-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);position:relative;padding:12px 10px 10px}
  .hn-tool .fn-row .fn-c-name{grid-column:1/-1;padding-right:70px}
  .hn-tool .fn-row-n{position:absolute;top:10px;right:46px}
  .hn-tool .fn-row .fn-x{position:absolute;top:4px;right:4px}
  .hn-tool .fn-sec{padding:12px 12px 14px}
}
/* results */
.hn-tool .fn-headline{margin:0;padding:12px 14px;border-radius:12px;background:#EEF5FD;color:var(--ink);font-size:1rem;line-height:1.5}
.hn-tool .fn-chartbox{border:1px solid var(--line);border-radius:16px;padding:12px 14px;background:#fff;display:grid;gap:8px;min-width:0}
.hn-tool .fn-ct{font-size:.9rem;color:var(--ink)}
.hn-tool .fn-chart{position:relative;min-width:0;width:100%}
.hn-tool .fn-chart svg{display:block;max-width:100%;height:auto;overflow:visible}
.hn-tool .fn-chart text{font-family:inherit;font-size:11px;fill:#5B6B82}
.hn-tool .fn-chart .fn-bl{font-size:12px;font-weight:700;fill:var(--ink)}
.hn-tool .fn-chart .fn-bv{font-size:11.5px;font-weight:700;fill:var(--ink)}
.hn-tool .fn-chart .fn-ml{font-size:11px;font-weight:700;fill:#0E7A43}
.hn-tool .fn-grid{stroke:#E7EEF7;stroke-width:1}
.hn-tool .fn-ax0{stroke:#9AAAC0;stroke-width:1.2}
.hn-tool .fn-mark{stroke:#13A35B;stroke-width:1.4;stroke-dasharray:4 4}
.hn-tool .fn-guide{stroke:#06162E;stroke-opacity:.35;stroke-width:1}
.hn-tool .fn-tip{position:absolute;top:0;z-index:2;display:grid;gap:2px;pointer-events:none;background:#06162E;color:#fff;border-radius:10px;padding:8px 10px;font-size:.78rem;box-shadow:0 12px 24px -12px rgba(6,22,46,.6);white-space:nowrap}
.hn-tool .fn-tip[hidden]{display:none}
.hn-tool .fn-tip span,.hn-tool .fn-legend span{display:inline-flex;align-items:center;gap:6px}
.hn-tool .fn-tip i,.hn-tool .fn-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none}
.hn-tool .fn-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.8rem;color:var(--muted);font-weight:600}
.hn-tool .fn-det{border:1px solid var(--line);border-radius:14px;background:#fff;min-width:0}
.hn-tool .fn-det>summary{cursor:pointer;padding:12px 14px;font-weight:700;font-size:.9rem;color:var(--ink);list-style-position:inside}
.hn-tool .fn-det>summary small{color:var(--muted);font-weight:600}
.hn-tool .fn-det[open]>summary{border-bottom:1px solid var(--line)}
.hn-tool .fn-det .t-table{border:0;border-radius:0 0 14px 14px;max-height:460px;overflow:auto}
.hn-tool .fn-det .t-table th{position:sticky;top:0;z-index:1}
.hn-tool .fn-det .t-note,.hn-tool .fn-tbl .t-note{padding:8px 14px 12px}
.hn-tool .fn-tbl{display:grid;gap:8px;min-width:0}
.hn-tool .fn-tbl .t-table table,.hn-tool .fn-det .t-table table{font-variant-numeric:tabular-nums}
.hn-tool .fn-tbl .t-table td,.hn-tool .fn-det .t-table td{white-space:nowrap}
.hn-tool .fn-tbl .t-table td:last-child{white-space:normal}
.hn-tool .fn-cmp table{min-width:440px}
.hn-tool .fn-cmp td:first-child{position:sticky;left:0;background:#fff;z-index:1;white-space:normal;min-width:120px}
.hn-tool .fn-cmp td:last-child{white-space:nowrap}
.hn-tool .fn-best{font-weight:800;color:#0E7A43}
.hn-tool .fn-formula{border:1px dashed #C9D6E6;border-radius:14px;padding:12px 14px;background:#FBFCFE;display:grid;gap:6px;min-width:0}
.hn-tool .fn-formula b{font-size:.86rem}
.hn-tool .fn-formula pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--f-mono,monospace);font-size:.8rem;line-height:1.6;color:var(--ink)}
.hn-tool .fn-notes .t-list{font-size:.88rem;color:var(--muted)}
.hn-tool .fn-actions{display:flex;flex-wrap:wrap;gap:8px}
.hn-tool .fn-actions .t-copy{min-height:38px}
.hn-tool .fn-actions .t-copy:disabled{opacity:.6;cursor:wait}
.hn-tool .fn-disc{font-size:.78rem}
/* IBAN result cards */
.hn-tool .fn-res.ok .t-card-h{background:#ECFBF2}
.hn-tool .fn-res.no .t-card-h{background:#FFF1EF}
.hn-tool .fn-res .t-card-h b{font-family:var(--f-mono,monospace);overflow-wrap:anywhere}
.hn-tool .fn-issue{margin:0 0 10px;color:#B3261E;font-weight:600}
.hn-tool .fn-warn{margin:0 0 10px;color:#9A5B00;font-weight:600}
.hn-tool .fn-dl{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:6px 14px;margin:0;font-size:.9rem}
.hn-tool .fn-dl dt{color:var(--muted);font-weight:600}
.hn-tool .fn-dl dd{margin:0;font-family:var(--f-mono,monospace);overflow-wrap:anywhere}
.hn-tool .fn-tbl code{font-family:var(--f-mono,monospace);font-size:.84rem}
/* saved scenarios */
.hn-tool .fn-saved{border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:#F8FAFD;display:grid;gap:10px;min-width:0}
.hn-tool .fn-saved-h{display:flex;align-items:center;gap:10px}
.hn-tool .fn-saved-h b{font-size:.92rem;margin-right:auto}
.hn-tool .fn-saved-h small{color:var(--muted);font-weight:600}
.hn-tool .fn-save-row{display:flex;gap:8px;min-width:0;flex-wrap:wrap}
.hn-tool .fn-save-row input{flex:1 1 200px;min-width:0;height:44px;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font:inherit;font-size:.95rem;background:#fff;color:var(--ink)}
.hn-tool .fn-save-row input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(10,108,208,.14)}
.hn-tool .fn-save-row .btn{min-height:44px}
.hn-tool .fn-sc{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.hn-tool .fn-sc li{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px 4px 4px 0;min-width:0}
.hn-tool .fn-sc-load{flex:1;min-width:0;display:grid;gap:2px;text-align:left;border:0;background:transparent;padding:8px 12px;cursor:pointer;font:inherit;color:var(--ink)}
.hn-tool .fn-sc-load b{font-size:.92rem}
.hn-tool .fn-sc-load small{color:var(--muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hn-tool .fn-sc-load:hover b{color:var(--blue)}
@media (max-width:640px){.hn-tool.fn-tool .t-stat b{font-size:1.12rem;overflow-wrap:normal;word-break:normal}.hn-tool.fn-tool .t-stat{padding:12px}}
/* ===== Marketplace calculators (66-marketplace-calc.js). Every selector is scoped to its tool. ===== */
/* shared */
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] >*,.hn-tool[data-tool="amazon-acos-calculator"] >*,.hn-tool[data-tool="marketplace-product-image-resizer"] >*,.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .tool-out>*,.hn-tool[data-tool="amazon-acos-calculator"] .tool-out>*,.hn-tool[data-tool="marketplace-product-image-resizer"] .tool-out>*{min-width:0}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .tf[hidden],.hn-tool[data-tool="amazon-acos-calculator"] .tf[hidden],.hn-tool[data-tool="marketplace-product-image-resizer"] .tf[hidden]{display:none!important}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-sec,.hn-tool[data-tool="amazon-acos-calculator"] .mc-sec,.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-sec{display:grid;gap:2px;padding-top:6px;border-top:1px dashed var(--line)}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-sec b,.hn-tool[data-tool="amazon-acos-calculator"] .mc-sec b,.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-sec b{font-family:var(--f-display);font-size:1rem;color:var(--ink)}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-sec small,.hn-tool[data-tool="amazon-acos-calculator"] .mc-sec small,.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-sec small{color:var(--muted);font-size:.8rem}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-h,.hn-tool[data-tool="amazon-acos-calculator"] .mc-h,.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-h{font-family:var(--f-display);font-size:1.05rem;color:var(--ink);margin:6px 0 -4px}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-bar,.hn-tool[data-tool="amazon-acos-calculator"] .mc-bar,.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .t-copy:disabled,.hn-tool[data-tool="amazon-acos-calculator"] .t-copy:disabled,.hn-tool[data-tool="marketplace-product-image-resizer"] .t-copy:disabled,.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .btn:disabled,.hn-tool[data-tool="amazon-acos-calculator"] .btn:disabled,.hn-tool[data-tool="marketplace-product-image-resizer"] .btn:disabled{opacity:.55;cursor:not-allowed}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-alert,.hn-tool[data-tool="amazon-acos-calculator"] .mc-alert,.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-alert{margin:0;padding:12px 14px;border-radius:12px;border:1px solid;line-height:1.55;font-size:.95rem;color:var(--ink)}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-alert.good,.hn-tool[data-tool="amazon-acos-calculator"] .mc-alert.good,.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-alert.good{background:#ECFBF2;border-color:#BDEBD0}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-alert.warn,.hn-tool[data-tool="amazon-acos-calculator"] .mc-alert.warn,.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-alert.warn{background:#FFF7E8;border-color:#F7DDA8}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-alert.bad,.hn-tool[data-tool="amazon-acos-calculator"] .mc-alert.bad,.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-alert.bad{background:#FFF1EF;border-color:#F5C6C0}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-alert.info,.hn-tool[data-tool="amazon-acos-calculator"] .mc-alert.info,.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-alert.info{background:#EEF5FD;border-color:#CFE0F5}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-det,.hn-tool[data-tool="amazon-acos-calculator"] .mc-det,.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-det{border:1px solid var(--line);border-radius:14px;background:#fff;min-width:0}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-det>summary,.hn-tool[data-tool="amazon-acos-calculator"] .mc-det>summary,.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-det>summary{cursor:pointer;padding:12px 14px;font-weight:700;color:var(--blue);font-size:.94rem}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-det[open]>summary,.hn-tool[data-tool="amazon-acos-calculator"] .mc-det[open]>summary,.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-det[open]>summary{border-bottom:1px solid var(--line)}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-det-b,.hn-tool[data-tool="amazon-acos-calculator"] .mc-det-b,.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-det-b{padding:14px;display:grid;gap:14px;min-width:0}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-toast,.hn-tool[data-tool="amazon-acos-calculator"] .mc-toast,.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:9999;padding:12px 16px;border-radius:14px;background:#06162E;color:#fff;font-weight:600;font-size:.92rem;box-shadow:0 20px 40px -18px rgba(6,22,46,.6);max-width:calc(100vw - 32px)}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .t-sync,.hn-tool[data-tool="amazon-acos-calculator"] .t-sync,.hn-tool[data-tool="marketplace-product-image-resizer"] .t-sync{margin:0}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-notes,.hn-tool[data-tool="amazon-acos-calculator"] .mc-notes,.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-notes{margin:0;padding-left:1.2em;display:grid;gap:6px;font-size:.88rem;color:var(--text)}
/* fee comparison */
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-rgroup{display:grid;gap:10px}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-rgroup>b{font-family:var(--f-display);color:var(--ink);font-size:.95rem}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-bars{display:grid;gap:8px;border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-brow{display:grid;grid-template-columns:72px minmax(0,1fr) 92px;gap:10px;align-items:center;font-size:.9rem}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-brow span{font-weight:700;color:var(--ink)}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-brow b{text-align:right;font-family:var(--f-display);color:var(--ink)}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-btrack{height:14px;border-radius:9px;background:#EEF3F9;overflow:hidden}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-btrack i{display:block;height:100%;border-radius:9px;background:#9DB8D9}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-btrack i.neg{background:#E79A93}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-brow.win .mc-btrack i{background:linear-gradient(90deg,#13A35B,#0E7A43)}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-brow.win b{color:#0E7A43}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-ctable table{min-width:600px}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-ctable th:not(:first-child),.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-ctable td:not(:first-child){text-align:right;white-space:nowrap}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-ctable th.win,.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-ctable td.win{background:#F1FBF5}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-ctable tr.mc-sub td:first-child{padding-left:24px;color:var(--muted)}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-ctable tr.mc-sub td{font-size:.85rem}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-ctable tr.mc-b td{font-weight:700;color:var(--ink)}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-ctable td.neg{color:#B3261E}
/* acos */
.hn-tool[data-tool="amazon-acos-calculator"] .mc-gauge{position:relative;padding:34px 0 40px;margin:0 6px}
.hn-tool[data-tool="amazon-acos-calculator"] .mc-gtrack{height:14px;border-radius:9px;background:#FBE3E0;overflow:hidden}
.hn-tool[data-tool="amazon-acos-calculator"] .mc-gtrack i{display:block;height:100%;background:linear-gradient(90deg,#BDEBD0,#FFE7B8)}
.hn-tool[data-tool="amazon-acos-calculator"] .mc-gpin{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center}
.hn-tool[data-tool="amazon-acos-calculator"] .mc-gpin b{font-size:.8rem;background:#06162E;color:#fff;border-radius:8px;padding:3px 8px;white-space:nowrap}
.hn-tool[data-tool="amazon-acos-calculator"] .mc-gpin:after{content:"";width:3px;height:26px;background:#06162E;border-radius:2px}
.hn-tool[data-tool="amazon-acos-calculator"] .mc-gm{position:absolute;top:30px;height:22px;width:2px;background:currentColor;transform:translateX(-1px)}
.hn-tool[data-tool="amazon-acos-calculator"] .mc-gm em{position:absolute;top:24px;left:50%;transform:translateX(-50%);font-style:normal;font-size:.74rem;font-weight:700;white-space:nowrap}
.hn-tool[data-tool="amazon-acos-calculator"] .mc-gm.t{color:var(--blue)}
.hn-tool[data-tool="amazon-acos-calculator"] .mc-gm.be{color:#B3261E}
.hn-tool[data-tool="amazon-acos-calculator"] .mc-gm.be em{top:38px}
.hn-tool[data-tool="amazon-acos-calculator"] .mc-gauge{padding-bottom:58px}
.hn-tool[data-tool="amazon-acos-calculator"] .mc-ex{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hn-tool[data-tool="amazon-acos-calculator"] .mc-exi{border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;gap:6px;background:#FBFCFE;min-width:0}
.hn-tool[data-tool="amazon-acos-calculator"] .mc-exi b{color:var(--ink);font-size:.95rem}
.hn-tool[data-tool="amazon-acos-calculator"] .mc-exi code{font-family:var(--f-mono);font-size:.8rem;background:#EEF3F9;border-radius:6px;padding:4px 7px;overflow-wrap:anywhere;white-space:normal;color:var(--ink)}
.hn-tool[data-tool="amazon-acos-calculator"] .mc-exi p{margin:0;font-size:.86rem;color:var(--muted);line-height:1.5}
@media (max-width:640px){.hn-tool[data-tool="amazon-acos-calculator"] .mc-ex{grid-template-columns:1fr}}
/* image resizer */
.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:12px}
.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-img{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;display:grid;align-content:start;min-width:0}
.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-thumb{background:repeating-conic-gradient(#EEF2F7 0% 25%,#fff 0% 50%) 50%/18px 18px;border-bottom:1px solid var(--line);display:grid;place-items:center;padding:10px}
.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-thumb img{max-width:100%;max-height:220px;width:auto;height:auto;display:block;box-shadow:0 0 0 1px #DCE4EF}
.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-imgb{padding:10px 12px;display:grid;gap:6px;min-width:0;justify-items:start}
.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-imgb b{font-size:.84rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-imgb small{color:var(--muted);font-size:.78rem}
.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-inotes{list-style:none;margin:0;padding:0;display:grid;gap:5px;width:100%}
.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-inotes li{font-size:.8rem;line-height:1.4;padding:6px 8px;border-radius:8px}
.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-inotes li.warn{background:#FFF7E8;color:#6B4300}
.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-inotes li.fail{background:#FFF1EF;color:#8E1F18}
.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-inotes li.pass{background:#ECFBF2;color:#0E5A33}
.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-inotes li.info{background:#EEF5FD;color:#23466F}
.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-check{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-check li{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--ink);line-height:1.45}
.hn-tool[data-tool="marketplace-product-image-resizer"] .mc-check .t-badge{min-width:58px;text-align:center;margin-top:1px}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-ctable th:first-child,.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-ctable td:first-child{position:sticky;left:0;background:#fff;z-index:1;box-shadow:1px 0 0 var(--line)}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-ctable th:first-child{background:#F4F8FD}
@media (max-width:640px){.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-ctable table{min-width:560px;font-size:.84rem}.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-ctable th:first-child,.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-ctable td:first-child{width:132px;min-width:132px;max-width:132px}.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-ctable th,.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-ctable td{padding:8px 8px}.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-ctable tr.mc-sub td:first-child{padding-left:12px}.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .mc-brow{grid-template-columns:62px minmax(0,1fr) 72px;gap:8px}}
.hn-tool[data-tool="marketplace-fee-comparison-calculator"] .tf-grid>.mc-sec:first-child{border-top:0;padding-top:0}
.hn-tool[data-tool="amazon-acos-calculator"] .tf-grid>.mc-sec:first-child{border-top:0;padding-top:0}
.hn-tool[data-tool="marketplace-product-image-resizer"] .tf-grid>.mc-sec:first-child{border-top:0;padding-top:0}
/* ===== Marketplace listing tools (68-marketplace-listing.js). Every selector is scoped to the four tools. ===== */
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-head,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-head,.hn-tool[data-tool="walmart-listing-checker"] .ml-head,.hn-tool[data-tool="review-request-message-generator"] .ml-head{display:flex;gap:18px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:18px;background:#F8FAFD}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-ring,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-ring,.hn-tool[data-tool="walmart-listing-checker"] .ml-ring,.hn-tool[data-tool="review-request-message-generator"] .ml-ring{--p:0;--c:#0A6CD0;flex:none;width:112px;height:112px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(closest-side,#fff 78%,transparent 79%),conic-gradient(var(--c) calc(var(--p)*1%),#E7EEF7 0)}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-ring b,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-ring b,.hn-tool[data-tool="walmart-listing-checker"] .ml-ring b,.hn-tool[data-tool="review-request-message-generator"] .ml-ring b{font-family:var(--f-display);font-size:2rem;line-height:1;color:var(--c)}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-ring span,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-ring span,.hn-tool[data-tool="walmart-listing-checker"] .ml-ring span,.hn-tool[data-tool="review-request-message-generator"] .ml-ring span{font-size:.72rem;color:var(--muted);font-weight:600}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-head-t,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-head-t,.hn-tool[data-tool="walmart-listing-checker"] .ml-head-t,.hn-tool[data-tool="review-request-message-generator"] .ml-head-t{min-width:0}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-head-t h3,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-head-t h3,.hn-tool[data-tool="walmart-listing-checker"] .ml-head-t h3,.hn-tool[data-tool="review-request-message-generator"] .ml-head-t h3{margin:0 0 4px;font-size:1.15rem;color:var(--ink)}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-head-t p,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-head-t p,.hn-tool[data-tool="walmart-listing-checker"] .ml-head-t p,.hn-tool[data-tool="review-request-message-generator"] .ml-head-t p{margin:0 0 4px}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-tf,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-tf,.hn-tool[data-tool="walmart-listing-checker"] .ml-tf,.hn-tool[data-tool="review-request-message-generator"] .ml-tf{color:#B3261E}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-tw,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-tw,.hn-tool[data-tool="walmart-listing-checker"] .ml-tw,.hn-tool[data-tool="review-request-message-generator"] .ml-tw{color:#9A5B00}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-tp,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-tp,.hn-tool[data-tool="walmart-listing-checker"] .ml-tp,.hn-tool[data-tool="review-request-message-generator"] .ml-tp{color:#0E7A43}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-meters,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-meters,.hn-tool[data-tool="walmart-listing-checker"] .ml-meters,.hn-tool[data-tool="review-request-message-generator"] .ml-meters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-meter,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-meter,.hn-tool[data-tool="walmart-listing-checker"] .ml-meter,.hn-tool[data-tool="review-request-message-generator"] .ml-meter{display:grid;gap:6px;min-width:0}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-meter-h,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-meter-h,.hn-tool[data-tool="walmart-listing-checker"] .ml-meter-h,.hn-tool[data-tool="review-request-message-generator"] .ml-meter-h{display:flex;justify-content:space-between;gap:8px;font-size:.84rem;color:var(--muted);font-weight:600}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-meter-h b.ml-good,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-meter-h b.ml-good,.hn-tool[data-tool="walmart-listing-checker"] .ml-meter-h b.ml-good,.hn-tool[data-tool="review-request-message-generator"] .ml-meter-h b.ml-good{color:#0E7A43}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-meter-h b.ml-warn,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-meter-h b.ml-warn,.hn-tool[data-tool="walmart-listing-checker"] .ml-meter-h b.ml-warn,.hn-tool[data-tool="review-request-message-generator"] .ml-meter-h b.ml-warn{color:#9A5B00}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-meter-h b.ml-bad,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-meter-h b.ml-bad,.hn-tool[data-tool="walmart-listing-checker"] .ml-meter-h b.ml-bad,.hn-tool[data-tool="review-request-message-generator"] .ml-meter-h b.ml-bad{color:#B3261E}
.hn-tool[data-tool="amazon-listing-optimizer"] .t-bar.ml-bar-good i,.hn-tool[data-tool="amazon-backend-keywords-generator"] .t-bar.ml-bar-good i,.hn-tool[data-tool="walmart-listing-checker"] .t-bar.ml-bar-good i,.hn-tool[data-tool="review-request-message-generator"] .t-bar.ml-bar-good i{background:linear-gradient(90deg,#34C38F,#13A35B)}
.hn-tool[data-tool="amazon-listing-optimizer"] .t-bar.ml-bar-warn i,.hn-tool[data-tool="amazon-backend-keywords-generator"] .t-bar.ml-bar-warn i,.hn-tool[data-tool="walmart-listing-checker"] .t-bar.ml-bar-warn i,.hn-tool[data-tool="review-request-message-generator"] .t-bar.ml-bar-warn i{background:linear-gradient(90deg,#F7C948,#E28C00)}
.hn-tool[data-tool="amazon-listing-optimizer"] .t-bar.ml-bar-bad i,.hn-tool[data-tool="amazon-backend-keywords-generator"] .t-bar.ml-bar-bad i,.hn-tool[data-tool="walmart-listing-checker"] .t-bar.ml-bar-bad i,.hn-tool[data-tool="review-request-message-generator"] .t-bar.ml-bar-bad i{background:linear-gradient(90deg,#F2994A,#D64541)}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-grp,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-grp,.hn-tool[data-tool="walmart-listing-checker"] .ml-grp,.hn-tool[data-tool="review-request-message-generator"] .ml-grp{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-grp>summary,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-grp>summary,.hn-tool[data-tool="walmart-listing-checker"] .ml-grp>summary,.hn-tool[data-tool="review-request-message-generator"] .ml-grp>summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;padding:12px 16px;cursor:pointer;font-weight:700;color:var(--ink);background:#F4F8FD;list-style:none}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-grp>summary::-webkit-details-marker,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-grp>summary::-webkit-details-marker,.hn-tool[data-tool="walmart-listing-checker"] .ml-grp>summary::-webkit-details-marker,.hn-tool[data-tool="review-request-message-generator"] .ml-grp>summary::-webkit-details-marker{display:none}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-gm,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-gm,.hn-tool[data-tool="walmart-listing-checker"] .ml-gm,.hn-tool[data-tool="review-request-message-generator"] .ml-gm{display:flex;gap:6px;flex-wrap:wrap}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-chks,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-chks,.hn-tool[data-tool="walmart-listing-checker"] .ml-chks,.hn-tool[data-tool="review-request-message-generator"] .ml-chks{display:grid;gap:0}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-chk,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-chk,.hn-tool[data-tool="walmart-listing-checker"] .ml-chk,.hn-tool[data-tool="review-request-message-generator"] .ml-chk{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:12px 16px;border-top:1px solid var(--line)}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-chks>.ml-chk:first-child,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-chks>.ml-chk:first-child,.hn-tool[data-tool="walmart-listing-checker"] .ml-chks>.ml-chk:first-child,.hn-tool[data-tool="review-request-message-generator"] .ml-chks>.ml-chk:first-child{border-top:0}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-chk .t-badge,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-chk .t-badge,.hn-tool[data-tool="walmart-listing-checker"] .ml-chk .t-badge,.hn-tool[data-tool="review-request-message-generator"] .ml-chk .t-badge{min-width:70px;text-align:center;margin-top:2px}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-chk b,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-chk b,.hn-tool[data-tool="walmart-listing-checker"] .ml-chk b,.hn-tool[data-tool="review-request-message-generator"] .ml-chk b{color:var(--ink);font-size:.95rem}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-chk p,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-chk p,.hn-tool[data-tool="walmart-listing-checker"] .ml-chk p,.hn-tool[data-tool="review-request-message-generator"] .ml-chk p{margin:2px 0 0;color:var(--ink);font-size:.88rem;overflow-wrap:anywhere}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-chk small,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-chk small,.hn-tool[data-tool="walmart-listing-checker"] .ml-chk small,.hn-tool[data-tool="review-request-message-generator"] .ml-chk small{display:block;margin-top:4px;color:var(--muted);font-size:.84rem;line-height:1.5}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-chk.ml-fail,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-chk.ml-fail,.hn-tool[data-tool="walmart-listing-checker"] .ml-chk.ml-fail,.hn-tool[data-tool="review-request-message-generator"] .ml-chk.ml-fail{background:#FFF8F7}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-sub>.ml-chks,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-sub>.ml-chks,.hn-tool[data-tool="walmart-listing-checker"] .ml-sub>.ml-chks,.hn-tool[data-tool="review-request-message-generator"] .ml-sub>.ml-chks,.hn-tool[data-tool="amazon-listing-optimizer"] .tool-out>.ml-chks,.hn-tool[data-tool="amazon-backend-keywords-generator"] .tool-out>.ml-chks,.hn-tool[data-tool="walmart-listing-checker"] .tool-out>.ml-chks,.hn-tool[data-tool="review-request-message-generator"] .tool-out>.ml-chks{border:1px solid var(--line);border-radius:16px;overflow:hidden}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-title,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-title,.hn-tool[data-tool="walmart-listing-checker"] .ml-title,.hn-tool[data-tool="review-request-message-generator"] .ml-title{font-size:1.02rem;line-height:1.6;color:var(--ink);overflow-wrap:anywhere}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-legend,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-legend,.hn-tool[data-tool="walmart-listing-checker"] .ml-legend,.hn-tool[data-tool="review-request-message-generator"] .ml-legend{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-legend i,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-legend i,.hn-tool[data-tool="walmart-listing-checker"] .ml-legend i,.hn-tool[data-tool="review-request-message-generator"] .ml-legend i{font-style:normal;color:var(--ink)}
.hn-tool[data-tool="amazon-listing-optimizer"] mark.ml-hl-kw,.hn-tool[data-tool="amazon-backend-keywords-generator"] mark.ml-hl-kw,.hn-tool[data-tool="walmart-listing-checker"] mark.ml-hl-kw,.hn-tool[data-tool="review-request-message-generator"] mark.ml-hl-kw{background:#DDF6E8;color:#0E5F36;border-radius:4px;padding:0 2px}
.hn-tool[data-tool="amazon-listing-optimizer"] mark.ml-hl-bad,.hn-tool[data-tool="amazon-backend-keywords-generator"] mark.ml-hl-bad,.hn-tool[data-tool="walmart-listing-checker"] mark.ml-hl-bad,.hn-tool[data-tool="review-request-message-generator"] mark.ml-hl-bad{background:#FFE1DD;color:#9E2018;border-radius:4px;padding:0 2px;text-decoration:underline wavy #D64541}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-hl-sp,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-hl-sp,.hn-tool[data-tool="walmart-listing-checker"] .ml-hl-sp,.hn-tool[data-tool="review-request-message-generator"] .ml-hl-sp{background:#D64541;color:#fff;border-radius:3px;padding:0 3px;font-weight:700}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-miss,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-miss,.hn-tool[data-tool="walmart-listing-checker"] .ml-miss,.hn-tool[data-tool="review-request-message-generator"] .ml-miss{display:grid;gap:8px;padding:12px 16px;border:1px solid #F5C6C0;border-radius:16px;background:#FFF5F3}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-miss>b,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-miss>b,.hn-tool[data-tool="walmart-listing-checker"] .ml-miss>b,.hn-tool[data-tool="review-request-message-generator"] .ml-miss>b{color:#B3261E;font-size:.92rem}
.hn-tool[data-tool="amazon-listing-optimizer"] .t-chip.ml-chip-bad,.hn-tool[data-tool="amazon-backend-keywords-generator"] .t-chip.ml-chip-bad,.hn-tool[data-tool="walmart-listing-checker"] .t-chip.ml-chip-bad,.hn-tool[data-tool="review-request-message-generator"] .t-chip.ml-chip-bad{background:#fff;border-color:#F0B4AC;color:#9E2018;cursor:default}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-h,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-h,.hn-tool[data-tool="walmart-listing-checker"] .ml-h,.hn-tool[data-tool="review-request-message-generator"] .ml-h{font-size:1rem;margin:6px 0 0;color:var(--ink)}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-yes,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-yes,.hn-tool[data-tool="walmart-listing-checker"] .ml-yes,.hn-tool[data-tool="review-request-message-generator"] .ml-yes{color:#0E7A43;font-weight:700}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-part,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-part,.hn-tool[data-tool="walmart-listing-checker"] .ml-part,.hn-tool[data-tool="review-request-message-generator"] .ml-part{color:#9A5B00;font-weight:700}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-no,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-no,.hn-tool[data-tool="walmart-listing-checker"] .ml-no,.hn-tool[data-tool="review-request-message-generator"] .ml-no{color:#B3261E;font-weight:700}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-rates,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-rates,.hn-tool[data-tool="walmart-listing-checker"] .ml-rates,.hn-tool[data-tool="review-request-message-generator"] .ml-rates{border:1px solid var(--line);border-radius:16px;padding:0 16px;background:#FBFCFE}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-rates>summary,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-rates>summary,.hn-tool[data-tool="walmart-listing-checker"] .ml-rates>summary,.hn-tool[data-tool="review-request-message-generator"] .ml-rates>summary{cursor:pointer;font-weight:700;color:var(--ink);padding:12px 0}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-rates[open],.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-rates[open],.hn-tool[data-tool="walmart-listing-checker"] .ml-rates[open],.hn-tool[data-tool="review-request-message-generator"] .ml-rates[open]{padding-bottom:14px}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-rates .t-note,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-rates .t-note,.hn-tool[data-tool="walmart-listing-checker"] .ml-rates .t-note,.hn-tool[data-tool="review-request-message-generator"] .ml-rates .t-note{margin-top:10px}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-mono,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-mono,.hn-tool[data-tool="walmart-listing-checker"] .ml-mono,.hn-tool[data-tool="review-request-message-generator"] .ml-mono{font-family:var(--f-mono);font-size:.9rem;line-height:1.6;overflow-wrap:anywhere}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-row,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-row,.hn-tool[data-tool="walmart-listing-checker"] .ml-row,.hn-tool[data-tool="review-request-message-generator"] .ml-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0 0}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-tabs .t-chip,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-tabs .t-chip,.hn-tool[data-tool="walmart-listing-checker"] .ml-tabs .t-chip,.hn-tool[data-tool="review-request-message-generator"] .ml-tabs .t-chip{font-weight:700;font-family:inherit}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-tabs .t-chip.on,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-tabs .t-chip.on,.hn-tool[data-tool="walmart-listing-checker"] .ml-tabs .t-chip.on,.hn-tool[data-tool="review-request-message-generator"] .ml-tabs .t-chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-sub,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-sub,.hn-tool[data-tool="walmart-listing-checker"] .ml-sub,.hn-tool[data-tool="review-request-message-generator"] .ml-sub{display:grid;gap:16px;min-width:0}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-sub[hidden],.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-sub[hidden],.hn-tool[data-tool="walmart-listing-checker"] .ml-sub[hidden],.hn-tool[data-tool="review-request-message-generator"] .ml-sub[hidden]{display:none}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-tip,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-tip,.hn-tool[data-tool="walmart-listing-checker"] .ml-tip,.hn-tool[data-tool="review-request-message-generator"] .ml-tip{padding:14px 16px;border-radius:16px;border:1px solid #BDEBD0;background:#ECFBF2;color:var(--ink)}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-tip b,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-tip b,.hn-tool[data-tool="walmart-listing-checker"] .ml-tip b,.hn-tool[data-tool="review-request-message-generator"] .ml-tip b{color:#0E7A43}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-tip p,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-tip p,.hn-tool[data-tool="walmart-listing-checker"] .ml-tip p,.hn-tool[data-tool="review-request-message-generator"] .ml-tip p{margin:6px 0 0;font-size:.92rem;line-height:1.55}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-tip.ml-tip-warn,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-tip.ml-tip-warn,.hn-tool[data-tool="walmart-listing-checker"] .ml-tip.ml-tip-warn,.hn-tool[data-tool="review-request-message-generator"] .ml-tip.ml-tip-warn{border-color:#F7DDA8;background:#FFF7E8}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-tip.ml-tip-warn b,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-tip.ml-tip-warn b,.hn-tool[data-tool="walmart-listing-checker"] .ml-tip.ml-tip-warn b,.hn-tool[data-tool="review-request-message-generator"] .ml-tip.ml-tip-warn b{color:#9A5B00}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-subj,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-subj,.hn-tool[data-tool="walmart-listing-checker"] .ml-subj,.hn-tool[data-tool="review-request-message-generator"] .ml-subj{margin:0 0 10px;padding-bottom:10px;border-bottom:1px dashed var(--line);font-weight:700}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-subj span,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-subj span,.hn-tool[data-tool="walmart-listing-checker"] .ml-subj span,.hn-tool[data-tool="review-request-message-generator"] .ml-subj span{display:inline-block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-right:6px}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-msg,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-msg,.hn-tool[data-tool="walmart-listing-checker"] .ml-msg,.hn-tool[data-tool="review-request-message-generator"] .ml-msg{white-space:pre-wrap;line-height:1.6}
@media (max-width:640px){
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-head,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-head,.hn-tool[data-tool="walmart-listing-checker"] .ml-head,.hn-tool[data-tool="review-request-message-generator"] .ml-head{flex-direction:column;text-align:center}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-meters,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-meters,.hn-tool[data-tool="walmart-listing-checker"] .ml-meters,.hn-tool[data-tool="review-request-message-generator"] .ml-meters{grid-template-columns:1fr}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-chk,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-chk,.hn-tool[data-tool="walmart-listing-checker"] .ml-chk,.hn-tool[data-tool="review-request-message-generator"] .ml-chk{grid-template-columns:1fr;gap:6px}
.hn-tool[data-tool="amazon-listing-optimizer"] .ml-chk .t-badge,.hn-tool[data-tool="amazon-backend-keywords-generator"] .ml-chk .t-badge,.hn-tool[data-tool="walmart-listing-checker"] .ml-chk .t-badge,.hn-tool[data-tool="review-request-message-generator"] .ml-chk .t-badge{justify-self:start}
}
/* Marketplace SEO tools (group B). Every selector is scoped to its tool. */
.hn-tool[data-tool="etsy-tag-generator"] .mps-bar,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-bar,.hn-tool[data-tool="ebay-title-builder"] .mps-bar,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.hn-tool[data-tool="etsy-tag-generator"] .mps-bar>span,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-bar>span,.hn-tool[data-tool="ebay-title-builder"] .mps-bar>span,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-bar>span{font-weight:800;color:var(--ink);font-size:1.05rem}
.hn-tool[data-tool="etsy-tag-generator"] .mps-info,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-info,.hn-tool[data-tool="ebay-title-builder"] .mps-info,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-info{background:#EEF6FF;border:1px solid #CFE3FA;border-radius:12px;padding:12px 14px;margin:0 0 14px;color:var(--ink);line-height:1.55}
.hn-tool[data-tool="etsy-tag-generator"] .mps-warnline,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-warnline,.hn-tool[data-tool="ebay-title-builder"] .mps-warnline,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-warnline{background:#FFF6E8;border:1px solid #F5D9A8;border-radius:12px;padding:10px 14px;margin:0 0 14px}
.hn-tool[data-tool="etsy-tag-generator"] .mps-muted,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-muted,.hn-tool[data-tool="ebay-title-builder"] .mps-muted,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-muted{color:var(--muted)}
.hn-tool[data-tool="etsy-tag-generator"] .mps-tags,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-tags,.hn-tool[data-tool="ebay-title-builder"] .mps-tags,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-tags{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}
.hn-tool[data-tool="etsy-tag-generator"] .mps-tag,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-tag,.hn-tool[data-tool="ebay-title-builder"] .mps-tag,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-tag{display:flex;align-items:center;gap:8px;min-height:40px;border-bottom:1px solid var(--line);padding:4px 0;min-width:0}
.hn-tool[data-tool="etsy-tag-generator"] .mps-n,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-n,.hn-tool[data-tool="ebay-title-builder"] .mps-n,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-n{flex:0 0 22px;height:22px;border-radius:50%;background:#EEF6FF;color:var(--blue);font-size:.75rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.hn-tool[data-tool="etsy-tag-generator"] .mps-tt,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-tt,.hn-tool[data-tool="ebay-title-builder"] .mps-tt,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-tt{flex:1 1 auto;min-width:0;text-align:left;background:none;border:0;padding:4px 0;font:inherit;font-weight:700;color:var(--ink);cursor:pointer;overflow-wrap:anywhere}
.hn-tool[data-tool="etsy-tag-generator"] button.mps-tt:hover,.hn-tool[data-tool="etsy-listing-seo-checker"] button.mps-tt:hover,.hn-tool[data-tool="ebay-title-builder"] button.mps-tt:hover,.hn-tool[data-tool="marketplace-keyword-finder"] button.mps-tt:hover{color:var(--blue)}
.hn-tool[data-tool="etsy-tag-generator"] .mps-b,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-b,.hn-tool[data-tool="ebay-title-builder"] .mps-b,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-b{flex:0 0 auto;color:var(--muted);font-size:.72rem;white-space:nowrap}
.hn-tool[data-tool="etsy-tag-generator"] .mps-meter,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-meter,.hn-tool[data-tool="ebay-title-builder"] .mps-meter,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-meter{flex:0 0 46px;height:6px;border-radius:9px;background:#E7EEF7;overflow:hidden;display:inline-block}
.hn-tool[data-tool="etsy-tag-generator"] .mps-meter i,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-meter i,.hn-tool[data-tool="ebay-title-builder"] .mps-meter i,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-meter i{display:block;height:100%;border-radius:9px;background:#13A35B}
.hn-tool[data-tool="etsy-tag-generator"] .mps-meter i.warn,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-meter i.warn,.hn-tool[data-tool="ebay-title-builder"] .mps-meter i.warn,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-meter i.warn{background:#E28C00}
.hn-tool[data-tool="etsy-tag-generator"] .mps-meter i.bad,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-meter i.bad,.hn-tool[data-tool="ebay-title-builder"] .mps-meter i.bad,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-meter i.bad{background:#D64541}
.hn-tool[data-tool="etsy-tag-generator"] .mps-cnt,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-cnt,.hn-tool[data-tool="ebay-title-builder"] .mps-cnt,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-cnt{flex:0 0 auto;font-size:.75rem;font-weight:800;color:#13A35B;min-width:44px;text-align:right}
.hn-tool[data-tool="etsy-tag-generator"] .mps-cnt.warn,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-cnt.warn,.hn-tool[data-tool="ebay-title-builder"] .mps-cnt.warn,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-cnt.warn{color:#B86F00}
.hn-tool[data-tool="etsy-tag-generator"] .mps-cnt.bad,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-cnt.bad,.hn-tool[data-tool="ebay-title-builder"] .mps-cnt.bad,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-cnt.bad{color:#D64541}
.hn-tool[data-tool="etsy-tag-generator"] .mps-paste,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-paste,.hn-tool[data-tool="ebay-title-builder"] .mps-paste,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-paste{margin:12px 0 4px;padding:10px 12px;background:#F8FAFD;border:1px dashed var(--line);border-radius:10px;font-size:.9rem;overflow-wrap:anywhere}
.hn-tool[data-tool="etsy-tag-generator"] .mps-trow,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-trow,.hn-tool[data-tool="ebay-title-builder"] .mps-trow,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-trow{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.hn-tool[data-tool="etsy-tag-generator"] .mps-trow p,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-trow p,.hn-tool[data-tool="ebay-title-builder"] .mps-trow p,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-trow p{flex:1 1 auto;margin:0;font-weight:600;min-width:0;overflow-wrap:anywhere}
.hn-tool[data-tool="etsy-tag-generator"] .mps-hero,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-hero,.hn-tool[data-tool="ebay-title-builder"] .mps-hero,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-hero{display:flex;gap:20px;align-items:center;margin:0 0 16px;flex-wrap:wrap}
.hn-tool[data-tool="etsy-tag-generator"] .mps-hero-r,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-hero-r,.hn-tool[data-tool="ebay-title-builder"] .mps-hero-r,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-hero-r{flex:1 1 300px;min-width:0}
.hn-tool[data-tool="etsy-tag-generator"] .mps-ring,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-ring,.hn-tool[data-tool="ebay-title-builder"] .mps-ring,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-ring{position:relative;width:128px;flex:0 0 128px;text-align:center}
.hn-tool[data-tool="etsy-tag-generator"] .mps-ring svg,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-ring svg,.hn-tool[data-tool="ebay-title-builder"] .mps-ring svg,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-ring svg{display:block}
.hn-tool[data-tool="etsy-tag-generator"] .mps-ring b,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-ring b,.hn-tool[data-tool="ebay-title-builder"] .mps-ring b,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-ring b{position:absolute;top:0;left:0;width:128px;height:128px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;line-height:1}
.hn-tool[data-tool="etsy-tag-generator"] .mps-ring b small,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-ring b small,.hn-tool[data-tool="ebay-title-builder"] .mps-ring b small,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-ring b small{font-size:.8rem;color:var(--muted);margin-left:2px}
.hn-tool[data-tool="etsy-tag-generator"] .mps-ring span,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-ring span,.hn-tool[data-tool="ebay-title-builder"] .mps-ring span,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-ring span{display:block;margin-top:6px;font-size:.82rem;font-weight:700;color:var(--muted)}
.hn-tool[data-tool="etsy-tag-generator"] .mps-grp,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-grp,.hn-tool[data-tool="ebay-title-builder"] .mps-grp,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-grp{border:1px solid var(--line);border-radius:14px;margin:0 0 12px;background:#fff}
.hn-tool[data-tool="etsy-tag-generator"] .mps-grp summary,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-grp summary,.hn-tool[data-tool="ebay-title-builder"] .mps-grp summary,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-grp summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;list-style:none}
.hn-tool[data-tool="etsy-tag-generator"] .mps-grp summary::-webkit-details-marker,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-grp summary::-webkit-details-marker,.hn-tool[data-tool="ebay-title-builder"] .mps-grp summary::-webkit-details-marker,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-grp summary::-webkit-details-marker{display:none}
.hn-tool[data-tool="etsy-tag-generator"] .mps-grp summary span,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-grp summary span,.hn-tool[data-tool="ebay-title-builder"] .mps-grp summary span,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-grp summary span{color:var(--muted);font-size:.85rem;font-weight:700}
.hn-tool[data-tool="etsy-tag-generator"] .mps-chks,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-chks,.hn-tool[data-tool="ebay-title-builder"] .mps-chks,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-chks{display:flex;flex-direction:column;gap:8px;padding:0 16px 14px}
.hn-tool[data-tool="etsy-tag-generator"] .t-card-b .mps-chks,.hn-tool[data-tool="etsy-listing-seo-checker"] .t-card-b .mps-chks,.hn-tool[data-tool="ebay-title-builder"] .t-card-b .mps-chks,.hn-tool[data-tool="marketplace-keyword-finder"] .t-card-b .mps-chks{padding:0}
.hn-tool[data-tool="etsy-tag-generator"] .mps-chk,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-chk,.hn-tool[data-tool="ebay-title-builder"] .mps-chk,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-chk{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:#F8FAFD;border-left:4px solid #CFE3FA}
.hn-tool[data-tool="etsy-tag-generator"] .mps-chk.mps-pass,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-chk.mps-pass,.hn-tool[data-tool="ebay-title-builder"] .mps-chk.mps-pass,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-chk.mps-pass{border-left-color:#13A35B}
.hn-tool[data-tool="etsy-tag-generator"] .mps-chk.mps-warn,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-chk.mps-warn,.hn-tool[data-tool="ebay-title-builder"] .mps-chk.mps-warn,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-chk.mps-warn{border-left-color:#E28C00}
.hn-tool[data-tool="etsy-tag-generator"] .mps-chk.mps-fail,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-chk.mps-fail,.hn-tool[data-tool="ebay-title-builder"] .mps-chk.mps-fail,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-chk.mps-fail{border-left-color:#D64541}
.hn-tool[data-tool="etsy-tag-generator"] .mps-chk>div,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-chk>div,.hn-tool[data-tool="ebay-title-builder"] .mps-chk>div,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-chk>div{min-width:0}
.hn-tool[data-tool="etsy-tag-generator"] .mps-chk .t-badge,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-chk .t-badge,.hn-tool[data-tool="ebay-title-builder"] .mps-chk .t-badge,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-chk .t-badge{flex:0 0 auto;margin-top:1px}
.hn-tool[data-tool="etsy-tag-generator"] .mps-chk p,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-chk p,.hn-tool[data-tool="ebay-title-builder"] .mps-chk p,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-chk p{margin:2px 0 0;color:var(--ink);font-size:.9rem;overflow-wrap:anywhere}
.hn-tool[data-tool="etsy-tag-generator"] .mps-chk small,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-chk small,.hn-tool[data-tool="ebay-title-builder"] .mps-chk small,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-chk small{display:block;margin-top:4px;color:var(--muted);font-size:.85rem;line-height:1.5}
.hn-tool[data-tool="etsy-tag-generator"] .mps-titles,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-titles,.hn-tool[data-tool="ebay-title-builder"] .mps-titles,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-titles{display:flex;flex-direction:column;gap:0}
.hn-tool[data-tool="etsy-tag-generator"] .mps-best,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-best,.hn-tool[data-tool="ebay-title-builder"] .mps-best,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-best{border-color:var(--blue);box-shadow:0 0 0 2px rgba(10,108,208,.12)}
.hn-tool[data-tool="etsy-tag-generator"] .mps-et,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-et,.hn-tool[data-tool="ebay-title-builder"] .mps-et,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-et{margin:0 0 8px;font-size:1.02rem;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.hn-tool[data-tool="etsy-tag-generator"] .mps-mrow,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-mrow,.hn-tool[data-tool="ebay-title-builder"] .mps-mrow,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-mrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.hn-tool[data-tool="etsy-tag-generator"] .mps-mrow .mps-meter,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-mrow .mps-meter,.hn-tool[data-tool="ebay-title-builder"] .mps-mrow .mps-meter,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-mrow .mps-meter{flex-basis:120px}
.hn-tool[data-tool="etsy-tag-generator"] .mps-exp,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-exp,.hn-tool[data-tool="ebay-title-builder"] .mps-exp,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-exp{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:0 0 14px;background:#F8FAFD}
.hn-tool[data-tool="etsy-tag-generator"] .mps-exp .t-note,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-exp .t-note,.hn-tool[data-tool="ebay-title-builder"] .mps-exp .t-note,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-exp .t-note{margin:0 0 10px}
.hn-tool[data-tool="etsy-tag-generator"] .mps-expbtns,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-expbtns,.hn-tool[data-tool="ebay-title-builder"] .mps-expbtns,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-expbtns{display:flex;flex-wrap:wrap;gap:8px}
.hn-tool[data-tool="etsy-tag-generator"] .mps-expout,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-expout,.hn-tool[data-tool="ebay-title-builder"] .mps-expout,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-expout{margin-top:12px}
.hn-tool[data-tool="etsy-tag-generator"] .mps-expbtns .btn.mps-on,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-expbtns .btn.mps-on,.hn-tool[data-tool="ebay-title-builder"] .mps-expbtns .btn.mps-on,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-expbtns .btn.mps-on{border-color:var(--blue);color:var(--blue);box-shadow:0 0 0 2px rgba(10,108,208,.18)}
.hn-tool[data-tool="etsy-tag-generator"] .mps-expout .t-card,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-expout .t-card,.hn-tool[data-tool="ebay-title-builder"] .mps-expout .t-card,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-expout .t-card{margin:0}
.hn-tool[data-tool="etsy-tag-generator"] .mps-expout .t-card-b,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-expout .t-card-b,.hn-tool[data-tool="ebay-title-builder"] .mps-expout .t-card-b,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-expout .t-card-b{overflow-wrap:anywhere}
.hn-tool[data-tool="etsy-tag-generator"] .mps-kwbar,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-kwbar,.hn-tool[data-tool="ebay-title-builder"] .mps-kwbar,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-kwbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 14px}
.hn-tool[data-tool="etsy-tag-generator"] .mps-filter,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-filter,.hn-tool[data-tool="ebay-title-builder"] .mps-filter,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-filter{flex:1 1 220px;min-height:42px;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font:inherit}
.hn-tool[data-tool="etsy-tag-generator"] .mps-kwgrid,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-kwgrid,.hn-tool[data-tool="ebay-title-builder"] .mps-kwgrid,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-kwgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;align-items:start}
.hn-tool[data-tool="etsy-tag-generator"] .mps-kwcard,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-kwcard,.hn-tool[data-tool="ebay-title-builder"] .mps-kwcard,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-kwcard{margin:0}
.hn-tool[data-tool="etsy-tag-generator"] .mps-dim,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-dim,.hn-tool[data-tool="ebay-title-builder"] .mps-dim,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-dim{opacity:.85}
.hn-tool[data-tool="etsy-tag-generator"] .mps-gh,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-gh,.hn-tool[data-tool="ebay-title-builder"] .mps-gh,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-gh{margin:0;padding:8px 14px 0;color:var(--muted);font-size:.82rem}
.hn-tool[data-tool="etsy-tag-generator"] .mps-kwl,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-kwl,.hn-tool[data-tool="ebay-title-builder"] .mps-kwl,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-kwl{list-style:none;margin:0;padding:6px 8px 10px;max-height:420px;overflow:auto}
.hn-tool[data-tool="etsy-tag-generator"] .mps-kwl li,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-kwl li,.hn-tool[data-tool="ebay-title-builder"] .mps-kwl li,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-kwl li{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line)}
.hn-tool[data-tool="etsy-tag-generator"] .mps-kwl li:last-child,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-kwl li:last-child,.hn-tool[data-tool="ebay-title-builder"] .mps-kwl li:last-child,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-kwl li:last-child{border-bottom:0}
.hn-tool[data-tool="etsy-tag-generator"] .mps-pk,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-pk,.hn-tool[data-tool="ebay-title-builder"] .mps-pk,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-pk{flex:1 1 auto;min-width:0;text-align:left;background:none;border:0;border-radius:8px;padding:9px 8px;font:inherit;color:var(--ink);cursor:pointer;overflow-wrap:anywhere}
.hn-tool[data-tool="etsy-tag-generator"] .mps-pk:hover,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-pk:hover,.hn-tool[data-tool="ebay-title-builder"] .mps-pk:hover,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-pk:hover{background:#EEF6FF}
.hn-tool[data-tool="etsy-tag-generator"] .mps-pk.on,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-pk.on,.hn-tool[data-tool="ebay-title-builder"] .mps-pk.on,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-pk.on{background:var(--blue);color:#fff}
.hn-tool[data-tool="etsy-tag-generator"] .mps-mk,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-mk,.hn-tool[data-tool="ebay-title-builder"] .mps-mk,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-mk{display:flex;gap:3px;flex:0 0 auto}
.hn-tool[data-tool="etsy-tag-generator"] .mps-mk i,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-mk i,.hn-tool[data-tool="ebay-title-builder"] .mps-mk i,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-mk i{font-style:normal;font-size:.66rem;font-weight:800;padding:2px 5px;border-radius:6px;background:#EEF2F7;color:#40536B}
.hn-tool[data-tool="etsy-tag-generator"] .mps-mk i.mps-m-etsy,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-mk i.mps-m-etsy,.hn-tool[data-tool="ebay-title-builder"] .mps-mk i.mps-m-etsy,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-mk i.mps-m-etsy{background:#FDEBDD;color:#B4510F}
.hn-tool[data-tool="etsy-tag-generator"] .mps-mk i.mps-m-amazon,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-mk i.mps-m-amazon,.hn-tool[data-tool="ebay-title-builder"] .mps-mk i.mps-m-amazon,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-mk i.mps-m-amazon{background:#FFF3D6;color:#8A5A00}
.hn-tool[data-tool="etsy-tag-generator"] .mps-mk i.mps-m-ebay,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-mk i.mps-m-ebay,.hn-tool[data-tool="ebay-title-builder"] .mps-mk i.mps-m-ebay,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-mk i.mps-m-ebay{background:#E3EEFF;color:#1D4FA8}
.hn-tool[data-tool="etsy-tag-generator"] .mps-mk i.mps-m-walmart,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-mk i.mps-m-walmart,.hn-tool[data-tool="ebay-title-builder"] .mps-mk i.mps-m-walmart,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-mk i.mps-m-walmart{background:#E2F2FF;color:#0B5394}
.hn-tool[data-tool="etsy-tag-generator"] .mps-mk i.mps-ok20,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-mk i.mps-ok20,.hn-tool[data-tool="ebay-title-builder"] .mps-mk i.mps-ok20,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-mk i.mps-ok20{background:#E5F6EC;color:#0E7A43}
@media (max-width:640px){
.hn-tool[data-tool="etsy-tag-generator"] .mps-tags,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-tags,.hn-tool[data-tool="ebay-title-builder"] .mps-tags,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-tags{grid-template-columns:1fr}
.hn-tool[data-tool="etsy-tag-generator"] .mps-hero,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-hero,.hn-tool[data-tool="ebay-title-builder"] .mps-hero,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-hero{justify-content:center}
.hn-tool[data-tool="etsy-tag-generator"] .mps-kwgrid,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-kwgrid,.hn-tool[data-tool="ebay-title-builder"] .mps-kwgrid,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-kwgrid{grid-template-columns:1fr}
.hn-tool[data-tool="etsy-tag-generator"] .mps-trow,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-trow,.hn-tool[data-tool="ebay-title-builder"] .mps-trow,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-trow{flex-wrap:wrap}
.hn-tool[data-tool="etsy-tag-generator"] .mps-trow p,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-trow p,.hn-tool[data-tool="ebay-title-builder"] .mps-trow p,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-trow p{flex-basis:100%}
.hn-tool[data-tool="etsy-tag-generator"] .mps-b,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-b,.hn-tool[data-tool="ebay-title-builder"] .mps-b,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-b{display:none}
.hn-tool[data-tool="etsy-tag-generator"] .mps-chks,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-chks,.hn-tool[data-tool="ebay-title-builder"] .mps-chks,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-chks{padding:0 10px 12px}
.hn-tool[data-tool="etsy-tag-generator"] .mps-grp summary,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-grp summary,.hn-tool[data-tool="ebay-title-builder"] .mps-grp summary,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-grp summary{padding:12px}
.hn-tool[data-tool="etsy-tag-generator"] .mps-chk,.hn-tool[data-tool="etsy-listing-seo-checker"] .mps-chk,.hn-tool[data-tool="ebay-title-builder"] .mps-chk,.hn-tool[data-tool="marketplace-keyword-finder"] .mps-chk{padding:10px}
}
/* Group 70: PDF and image tools. Selectors use the unique .hpi- prefix or the tool slugs. */
.hn-tool:is([data-tool="document-scanner"],[data-tool="pdf-merger"],[data-tool="pdf-splitter"],[data-tool="pdf-compressor"],[data-tool="images-to-pdf"],[data-tool="pdf-to-images"],[data-tool="image-resizer"],[data-tool="image-cropper"],[data-tool="image-converter"],[data-tool="image-watermark"]) [hidden]{display:none!important}
/* drop zone */
.hpi-drop{position:relative}
.hpi-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}
.hpi-drop-l{display:grid;justify-items:center;gap:6px;text-align:center;padding:26px 18px;border:2px dashed #B9CCE4;border-radius:18px;background:#F6FAFF;cursor:pointer;transition:border-color .2s,background .2s}
.hpi-drop-l svg{width:34px;height:34px;fill:var(--blue);padding:8px;border-radius:12px;background:rgba(10,108,208,.1);box-sizing:content-box}
.hpi-drop-l b{font-size:1.05rem;color:var(--ink)}
.hpi-drop-l small{color:var(--muted);font-size:.84rem}
.hpi-drop-l:hover,.hpi-drop.over .hpi-drop-l{border-color:var(--blue);background:#EEF5FD}
.hpi-file:focus-visible+.hpi-drop-l{outline:3px solid var(--blue);outline-offset:2px}
.hpi-drop.cam .hpi-drop-l{background:linear-gradient(135deg,#0A6CD0,#00AEE6);border-color:transparent}
.hpi-drop.cam .hpi-drop-l b,.hpi-drop.cam .hpi-drop-l small{color:#fff}
.hpi-drop.cam .hpi-drop-l svg{fill:#fff;background:rgba(255,255,255,.18)}
.hpi-priv{display:flex;gap:8px;align-items:center;margin-top:-6px}
.hpi-priv:before{content:"";width:8px;height:8px;border-radius:50%;background:#13A35B;flex:none}
.hpi-bad{color:#B3261E;font-weight:600}
.hpi-warn{margin:0;padding:12px 14px;border-radius:12px;background:#FFF7E8;border:1px solid #F7DDA8;color:#7A4A00;font-size:.9rem;line-height:1.55}
.hpi-info{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#F8FAFD;overflow-wrap:anywhere}
.hpi-rv{float:right;font-family:var(--f-mono,monospace);font-size:.78rem;font-weight:600;color:var(--blue)}
.hpi-tot{align-self:center}
/* queue */
.hpi-q{display:grid;gap:8px}
.hpi-q-h{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.hpi-q-h b{margin-right:auto;color:var(--ink)}
.hpi-q-h .t-note{flex-basis:100%;order:3}
.hpi-qi{display:grid;grid-template-columns:auto 52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:14px;background:#fff}
.hpi-qi[draggable=true]{cursor:grab}
.hpi-qi.drag{opacity:.45}.hpi-qi.over{border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,108,208,.14)}
.hpi-qi.err{background:#FFF7F6;border-color:#F5C6C0}
.hpi-q .hpi-qi:not(:has(.hpi-qn)){grid-template-columns:52px minmax(0,1fr) auto}
.hpi-qn{font-family:var(--f-mono,monospace);font-size:.78rem;font-weight:700;color:var(--muted);min-width:18px;text-align:center}
.hpi-qt{width:52px;height:52px;border-radius:10px;overflow:hidden;background:#EEF3F9;display:grid;place-items:center}
.hpi-qt img{width:100%;height:100%;object-fit:cover;display:block}
.hpi-qm{display:grid;gap:3px;min-width:0}
.hpi-qm b{font-size:.9rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hpi-qm small{color:var(--muted);font-size:.8rem}
.hpi-qa{display:flex;gap:4px}
.hpi-ib{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:#F8FAFD;color:var(--ink);font-size:1rem;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}
.hpi-ib:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}
.hpi-ib:disabled{opacity:.35;cursor:default}
.hpi-ib.x:hover{border-color:#D64541;color:#D64541}
.hpi-pdfi{display:grid;place-items:center;width:40px;height:48px;border-radius:6px;background:#D64541;color:#fff;font:800 .7rem/1 var(--f-mono,monospace);letter-spacing:.05em;flex:none}
.hpi-pg{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:var(--muted)}
.hpi-pg input{width:min(160px,100%);height:32px;border:1px solid var(--line);border-radius:8px;padding:0 8px;font:inherit;font-size:.85rem;background:#F8FAFD}
.hpi-pg input:focus{outline:none;border-color:var(--blue)}
/* progress */
.hpi-prog{display:grid;gap:8px;padding:16px;border-radius:14px;background:#F4F8FD}
.hpi-prog-t{display:flex;gap:10px;justify-content:space-between;font-weight:600;color:var(--ink);font-size:.92rem}
.hpi-prog-t b{font-family:var(--f-mono,monospace);color:var(--blue)}
.hpi-prog .t-bar i{transition:width .2s}
/* results */
.hpi-imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.hpi-img{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:grid;grid-template-rows:auto 1fr}
.hpi-img.err{grid-template-rows:1fr}
.hpi-img-p{aspect-ratio:4/3;display:grid;place-items:center;padding:8px;background:repeating-conic-gradient(#EEF2F7 0% 25%,#fff 0% 50%) 50%/16px 16px}
.hpi-img-p img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.hpi-img-p.round img{border-radius:50%}
.hpi-img-b{display:grid;gap:6px;padding:10px 12px;align-content:start}
.hpi-img-b>b{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
.hpi-img-b .t-note{overflow-wrap:anywhere}
.hpi-img-b .btn{justify-self:start;margin-top:4px}
.hpi-frs{display:grid;gap:8px}
.hpi-fr{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:14px}
.hpi-fr b{display:block;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hpi-fr small{color:var(--muted);font-size:.8rem}
/* splitter thumbnails */
.hpi-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;max-height:460px;overflow:auto;padding:4px}
.hpi-thn{grid-column:1/-1}
.hpi-th{all:unset;cursor:pointer;display:grid;gap:4px;justify-items:center;border-radius:10px;padding:5px;border:2px solid transparent}
.hpi-th:focus-visible{outline:3px solid var(--blue)}
.hpi-th-c{width:100%;aspect-ratio:3/4;display:grid;place-items:center;background:#EEF3F9;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px rgba(6,22,46,.15)}
.hpi-th-c i{font-style:normal;color:var(--muted);font-weight:700}
.hpi-th-cv{max-width:100%;max-height:100%;display:block}
.hpi-th small{font-size:.76rem;font-weight:700;color:var(--muted)}
.hpi-th.on{border-color:var(--blue);background:#EEF5FD}.hpi-th.on small{color:var(--blue)}
/* shared stage + chips */
.hpi-stage{display:grid;place-items:center;padding:12px;border:1px dashed #C9D6E6;border-radius:16px;background:#FBFCFE;min-height:200px}
.hpi-bar{display:flex;flex-wrap:wrap;gap:8px}
.hpi-ratios .t-chip.on,.hpi-scan-ed .t-chip.on,.hpi-wm-pick .t-chip.on{background:var(--blue);color:#fff;border-color:var(--blue)}
/* cropper */
.hpi-crop{display:grid;gap:12px}
.hpi-cw{position:relative;line-height:0;max-width:100%;touch-action:none;user-select:none;-webkit-user-select:none}
.hpi-cv{display:block;max-width:100%;max-height:68vh;width:auto;height:auto}
.hpi-box{position:absolute;box-sizing:border-box;border:2px solid #fff;outline:1px solid rgba(6,22,46,.6);box-shadow:0 0 0 9999px rgba(6,22,46,.55);cursor:move;touch-action:none}
.hpi-crop .hpi-stage{overflow:hidden;padding:14px}
.hpi-box.round{border-radius:50%}
.hpi-box span{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#fff;border:2px solid var(--blue);box-sizing:border-box;touch-action:none}
.hpi-box span[data-h=nw]{left:0;top:0;cursor:nwse-resize}.hpi-box span[data-h=n]{left:50%;top:0;cursor:ns-resize}.hpi-box span[data-h=ne]{left:100%;top:0;cursor:nesw-resize}
.hpi-box span[data-h=e]{left:100%;top:50%;cursor:ew-resize}.hpi-box span[data-h=se]{left:100%;top:100%;cursor:nwse-resize}.hpi-box span[data-h=s]{left:50%;top:100%;cursor:ns-resize}
.hpi-box span[data-h=sw]{left:0;top:100%;cursor:nesw-resize}.hpi-box span[data-h=w]{left:0;top:50%;cursor:ew-resize}
.hpi-grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 33.2%,rgba(255,255,255,.45) 33.3%,rgba(255,255,255,.45) 33.5%,transparent 33.6%,transparent 66.5%,rgba(255,255,255,.45) 66.6%,rgba(255,255,255,.45) 66.8%,transparent 66.9%),linear-gradient(transparent 33.2%,rgba(255,255,255,.45) 33.3%,rgba(255,255,255,.45) 33.5%,transparent 33.6%,transparent 66.5%,rgba(255,255,255,.45) 66.6%,rgba(255,255,255,.45) 66.8%,transparent 66.9%)}
.hpi-box.round .hpi-grid{display:none}
.hpi-xywh{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hpi-xywh label{display:grid;gap:4px;font-size:.78rem;font-weight:700;color:var(--muted)}
.hpi-xywh input{height:40px;border:1px solid var(--line);border-radius:10px;padding:0 10px;font:inherit;font-size:.92rem;background:#F8FAFD;min-width:0;width:100%;box-sizing:border-box}
/* watermark */
.hpi-wm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px;align-items:start}
.hpi-wm-ctl{min-width:0;display:grid;gap:14px}
.hpi-wm-pv{min-width:0;position:sticky;top:90px;display:grid;gap:10px}
.hpi-wm-cv{display:block;max-width:100%;max-height:70vh;width:auto;height:auto}
.hpi-wm-pick{align-items:center}
.hpi-wm-pick .t-chip{min-width:36px;justify-content:center}
/* scanner */
.hpi-scan-add{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hpi-strip{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;flex-wrap:nowrap;align-items:flex-start}
.hpi-pg-n{flex:none;align-self:center;max-width:140px}
.hpi-pg-c{flex:none;width:118px;display:grid;gap:6px;padding:6px;border:2px solid var(--line);border-radius:14px;background:#fff}
.hpi-pg-c.on{border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,108,208,.14)}
.hpi-pg-t{all:unset;cursor:pointer;display:grid;place-items:center;height:130px;background:#EEF3F9;border-radius:8px;overflow:hidden}
.hpi-pg-t:focus-visible{outline:3px solid var(--blue)}
.hpi-pg-t img{max-width:100%;max-height:100%;display:block}
.hpi-pg-a{display:flex;gap:3px;align-items:center}
.hpi-pg-a b{margin-right:auto;font-family:var(--f-mono,monospace);font-size:.8rem;padding-left:3px}
.hpi-pg-a .hpi-ib{width:28px;height:28px;font-size:.8rem;border-radius:8px}
.hpi-scan-ed{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.hpi-scan-col{display:grid;gap:10px;min-width:0}
.hpi-scan-h{display:grid;gap:2px}
.hpi-scan-h b{color:var(--ink)}
.hpi-qw{position:relative;width:100%;max-width:100%;line-height:0;touch-action:none;user-select:none;-webkit-user-select:none;margin:0 auto}
.hpi-qcv{display:block;width:100%;height:100%;border-radius:8px}
.hpi-qsvg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.hpi-qsvg polygon{fill:rgba(10,108,208,.16);stroke:#00AEE6;stroke-width:2.5;vector-effect:non-scaling-stroke}
.hpi-qh{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:rgba(10,108,208,.25);border:3px solid #fff;box-shadow:0 0 0 2px #0A6CD0,0 2px 8px rgba(0,0,0,.35);cursor:grab;touch-action:none;box-sizing:border-box}
.hpi-qh.on{background:#0A6CD0;transform:scale(1.2)}
.hpi-rcv{max-height:60vh;width:auto;max-width:100%;background:#fff}
.hpi-str{gap:4px}
.hpi-str label{font-weight:700;font-size:.88rem;color:var(--ink)}
.hpi-str input{width:100%;accent-color:var(--blue)}
.hpi-scan-col .t-copy{justify-self:start}
@media (max-width:900px){.hpi-wm{grid-template-columns:1fr}.hpi-wm-pv{position:static;order:-1}.hpi-scan-ed{grid-template-columns:1fr}}
@media (max-width:560px){
  .hpi-qi{grid-template-columns:auto 44px minmax(0,1fr);gap:8px 10px}
  .hpi-q .hpi-qi:not(:has(.hpi-qn)){grid-template-columns:44px minmax(0,1fr) auto}
  .hpi-q .hpi-qi:not(:has(.hpi-qn)) .hpi-qa{grid-column:auto}
  .hpi-qt{width:44px;height:44px}
  .hpi-qa{grid-column:1/-1;justify-content:flex-end}
  .hpi-scan-add{grid-template-columns:1fr}
  .hpi-drop-l{padding:20px 14px}
  .hpi-xywh{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hpi-imgs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
  .hpi-fr{grid-template-columns:34px minmax(0,1fr)}.hpi-fr .btn{grid-column:1/-1;justify-content:center}
  .hpi-fr .hpi-pdfi{width:34px;height:42px}
}
/* ===== Productivity tools (62-productivity.js). Every selector uses the unique pd- prefix. ===== */
.hn-tool>[class*="pd-"],.hn-tool>.pd-seg,.hn-tool .pd-hgrid>*,.hn-tool .pd-hdet>*,.hn-tool .pd-hchart>*,.hn-tool .pd-feat>*,.hn-tool .pd-cgrid>*,.hn-tool .pd-pomo>*,.hn-tool .pd-panel>*{min-width:0}
.hn-tool .pd-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hn-tool .pd-row{display:flex;gap:8px;align-items:stretch;min-width:0}
.hn-tool .pd-row input{flex:1 1 0;width:0;min-width:0;height:48px;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font:inherit;font-size:1rem;color:var(--ink);background:#F8FAFD}
.hn-tool .pd-row input:focus,.hn-tool .pd-frow input:focus,.hn-tool .pd-frow select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(10,108,208,.14);background:#fff}
.hn-tool .pd-row .btn{flex:none;min-height:48px}
.hn-tool .pd-h{display:block;font-size:.92rem;color:var(--ink);margin:0 0 8px}
.hn-tool .pd-link{border:0;background:transparent;color:var(--blue);font:inherit;font-weight:700;font-size:.88rem;cursor:pointer;padding:4px 0;justify-self:start;text-align:left}
.hn-tool .pd-panel{border:1px solid var(--line);border-radius:16px;padding:16px;background:#F8FAFD;display:grid;gap:12px}
.hn-tool .pd-file{position:relative;overflow:hidden;cursor:pointer;display:inline-block}
.hn-tool .pd-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.hn-tool .pd-x{border:0;background:transparent;color:var(--muted);font-size:1.3rem;line-height:1;cursor:pointer;padding:4px 8px;border-radius:8px;flex:none}
.hn-tool .pd-x:hover{color:#B3261E;background:#FFF1EF}
.hn-tool .pd-del{color:#B3261E}.hn-tool .pd-del:hover{background:#B3261E;border-color:#B3261E;color:#fff}
.hn-tool .t-copy:disabled{opacity:.55;cursor:not-allowed}
.hn-tool .t-copy.pd-on{background:#ECFBF2;border-color:#BDEBD0;color:#0E7A43}
.hn-tool .t-chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
.hn-tool .t-chip small{opacity:.7;font-size:.75rem}
.hn-tool .pd-toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:9999;display:flex;gap:14px;align-items:center;padding:12px 16px;border-radius:14px;background:#06162E;color:#fff;font-weight:600;font-size:.92rem;box-shadow:0 20px 40px -18px rgba(6,22,46,.6);max-width:calc(100vw - 32px)}
.hn-tool .pd-toast button{border:0;background:transparent;color:#00AEE6;font:inherit;font-weight:800;cursor:pointer;padding:4px}
.hn-tool .t-sync{margin:0}
.hn-tool .pd-red{color:#B3261E}

/* ---------- to-do list ---------- */
.hn-tool .pd-ed>*,.hn-tool .pd-ed .tf-grid>*,.hn-tool .pd-subs,.hn-tool .pd-adv>*,.hn-tool .pd-panel>*,.hn-tool .pd-tasks>li{min-width:0}
.hn-tool .pd-tasks{grid-template-columns:minmax(0,1fr)}
.hn-tool .pd-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;min-width:0}
.hn-tool .pd-tab{flex:none;display:grid;gap:5px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 12px;font:inherit;font-size:.9rem;font-weight:700;color:var(--ink);cursor:pointer;text-align:left;min-width:92px}
.hn-tool .pd-tab em{font-style:normal;font-weight:600;color:var(--muted);font-size:.8rem}
.hn-tool .pd-tab.on{border-color:var(--blue);background:#EEF5FD;color:var(--blue)}
.hn-tool .pd-tbar{display:block;height:4px;border-radius:4px;background:#E7EEF7;overflow:hidden}
.hn-tool .pd-tbar b{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue))}
.hn-tool .pd-newtab{border-style:dashed;color:var(--blue);display:flex;align-items:center}
.hn-tool .pd-add{display:grid;gap:8px}
.hn-tool .pd-add .pd-row input{height:52px;font-size:1.02rem;background:#fff;border-width:1.5px}
.hn-tool .pd-hint{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:0}
.hn-tool .pd-hint:empty{display:none}
.hn-tool .pd-adv{border:1px solid var(--line);border-radius:14px;padding:14px;background:#F8FAFD}
.hn-tool .pd-filters{display:grid;gap:10px}
.hn-tool .pd-seg{display:flex;gap:4px;padding:4px;border-radius:12px;background:#EEF3F9;overflow-x:auto;scrollbar-width:none}
.hn-tool .pd-seg button{flex:1 0 auto;border:0;background:transparent;border-radius:9px;padding:8px 12px;font:inherit;font-size:.86rem;font-weight:700;color:var(--muted);cursor:pointer;display:inline-flex;gap:6px;align-items:center;justify-content:center;white-space:nowrap}
.hn-tool .pd-seg button.on{background:#fff;color:var(--ink);box-shadow:0 2px 8px -4px rgba(6,22,46,.35)}
.hn-tool .pd-seg i{font-style:normal;font-size:.72rem;background:#DCE7F4;color:var(--ink);border-radius:9px;padding:1px 6px}
.hn-tool .pd-seg i:empty{display:none}
.hn-tool .pd-seg i.red{background:#D64541;color:#fff}
.hn-tool .pd-frow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.hn-tool .pd-frow input,.hn-tool .pd-frow select{height:44px;border:1px solid var(--line);border-radius:12px;padding:8px 12px;font:inherit;font-size:.95rem;color:var(--ink);background:#F8FAFD;min-width:0}
.hn-tool .pd-tagrow:empty{display:none}
.hn-tool .pd-lhead{display:grid;gap:8px}
.hn-tool .pd-lh1{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.hn-tool .pd-ltitle{font-family:var(--f-display);font-size:1.2rem;color:var(--ink)}
.hn-tool .pd-prog{display:grid;gap:5px}
.hn-tool .pd-prog small{color:var(--muted);font-size:.82rem}
.hn-tool .pd-tasks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hn-tool .pd-task{border:1px solid var(--line);border-left:4px solid var(--line);border-radius:14px;background:#fff;transition:opacity .25s,transform .25s,box-shadow .2s;min-width:0}
.hn-tool .pd-task.p1{border-left-color:#3B8BEB}.hn-tool .pd-task.p2{border-left-color:#E28C00}.hn-tool .pd-task.p3{border-left-color:#D64541}
.hn-tool .pd-task.on{box-shadow:0 18px 40px -26px rgba(6,22,46,.45);border-color:#BFD4EE}
.hn-tool .pd-task.drag{box-shadow:0 18px 40px -16px rgba(6,22,46,.5);transform:scale(1.01);z-index:2;position:relative;background:#F4F8FD}
.hn-tool .pd-task.pd-out{opacity:0;transform:translateX(24px)}
.hn-tool .pd-task.pd-new{animation:pdflash 1.2s ease}
@keyframes pdflash{0%{background:#E5F1FD}100%{background:#fff}}
.hn-tool .pd-th{display:flex;gap:8px;align-items:center;padding:6px 8px 6px 6px;min-width:0}
.hn-tool .pd-drag{flex:none;cursor:grab;color:#9AABC0;font-size:1rem;letter-spacing:-3px;padding:10px 6px 10px 4px;touch-action:none;user-select:none;-webkit-user-select:none}
.hn-tool .pd-ck{flex:none;width:22px;height:22px;accent-color:var(--blue);cursor:pointer;margin:0 2px}
.hn-tool .pd-tt{flex:1 1 auto;min-width:0;border:0;background:transparent;text-align:left;font:inherit;color:var(--ink);cursor:pointer;padding:8px 4px;display:grid;gap:4px}
.hn-tool .pd-tt b{font-weight:600;font-size:.98rem;line-height:1.35;overflow-wrap:anywhere}
.hn-tool .pd-task.dn .pd-tt b{text-decoration:line-through;color:var(--muted)}
.hn-tool .pd-meta{display:flex;flex-wrap:wrap;gap:4px}
.hn-tool .pd-meta:empty{display:none}
.hn-tool .pd-c{display:inline-flex;align-items:center;gap:3px;font-size:.74rem;font-weight:600;color:var(--muted);background:#F1F5FA;border-radius:7px;padding:2px 7px;white-space:nowrap}
.hn-tool .pd-c.today{background:#EEF5FD;color:var(--blue)}
.hn-tool .pd-c.over{background:#FFF1EF;color:#B3261E}
.hn-tool .pd-c.ok{background:#ECFBF2;color:#0E7A43}
.hn-tool .pd-c.p3{color:#B3261E}.hn-tool .pd-c.p2{color:#9A5B00}.hn-tool .pd-c.p1{color:#1F5FAE}
.hn-tool .pd-c.pd-tg{color:#5B3FB8;background:#F3EFFD}
.hn-tool .pd-c.pd-ln{background:#fff;border:1px solid var(--line)}
.hn-tool .pd-mv{flex:none;display:flex;flex-direction:column;gap:2px}
.hn-tool .pd-mv button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:7px;width:30px;height:22px;font-size:.6rem;cursor:pointer;line-height:1}
.hn-tool .pd-mv button:hover{color:var(--blue);border-color:var(--blue)}
.hn-tool .pd-ed{border-top:1px solid var(--line);padding:14px;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;background:#FBFCFE;border-radius:0 0 14px 14px}
.hn-tool .pd-sl{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:4px}
.hn-tool .pd-sl li{display:flex;gap:8px;align-items:center}
.hn-tool .pd-sl li input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue);flex:none}
.hn-tool .pd-si{flex:1;min-width:0;border:1px solid transparent;background:transparent;border-radius:8px;padding:7px 8px;font:inherit;font-size:.94rem;color:var(--ink)}
.hn-tool .pd-si:focus{outline:none;border-color:var(--line);background:#fff}
.hn-tool .pd-sl li.dn .pd-si{text-decoration:line-through;color:var(--muted)}
.hn-tool .pd-edfoot{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}
.hn-tool .pd-empty{list-style:none;border:1px dashed #C9D6E6;border-radius:14px;padding:22px 16px;text-align:center;color:var(--muted);display:grid;gap:8px;justify-items:center}
.hn-tool .pd-empty b{color:var(--ink);font-size:1.05rem}
.hn-tool .pd-empty .t-chips{justify-content:center}
.hn-tool .pd-donebox{display:grid;gap:8px}
.hn-tool .pd-donebox:empty{display:none}
.hn-tool .pd-foot{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px}
.hn-tool .pd-alerts{display:grid;gap:8px}
.hn-tool .pd-alerts:empty{display:none}
.hn-tool .pd-alert{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:14px;background:#FFF7E8;border:1px solid #F7DDA8;animation:pdflash2 .6s ease 2}
.hn-tool .pd-alert>span:first-child{display:grid;gap:2px;color:var(--ink)}
.hn-tool .pd-alert small{color:#9A5B00;font-weight:600}
@keyframes pdflash2{50%{background:#FFE7B8}}
.hn-tool .pd-tpls{margin-top:-2px}
@media (max-width:640px){
  .hn-tool .pd-frow{grid-template-columns:1fr 132px}
  .hn-tool .pd-th{padding:4px 6px 4px 2px;gap:4px}
  .hn-tool .pd-drag{padding:10px 2px}
  .hn-tool .pd-ed{padding:12px}
  .hn-tool .pd-edfoot .btn{flex:1 1 100%}
  .hn-tool .pd-alert .pd-actions .btn{flex:1}
}

/* ---------- shared bits ---------- */
.hn-tool .pd-hbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.hn-tool .pd-seg-sm{flex:none}
.hn-tool .pd-seg-sm button{flex:0 0 auto}
.hn-tool .pd-bars{display:flex;align-items:flex-end;gap:6px;height:150px;padding:8px 4px 0;border-bottom:1px solid var(--line)}
.hn-tool .pd-bars>div{flex:1 1 0;min-width:0;height:100%;display:grid;grid-template-rows:1fr auto auto;justify-items:center;gap:2px}
.hn-tool .pd-bars i{align-self:end;width:100%;max-width:38px;min-height:2px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--cyan),var(--blue))}
.hn-tool .pd-bars b{font-size:.72rem;color:var(--ink)}
.hn-tool .pd-bars small{font-size:.68rem;color:var(--muted);white-space:nowrap;min-height:1em}
.hn-tool .pd-bars30{gap:2px;height:110px}
.hn-tool .pd-bars30 i{border-radius:3px 3px 1px 1px}
.hn-tool .pd-hchart,.hn-tool .pd-pstats,.hn-tool .pd-phist{display:grid;gap:10px}
.hn-tool .pd-hchart:empty{display:none}

/* ---------- habit tracker ---------- */
.hn-tool .pd-hsum:empty,.hn-tool .pd-hdet:empty{display:none}
.hn-tool .pd-hscroll{overflow-x:auto;border:1px solid var(--line);border-radius:16px;-webkit-overflow-scrolling:touch}
.hn-tool .pd-htab{border-collapse:separate;border-spacing:0;width:100%;font-size:.88rem}
.hn-tool .pd-htab th,.hn-tool .pd-htab td{padding:6px 3px;text-align:center;border-bottom:1px solid var(--line)}
.hn-tool .pd-htab tbody tr:last-child>*{border-bottom:0}
.hn-tool .pd-htab thead th{font-size:.74rem;color:var(--muted);font-weight:700;background:#F4F8FD;line-height:1.15}
.hn-tool .pd-htab thead th small{display:block;font-size:.66rem;font-weight:600;text-transform:uppercase}
.hn-tool .pd-htab thead th.td{color:var(--blue)}
.hn-tool .pd-htab .pd-hn{position:sticky;left:0;z-index:1;background:#fff;text-align:left;min-width:170px;max-width:240px;padding-left:8px;border-right:1px solid var(--line)}
.hn-tool .pd-htab thead .pd-hn{background:#F4F8FD;padding-left:14px}
.hn-tool .pd-hn button{border:0;background:transparent;display:flex;gap:8px;align-items:center;text-align:left;font:inherit;cursor:pointer;padding:4px;width:100%;color:var(--ink)}
.hn-tool .pd-hn button>span:last-child{display:grid;min-width:0}
.hn-tool .pd-hn b{font-size:.9rem;line-height:1.25;overflow-wrap:anywhere}
.hn-tool .pd-hn small{font-size:.72rem;color:var(--muted);font-weight:500}
.hn-tool .pd-he{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--hc) 14%,#fff);font-size:1.1rem}
.hn-tool .pd-hc{width:36px;height:36px;border-radius:10px;border:1.5px solid #D5E0EC;background:#fff;color:#fff;font-weight:900;font-size:1rem;cursor:pointer;transition:transform .12s,background .15s}
.hn-tool .pd-hc:hover{border-color:var(--hc)}
.hn-tool .pd-hc:active{transform:scale(.9)}
.hn-tool .pd-hc.on{background:var(--hc);border-color:var(--hc)}
.hn-tool .pd-hc.td{box-shadow:0 0 0 3px color-mix(in srgb,var(--hc) 22%,transparent)}
.hn-tool .pd-hc.pre{opacity:.45}
.hn-tool .pd-hscroll.wide .pd-hc{width:30px;height:30px;border-radius:8px}
.hn-tool .pd-hs{white-space:nowrap;padding:6px 8px!important}
.hn-tool .pd-hmob{display:none}
.hn-tool .pd-hs b{font-size:1rem;color:var(--ink)}
.hn-tool .pd-hs small{color:var(--muted);font-size:.7rem;margin-left:1px}
.hn-tool .pd-emo{display:flex;flex-wrap:wrap;gap:6px}
.hn-tool .pd-emo button{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:1.2rem;cursor:pointer}
.hn-tool .pd-emo button.on{border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,108,208,.2)}
.hn-tool .pd-cols{display:flex;flex-wrap:wrap;gap:8px}
.hn-tool .pd-cols button{width:32px;height:32px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer}
.hn-tool .pd-cols button.on{box-shadow:0 0 0 3px var(--ink)}
.hn-tool .pd-hpc{display:grid;gap:8px}
.hn-tool .pd-hpc>div{display:grid;grid-template-columns:minmax(0,200px) 1fr 48px;gap:10px;align-items:center;font-size:.88rem}
.hn-tool .pd-hpc span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hn-tool .pd-hpc b{text-align:right}
.hn-tool .pd-hdet textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;background:#fff;resize:vertical}

/* ---------- pomodoro ---------- */
.hn-tool .pd-pomo{display:grid;gap:18px;justify-items:center;padding:18px;border-radius:20px;background:linear-gradient(160deg,#EEF5FD,#fff);border:1px solid #D6E4F5;--pc:var(--blue)}
.hn-tool .pd-pomo.m-short{background:linear-gradient(160deg,#ECFBF2,#fff);border-color:#C9EBD7;--pc:#13A35B}
.hn-tool .pd-pomo.m-long{background:linear-gradient(160deg,#F3EFFD,#fff);border-color:#DDD3F6;--pc:#7B4FD6}
.hn-tool .pd-pmodes{width:100%;max-width:520px}
.hn-tool .pd-ring{position:relative;width:min(300px,100%);aspect-ratio:1}
.hn-tool .pd-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.hn-tool .pd-ring circle{fill:none;stroke-width:12}
.hn-tool .pd-ring .bg{stroke:#E1EAF4}
.hn-tool .pd-ring .fg{stroke:var(--pc);stroke-linecap:round;transition:stroke-dashoffset .3s linear}
.hn-tool .pd-rt{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:4px;text-align:center}
.hn-tool .pd-pl{font-weight:800;color:var(--pc);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}
.hn-tool .pd-time{font-family:var(--f-display);font-size:clamp(3rem,13vw,4.4rem);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.hn-tool .pd-pc{color:var(--muted);font-size:.82rem}
.hn-tool .pd-pbtns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.hn-tool .pd-pbtns .btn{min-height:52px;min-width:96px}
.hn-tool .pd-pbtns .pd-go{min-width:150px;font-size:1.08rem;background:var(--pc);border-color:var(--pc)}
.hn-tool .pd-ptask{width:100%;max-width:520px;display:grid;gap:6px}
.hn-tool .pd-ptask label{font-weight:700;font-size:.85rem;color:var(--ink)}
.hn-tool .pd-ptask input{height:46px;border:1px solid var(--line);border-radius:12px;padding:8px 12px;font:inherit;background:#fff;min-width:0;width:100%}
.hn-tool .pd-pset summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.hn-tool .pd-pset summary::after{content:'▾';color:var(--muted)}
.hn-tool .pd-pset[open] summary::after{content:'▴'}
.hn-tool .pd-pset summary::-webkit-details-marker{display:none}
.hn-tool .pd-hl{list-style:none;margin:0;padding:0;display:grid;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.hn-tool .pd-hl li{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line);font-size:.9rem}
.hn-tool .pd-hl li:last-child{border-bottom:0}
.hn-tool .pd-hlt{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.hn-tool .pd-hlk{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.hn-tool .pd-hlk em,.hn-tool .pd-hlk small{color:var(--muted)}

/* ---------- stopwatch / timer / interval ---------- */
.hn-tool .pd-stage{position:relative;display:grid;gap:10px;justify-items:center;padding:42px 16px 22px;border-radius:22px;background:#06162E;color:#fff;transition:background .3s;min-width:0}
.hn-tool .pd-stage.k-work{background:#0E7A43}.hn-tool .pd-stage.k-rest{background:#9A5B00}.hn-tool .pd-stage.k-prep{background:#0C2244}
.hn-tool .pd-stage.ring{animation:pdring 1s steps(2) infinite}
@keyframes pdring{50%{background:#B3261E}}
.hn-tool .pd-phase{font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;color:#9FD8F5}
.hn-tool .pd-stage.k-work .pd-phase,.hn-tool .pd-stage.k-rest .pd-phase{color:#fff}
.hn-tool .pd-bigt{font-family:var(--f-mono,monospace);font-variant-numeric:tabular-nums;font-weight:700;font-size:clamp(2.7rem,13vw,6.2rem);line-height:1;letter-spacing:-.03em;max-width:100%;white-space:nowrap}
.hn-tool .pd-sub{color:#BFD3EA;font-size:.95rem;min-height:1.3em;font-variant-numeric:tabular-nums}
.hn-tool .pd-sbar{width:min(520px,100%);height:6px;border-radius:6px;background:rgba(255,255,255,.15);overflow:hidden}
.hn-tool .pd-stage.t-sw .pd-sbar{visibility:hidden}
.hn-tool .pd-sbar i{display:block;height:100%;width:0;background:#00AEE6}
.hn-tool .pd-sbtns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.hn-tool .pd-sbtns .btn{min-height:56px;min-width:120px;font-size:1.05rem}
.hn-tool .pd-sbtns .btn-ghost{background:rgba(255,255,255,.1)!important;color:#fff!important;border-color:rgba(255,255,255,.3)!important}
.hn-tool .pd-sbtns .btn:disabled{opacity:.4}
.hn-tool .pd-sbtns .pd-stop{background:#D64541;border-color:#D64541}
.hn-tool .pd-fs{position:absolute;top:10px;right:10px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;border-radius:10px;padding:6px 10px;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}
.hn-tool .pd-stage:fullscreen,.hn-tool .pd-stage.pd-fakefs{border-radius:0;place-content:center;padding:24px}
.hn-tool .pd-cfeat:fullscreen .pd-cu,.hn-tool .pd-cfeat.pd-fakefs .pd-cu{max-width:90vw}
.hn-tool .pd-stage:fullscreen .pd-bigt,.hn-tool .pd-stage.pd-fakefs .pd-bigt{font-size:min(19vw,34vh)}
.hn-tool .pd-fakefs{position:fixed!important;inset:0;z-index:9998;border-radius:0!important}
.hn-tool .pd-swbody{display:grid;gap:12px;min-width:0}
.hn-tool .pd-swbody:empty{display:none}
.hn-tool .pd-laps{display:grid;gap:10px}
.hn-tool .pd-laps .t-table table{min-width:0}
.hn-tool .pd-laps .t-table{max-height:340px;overflow:auto}
.hn-tool .pd-best{color:#0E7A43;font-weight:700}.hn-tool .pd-worst{color:#B3261E;font-weight:700}
.hn-tool .pd-tmset{display:grid;gap:12px}
.hn-tool .pd-hms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:420px}
.hn-tool .pd-hms label{display:grid;gap:4px;font-size:.8rem;font-weight:700;color:var(--muted)}
.hn-tool .pd-hms input{height:56px;border:1px solid var(--line);border-radius:12px;text-align:center;font:inherit;font-size:1.5rem;font-weight:700;color:var(--ink);background:#F8FAFD;min-width:0;width:100%}
.hn-tool .pd-sopts{justify-content:flex-start}
.hn-tool .pd-inl{display:inline-flex;gap:8px;align-items:center;font-size:.86rem;font-weight:700;color:var(--ink)}
.hn-tool .pd-inl select{height:36px;border:1px solid var(--line);border-radius:9px;padding:0 8px;font:inherit;background:#fff}
.hn-tool .pd-inl input[type=range]{width:110px;accent-color:var(--blue)}

/* ---------- countdown ---------- */
.hn-tool .pd-feat:empty{display:none}
.hn-tool .pd-cfeat{position:relative;border-radius:22px;padding:28px 18px 20px;color:#fff;display:grid;gap:8px;justify-items:center;text-align:center;overflow:hidden;min-width:0}
.hn-tool .pd-cfeat::before{content:'';position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.08);right:-90px;top:-120px}
.hn-tool .pd-cfeat>*{position:relative}
.hn-tool .pd-cem{font-size:2.6rem;line-height:1}
.hn-tool .pd-cname{font-family:var(--f-display);font-size:clamp(1.3rem,4vw,1.9rem);line-height:1.2;overflow-wrap:anywhere}
.hn-tool .pd-cdate{opacity:.9;font-weight:600}
.hn-tool .pd-cu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:460px;margin-top:6px}
.hn-tool .pd-cu span{display:grid;justify-items:center;min-width:0;padding:10px 8px;border-radius:14px;background:rgba(255,255,255,.16);backdrop-filter:blur(2px)}
.hn-tool .pd-cu b{font-family:var(--f-display);font-size:clamp(1.8rem,7vw,3rem);line-height:1;font-variant-numeric:tabular-nums}
.hn-tool .pd-cu small{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;opacity:.85;margin-top:4px}
.hn-tool .pd-clab{font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;opacity:.9}
.hn-tool .pd-ctoday{font-family:var(--f-display);font-size:2.2rem;margin:10px 0}
.hn-tool .pd-cnote{opacity:.85}
.hn-tool .pd-cfeat .pd-actions{justify-content:center;margin-top:6px}
.hn-tool .pd-wbtn{border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.12);color:#fff;border-radius:10px;padding:8px 14px;font:inherit;font-size:.86rem;font-weight:700;cursor:pointer}
.hn-tool .pd-wbtn:hover{background:#fff;color:var(--ink)}
.hn-tool .pd-cfeat:fullscreen,.hn-tool .pd-cfeat.pd-fakefs{border-radius:0;place-content:center}
.hn-tool .pd-cfeat:fullscreen .pd-cu b,.hn-tool .pd-cfeat.pd-fakefs .pd-cu b{font-size:min(12vw,18vh)}
.hn-tool .pd-clist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hn-tool .pd-ccard{border:1px solid var(--line);border-radius:16px;padding:10px;display:grid;gap:8px;background:#fff;min-width:0}
.hn-tool .pd-ccard.on{border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,108,208,.12)}
.hn-tool .pd-cmain{border:0;background:transparent;display:flex;gap:10px;align-items:center;text-align:left;font:inherit;color:var(--ink);cursor:pointer;padding:2px;min-width:0}
.hn-tool .pd-cdot{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:1.3rem}
.hn-tool .pd-ctx{flex:1;display:grid;min-width:0}
.hn-tool .pd-ctx b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hn-tool .pd-ctx small{color:var(--muted);font-size:.78rem}
.hn-tool .pd-cn{flex:none;display:grid;justify-items:end}
.hn-tool .pd-cn b{font-family:var(--f-display);font-size:1.5rem;line-height:1;color:var(--blue)}
.hn-tool .pd-cn small{font-size:.72rem;color:var(--muted)}
.hn-tool .pd-ccard .pd-actions{gap:6px}
.hn-tool .pd-ccard .pd-x{margin-left:auto}
.hn-tool .pd-cpre small{opacity:.7}
@media (max-width:640px){
  .hn-tool .pd-clist{grid-template-columns:1fr}
  .hn-tool .pd-hpc>div{grid-template-columns:minmax(0,1fr) 90px 40px}
  .hn-tool .pd-htab .pd-hn{min-width:0;width:104px;max-width:104px;padding-left:4px}
  .hn-tool .pd-htab thead .pd-hn{padding-left:8px}
  .hn-tool .pd-hn button{gap:5px;padding:2px}
  .hn-tool .pd-hn b{font-size:.8rem}
  .hn-tool .pd-hn small{font-size:.66rem}
  .hn-tool .pd-hn small:not(.pd-hmob){display:none}
  .hn-tool .pd-hmob{display:block;color:var(--ink)!important;font-weight:700!important}
  .hn-tool .pd-he{display:none}
  .hn-tool .pd-htab th,.hn-tool .pd-htab td{padding:5px 1px}
  .hn-tool .pd-hc{width:27px;height:30px;border-radius:8px;font-size:.85rem}
  .hn-tool .pd-hscroll:not(.wide) .pd-hs{display:none}
  .hn-tool .pd-bars12>div:nth-child(even) small{visibility:hidden}
  .hn-tool .pd-pomo{padding:14px 10px}
  .hn-tool .pd-sbtns .btn{min-width:100px;flex:1}
  .hn-tool .pd-cu span{padding:8px 2px}
  .hn-tool .pd-cu small{font-size:.62rem;letter-spacing:.04em}
  .hn-tool .pd-hl li{grid-template-columns:auto auto minmax(0,1fr) auto;gap:8px}
}
/* ===== SEO + website developer tools (50-seo-web.js). All selectors scoped to .hn-tool ===== */
.hn-tool .sw-h{font-size:1rem;margin:6px 0 0;color:var(--ink)}
.hn-tool .sw-tabs .t-chip{font-weight:600;font-family:inherit}
.hn-tool .sw-tabs .t-chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
.hn-tool .sw-sub{display:grid;gap:16px;min-width:0}
.hn-tool .sw-sub[hidden],.hn-tool [data-panel][hidden],.hn-tool .tf[hidden]{display:none}
.hn-tool .sw-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}
.hn-tool .sw-title{font-size:1.08rem;font-weight:700;color:#1a0dab;line-height:1.35}
.hn-tool .sw-desc{color:var(--ink);line-height:1.55}
.hn-tool .sw-trunc{margin-top:8px;font-size:.84rem;color:var(--muted)}
.hn-tool .sw-trunc span{color:#1a0dab}
.hn-tool .t-bar.sw-bar-bad i{background:linear-gradient(90deg,#F2994A,#D64541)}
.hn-tool .t-bar.sw-bar-warn i{background:linear-gradient(90deg,#F7C948,#E28C00)}
.hn-tool .t-bar.sw-mini{width:90px;height:6px;margin-top:7px}
.hn-tool .sw-good{color:#0E7A43}.hn-tool .sw-warn{color:#9A5B00}.hn-tool .sw-bad{color:#B3261E}
.hn-tool .sw-meters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
.hn-tool .sw-meter{display:grid;gap:6px}
.hn-tool .sw-meter-h{display:flex;justify-content:space-between;gap:8px;font-size:.84rem;color:var(--muted);font-weight:600}
.hn-tool .sw-airow{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.hn-tool .sw-airow span{flex:1 1 260px}
.hn-tool .sw-pl{display:inline-block;font-size:.76rem;border-radius:6px;padding:2px 7px;margin:2px 2px 2px 0;white-space:nowrap}
.hn-tool .sw-pl.yes{background:#ECFBF2;color:#0E7A43}.hn-tool .sw-pl.no{background:#FFF1EF;color:#B3261E}
.hn-tool .sw-details{border:1px solid var(--line);border-radius:14px;padding:12px 16px;background:#FBFCFE}
.hn-tool .sw-details summary{cursor:pointer;font-weight:700;color:var(--ink)}
.hn-tool .sw-details p{margin:8px 0 0}
/* intent */
.hn-tool .sw-hbars{display:grid;gap:8px}
.hn-tool .sw-hbar{display:grid;grid-template-columns:110px minmax(0,1fr) 90px;gap:10px;align-items:center;font-size:.88rem}
.hn-tool .sw-hbar .t-bar{height:12px}
.hn-tool .sw-hbar b{font-size:.84rem;color:var(--ink);text-align:right}
.hn-tool .sw-int{display:inline-block;font-weight:700;font-size:.8rem;border-radius:7px;padding:3px 8px;color:#fff}
.hn-tool .sw-int-informational{background:#0A6CD0!important}.hn-tool .sw-int-commercial{background:#7B4FD6!important}.hn-tool .sw-int-transactional{background:#13A35B!important}.hn-tool .sw-int-local{background:#E28C00!important}.hn-tool .sw-int-navigational{background:#56657A!important}
.hn-tool .sw-2nd{color:var(--muted);font-size:.78rem}
/* SERP preview */
.hn-tool .sw-serp-wrap{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;align-items:start}
.hn-tool .sw-serp-frame{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff;overflow:hidden}
.hn-tool .sw-serp-frame.m{max-width:390px;border-radius:22px;background:#fff;box-shadow:0 10px 30px -20px rgba(6,22,46,.4)}
.hn-tool .sw-serp{font-family:Arial,Helvetica,sans-serif;max-width:600px;text-align:left}
.hn-tool .sw-serp-src{display:flex;gap:10px;align-items:center;margin-bottom:4px}
.hn-tool .sw-fav{width:28px;height:28px;flex:none;border-radius:50%;background:#EEF0F3;border:1px solid #DADCE0;display:grid;place-items:center;font-size:12px;font-weight:700;color:#3C4043}
.hn-tool .sw-site{font-size:14px;color:#202124;line-height:20px}
.hn-tool .sw-crumb{font-size:12px;color:#4D5156;line-height:18px;overflow-wrap:anywhere}
.hn-tool .sw-crumb span{color:#5F6368}
.hn-tool .sw-serp-t{font-size:20px;line-height:26px;color:#1a0dab;margin:2px 0 3px;overflow-wrap:anywhere}
.hn-tool .sw-serp.m .sw-serp-t{font-size:18px;line-height:24px}
.hn-tool .sw-serp-d{font-size:14px;line-height:22px;color:#4D5156;overflow-wrap:anywhere}
.hn-tool .sw-serp-d b{color:#202124}
.hn-tool .sw-date,.hn-tool .sw-muted{color:#70757A}
.hn-tool .sw-rich{font-size:14px;color:#70757A;margin-bottom:2px}
.hn-tool .sw-stars{color:#E7711B;letter-spacing:1px}
/* robots */
.hn-tool .sw-rtest{display:grid;gap:4px;border-radius:14px;padding:14px 16px;border:1px solid}
.hn-tool .sw-rtest.ok{background:#ECFBF2;border-color:#BDEBD0}.hn-tool .sw-rtest.no{background:#FFF1EF;border-color:#F5C6C0}
.hn-tool .sw-rtest b{font-size:1.15rem}.hn-tool .sw-rtest.ok b{color:#0E7A43}.hn-tool .sw-rtest.no b{color:#B3261E}
.hn-tool .sw-rtest small{color:var(--muted)}
.hn-tool code{font-family:var(--f-mono);font-size:.86em;overflow-wrap:anywhere}
/* schema */
.hn-tool .sw-sch-form .sw-sec{grid-column:1/-1;font-weight:800;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);border-top:1px solid var(--line);padding-top:12px;margin-top:4px}
.hn-tool .sw-req{color:#B3261E!important}
.hn-tool .sw-rep{border:1px dashed #C9D6E6;border-radius:14px;padding:12px;background:#FBFCFE}
.hn-tool .sw-rows{display:grid;gap:10px}
.hn-tool .sw-rrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr)) 36px;gap:10px;align-items:end;padding-bottom:10px;border-bottom:1px solid var(--line)}
.hn-tool .sw-rrow:last-child{border-bottom:0;padding-bottom:0}
.hn-tool .sw-rrow .tf textarea{min-height:48px}
.hn-tool .sw-del{width:36px;height:48px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#B3261E;font-size:1.3rem;cursor:pointer}
.hn-tool .sw-del:hover{background:#FFF1EF}
.hn-tool .sw-rep>.btn{justify-self:start}
.hn-tool .tf-check-wrap{align-content:center}
/* json */
.hn-tool .sw-jerr,.hn-tool .sw-jok{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;border-radius:14px;padding:12px 16px}
.hn-tool .sw-jerr{background:#FFF1EF;border:1px solid #F5C6C0;color:#B3261E}.hn-tool .sw-jerr p{margin:0;flex-basis:100%;color:var(--ink)}
.hn-tool .sw-jok{background:#ECFBF2;border:1px solid #BDEBD0;color:#0E7A43}
.hn-tool .sw-caret{max-height:none}
.hn-tool .sw-jtree{font-family:var(--f-mono);font-size:.82rem;max-height:460px;overflow:auto;line-height:1.7}
.hn-tool .sw-jtree details>summary{cursor:pointer;list-style-position:outside}
.hn-tool .sw-jc{padding-left:18px;border-left:1px dashed var(--line);margin-left:4px}
.hn-tool .sw-jl{cursor:pointer;padding-left:14px}
.hn-tool .sw-jl:hover,.hn-tool .sw-jtree summary:hover{background:#F4F8FD}
.hn-tool .sw-jsel{background:#E3EEFB!important}
.hn-tool .sw-jk{color:#7B2C9C}.hn-tool .sw-js{color:#0E7A43}.hn-tool .sw-jn{color:#0A6CD0}.hn-tool .sw-jb{color:#B05A00}.hn-tool .sw-jz{color:#8A94A6}.hn-tool .sw-jm{color:var(--muted)}
.hn-tool .sw-jpath{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
/* url */
.hn-tool .sw-q{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 36px}
.hn-tool .sw-qrows{display:grid;gap:10px}
.hn-tool .sw-qout{display:grid;gap:12px}
/* images */
.hn-tool .sw-imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.hn-tool .sw-img{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:grid;align-content:start}
.hn-tool .sw-img-p{aspect-ratio:4/3;background:repeating-conic-gradient(#EEF2F7 0% 25%,#fff 0% 50%) 50%/16px 16px;display:grid;place-items:center;overflow:hidden}
.hn-tool .sw-img-p img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.hn-tool .sw-img-b{display:grid;gap:6px;padding:12px 14px;font-size:.9rem;color:var(--ink)}
.hn-tool .sw-img-b>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hn-tool .sw-img-b .t-badge{justify-self:start}
.hn-tool .sw-img-b .btn{justify-self:start;margin-top:4px}
/* colours */
.hn-tool .sw-cin{display:flex;gap:8px}
.hn-tool .sw-cin input[type=color]{width:56px!important;flex:none;padding:3px}
.hn-tool .sw-cin input[type=text]{font-family:var(--f-mono);text-transform:uppercase}
.hn-tool .sw-pal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-radius:18px;overflow:hidden;min-height:240px;border:1px solid var(--line)}
.hn-tool .sw-sw{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;min-width:0}
.hn-tool .sw-sw-b{display:grid;gap:4px}
.hn-tool .sw-sw-b b{font-family:var(--f-mono);font-size:1rem;letter-spacing:.02em}
.hn-tool .sw-sw-b small{opacity:.8;font-size:.76rem;text-transform:capitalize}
.hn-tool .sw-sw-c{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.hn-tool .sw-sw-c button,.hn-tool .sw-lock{border:1px solid currentColor;background:transparent;color:inherit;border-radius:8px;font-size:.72rem;font-weight:700;padding:4px 7px;cursor:pointer;opacity:.85}
.hn-tool .sw-sw-c button:hover,.hn-tool .sw-lock:hover{opacity:1}
.hn-tool .sw-lock{position:absolute;top:10px;left:10px}
.hn-tool .sw-lock.on{background:rgba(6,22,46,.55);border-color:transparent;color:#fff;opacity:1}
.hn-tool .sw-harm{display:grid;gap:10px}
.hn-tool .sw-hrow{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;align-items:center}
.hn-tool .sw-hrow>span{font-weight:700;font-size:.86rem;color:var(--ink)}
.hn-tool .sw-hrow>div{display:flex;flex-wrap:wrap;gap:6px}
.hn-tool .sw-chip{border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:10px 10px;min-width:86px;font-family:var(--f-mono);font-size:.76rem;font-weight:700;cursor:pointer}
.hn-tool .sw-dot{display:inline-block;width:14px;height:14px;border-radius:4px;border:1px solid rgba(0,0,0,.15);vertical-align:-2px}
.hn-tool .sw-ccbox{border-radius:14px;padding:18px;border:1px solid var(--line);display:grid;gap:6px}
.hn-tool .sw-cc-big{font-size:24px;font-weight:700}
.hn-tool .sw-ccres{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:10px}
.hn-tool .sw-ccres>b{font-family:var(--f-display);font-size:1.6rem;color:var(--ink)}
.hn-tool .sw-ccout{display:grid}
@media (max-width:760px){
  .hn-tool .sw-serp-wrap,.hn-tool .sw-meters{grid-template-columns:1fr}
  .hn-tool .sw-pal{grid-template-columns:1fr;min-height:0}
  .hn-tool .sw-sw{min-height:84px;padding-left:96px}
  .hn-tool .sw-lock{top:50%;transform:translateY(-50%)}
  .hn-tool .sw-hrow{grid-template-columns:1fr}
  .hn-tool .sw-hbar{grid-template-columns:96px minmax(0,1fr) 70px}
  .hn-tool .sw-rrow{grid-template-columns:1fr 36px}
  .hn-tool .sw-rrow>.tf{grid-column:1}
  .hn-tool .sw-rrow>.sw-del{grid-column:2;grid-row:1}
  .hn-tool .sw-q{grid-template-columns:1fr 36px}
}
/* ===== Server-backed tools (10-server.js). All selectors use the .hns- prefix. ===== */
.hn-tool .hns-url{margin:0;font-size:.86rem;color:var(--muted);overflow-wrap:anywhere}
.hn-tool .hns-url a{color:var(--blue);font-weight:600}
.hn-tool .hns-muted{color:var(--muted)}
.hn-tool .hns-err{color:#B3261E;font-weight:600}
.hn-tool .hns-info{margin:0;padding:12px 14px;border-radius:12px;background:#EEF5FD;border:1px solid #CFE0F5;color:var(--ink);font-size:.92rem;line-height:1.55}
.hn-tool .hns-info .t-list{margin-top:2px}
.hn-tool .hns-ok{margin:0;padding:12px 14px;border-radius:12px;background:#ECFBF2;border:1px solid #BDEBD0;color:#0E7A43;font-weight:700}
.hn-tool .hns-h3{margin:6px 0 0;font-size:1.02rem;color:var(--ink)}
.hn-tool .hns-ring{position:relative;display:grid;justify-items:center;gap:6px;flex:none}
.hn-tool .hns-ring svg{display:block}
.hn-tool .hns-ring>b{position:absolute;top:0;left:0;right:0;aspect-ratio:1;display:grid;place-content:center;text-align:center;font-family:var(--f-display);font-size:1.7rem;line-height:1}
.hn-tool .hns-ring>b small{display:block;font-size:.72rem;font-weight:700;color:var(--muted);margin-top:4px;font-family:inherit}
.hn-tool .hns-ring>span{font-size:.8rem;font-weight:700;color:var(--muted);text-align:center}
.hn-tool .hns-hero{display:flex;gap:22px;align-items:center;flex-wrap:wrap;padding:16px;border:1px solid var(--line);border-radius:18px;background:#FBFCFE}
.hn-tool .hns-hero-r{flex:1 1 300px;min-width:0;display:grid;gap:12px}
.hn-tool .hns-rings{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end;justify-content:center}
.hn-tool .hns-bars{display:grid;gap:8px}
.hn-tool .hns-barrow{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(60px,1fr) 34px;gap:10px;align-items:center;font-size:.86rem;color:var(--ink)}
.hn-tool .hns-barrow b{text-align:right}
.hn-tool .hns-chks{display:grid;gap:8px}
.hn-tool .hns-chk{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}
.hn-tool .hns-chk .t-badge{min-width:64px;text-align:center;margin-top:2px}
.hn-tool .hns-chk b{display:block;color:var(--ink);font-size:.93rem}
.hn-tool .hns-chk p{margin:2px 0 0;color:var(--ink);font-size:.88rem;overflow-wrap:anywhere}
.hn-tool .hns-chk small{display:block;margin-top:4px;color:var(--muted);font-size:.84rem;line-height:1.5}
.hn-tool .hns-chk.hns-fail{border-color:#F5C6C0;background:#FFFAF9}
.hn-tool .hns-chk.hns-warn{border-color:#F7DDA8;background:#FFFCF5}
.hn-tool .hns-grps{display:grid;gap:10px}
.hn-tool .hns-grp{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.hn-tool .hns-grp>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:12px 14px;background:#F4F8FD}
.hn-tool .hns-grp>summary::-webkit-details-marker{display:none}
.hn-tool .hns-grp>summary::after{content:"+";grid-column:2;grid-row:1;justify-self:end;font-weight:800;color:var(--blue);display:none}
.hn-tool .hns-gn{font-weight:700;color:var(--ink)}
.hn-tool .hns-gn::before{content:"▸";display:inline-block;margin-right:8px;color:var(--blue);transition:transform .2s}
.hn-tool .hns-grp[open] .hns-gn::before{transform:rotate(90deg)}
.hn-tool .hns-gm{display:flex;gap:6px;align-items:center}
.hn-tool .hns-gm b{font-family:var(--f-display);font-size:1.15rem;min-width:30px;text-align:right}
.hn-tool .hns-gb{grid-column:1/-1;height:6px}
.hn-tool .hns-grp>.hns-chks,.hn-tool .hns-grp>.t-table,.hn-tool .hns-grp>.hns-shot{margin:12px}
.hn-tool .hns-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
/* keywords */
.hn-tool .hns-kwbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hn-tool .hns-kwfilter{flex:1 1 220px;min-width:0;height:40px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:inherit;background:#F8FAFD}
.hn-tool .hns-kwgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;align-items:start}
.hn-tool .hns-kwl{list-style:none;margin:0;padding:6px 0;max-height:420px;overflow:auto}
.hn-tool .hns-kwl li{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:6px 14px;font-size:.9rem;color:var(--ink);border-bottom:1px solid #F0F4F9}
.hn-tool .hns-kwl li:last-child{border-bottom:0}
.hn-tool .hns-kwl li[hidden]{display:none}
.hn-tool .hns-dig{flex:none;border:1px solid var(--line);background:#fff;color:var(--blue);font-size:.72rem;font-weight:700;border-radius:7px;padding:3px 8px;cursor:pointer}
.hn-tool .hns-dig:hover{background:var(--blue);color:#fff}
.hn-tool .hns-filter .t-chip.on,.hn-tool .hns-devbar .t-chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
.hn-tool .hns-filter .t-chip b{font-weight:800}
/* headings */
.hn-tool .hns-tree{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:560px;overflow:auto}
.hn-tool .hns-tree li{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;padding:6px 8px 6px calc(8px + var(--lv,0) * 18px);border-left:2px solid #E7EEF7;margin-left:calc(var(--lv,0) * 6px);font-size:.9rem;color:var(--ink)}
.hn-tool .hns-tree .hns-h1{border-left-color:var(--blue);font-weight:700}
.hn-tool .hns-tag{flex:none;font-family:var(--f-mono);font-size:.72rem;font-weight:800;color:#fff;background:#5B7392;border-radius:6px;padding:2px 6px}
.hn-tool .hns-h1 .hns-tag{background:var(--blue)}.hn-tool .hns-h2 .hns-tag{background:#00AEE6}
.hn-tool .hns-ht{min-width:0;overflow-wrap:anywhere}
/* redirects */
.hn-tool .hns-hops{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:hop}
.hn-tool .hns-hops li{position:relative;display:grid;gap:3px;padding:8px 0 14px 30px;border-left:2px dashed #C9D9EE;margin-left:10px}
.hn-tool .hns-hops li:last-child{border-left-color:transparent;padding-bottom:0}
.hn-tool .hns-hops li::before{counter-increment:hop;content:counter(hop);position:absolute;left:-12px;top:6px;width:22px;height:22px;border-radius:50%;background:#E28C00;color:#fff;font-size:.72rem;font-weight:800;display:grid;place-items:center}
.hn-tool .hns-hops li.g::before{background:#13A35B}.hn-tool .hns-hops li.b::before{background:#D64541}
.hn-tool .hns-hops .t-badge{justify-self:start}
.hn-tool .hns-hopu{font-family:var(--f-mono);font-size:.84rem;overflow-wrap:anywhere;color:var(--ink)}
.hn-tool .hns-hops small{font-size:.8rem}
/* speed */
.hn-tool .hns-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line)}
.hn-tool .hns-tab{border:1px solid transparent;border-bottom:0;background:none;padding:10px 18px;font:inherit;font-weight:700;color:var(--muted);cursor:pointer;border-radius:12px 12px 0 0;margin-bottom:-1px}
.hn-tool .hns-tab.on{background:#fff;border-color:var(--line);color:var(--ink)}
.hn-tool .hns-tab b{margin-left:6px}.hn-tool .hns-tab b.good{color:#0E7A43}.hn-tool .hns-tab b.warn{color:#9A5B00}.hn-tool .hns-tab b.bad{color:#B3261E}
.hn-tool .hns-panel{display:grid;gap:14px}
.hn-tool .hns-panel[hidden]{display:none}
.hn-tool .hns-panel>.hns-rings{padding:12px 0}
.hn-tool .hns-metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.hn-tool .hns-metric{border:1px solid var(--line);border-left:4px solid #C9D9EE;border-radius:12px;padding:10px 12px;display:grid;gap:2px;background:#fff}
.hn-tool .hns-metric span{font-size:.8rem;color:var(--muted);font-weight:600}
.hn-tool .hns-metric b{font-family:var(--f-display);font-size:1.35rem;color:var(--ink)}
.hn-tool .hns-metric small{font-size:.76rem;color:var(--muted)}
.hn-tool .hns-metric.good{border-left-color:#13A35B}.hn-tool .hns-metric.good b{color:#0E7A43}
.hn-tool .hns-metric.warn{border-left-color:#E28C00}.hn-tool .hns-metric.warn b{color:#9A5B00}
.hn-tool .hns-metric.bad{border-left-color:#D64541}.hn-tool .hns-metric.bad b{color:#B3261E}
.hn-tool .hns-shot{text-align:center}.hn-tool .hns-shot img{max-width:min(100%,320px);border:1px solid var(--line);border-radius:12px}
/* uptime */
.hn-tool .hns-status{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:16px;border:1px solid}
.hn-tool .hns-status b{display:block;font-family:var(--f-display);font-size:1.3rem}
.hn-tool .hns-status small{color:var(--muted);font-size:.86rem}
.hn-tool .hns-status .hns-dot{flex:none;width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 6px rgba(0,0,0,.05)}
.hn-tool .hns-status.good{background:#ECFBF2;border-color:#BDEBD0}.hn-tool .hns-status.good b{color:#0E7A43}.hn-tool .hns-status.good .hns-dot{background:#13A35B}
.hn-tool .hns-status.warn{background:#FFF7E8;border-color:#F7DDA8}.hn-tool .hns-status.warn b{color:#9A5B00}.hn-tool .hns-status.warn .hns-dot{background:#E28C00}
.hn-tool .hns-status.bad{background:#FFF1EF;border-color:#F5C6C0}.hn-tool .hns-status.bad b{color:#B3261E}.hn-tool .hns-status.bad .hns-dot{background:#D64541}
/* local */
.hn-tool .hns-fields{display:flex;flex-wrap:wrap;gap:6px}
.hn-tool .hns-field{font-size:.8rem;font-weight:700;border-radius:999px;padding:4px 10px;border:1px solid}
.hn-tool .hns-field.y{background:#ECFBF2;border-color:#BDEBD0;color:#0E7A43}
.hn-tool .hns-field.n{background:#FFF1EF;border-color:#F5C6C0;color:#B3261E}
.hn-tool .hns-checklist{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.hn-tool .hns-checklist label{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;cursor:pointer}
.hn-tool .hns-checklist input{margin-top:4px;accent-color:var(--blue);flex:none}
.hn-tool .hns-snip{display:inline-block;margin-top:4px;color:var(--muted);font-size:.78rem;line-height:1.4}
/* responsive previews */
.hn-tool .hns-devices{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.hn-tool .hns-dev{margin:0;display:grid;gap:6px}
.hn-tool .hns-dev[hidden]{display:none}
.hn-tool .hns-dev figcaption{font-size:.8rem;font-weight:700;color:var(--muted)}
.hn-tool .hns-frame{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#F4F8FD;box-shadow:0 16px 30px -24px rgba(6,22,46,.5)}
.hn-tool .hns-frame iframe{position:absolute;top:0;left:0;border:0;background:#fff;transform-origin:0 0}
@media (max-width:640px){
  .hn-tool .hns-two{grid-template-columns:1fr}
  .hn-tool .hns-hero{justify-content:center;padding:14px}
  .hn-tool .hns-barrow{grid-template-columns:minmax(0,1fr) 70px 30px;font-size:.8rem}
  .hn-tool .hns-tab{padding:9px 12px}
  .hn-tool .hns-chk{grid-template-columns:1fr}
  .hn-tool .hns-chk .t-badge{justify-self:start}
}
.hn-tool[data-tool="domain-authority-checker"] .da-rings{justify-content:center}
.hn-tool[data-tool="domain-authority-checker"] .da-guide p{margin:0 0 12px;line-height:1.6}
.hn-tool[data-tool="domain-authority-checker"] .da-guide .t-table{margin:4px 0 14px}
.hn-tool[data-tool="domain-authority-checker"] .da-guide{padding:14px 18px 6px}
.hn-tool[data-tool="domain-authority-checker"] .da-dl .t-copy{padding:8px 14px;font-size:14px}
/* Saved reports */
.hn-tool .hns-saved{margin:14px 0 4px}
.hn-tool .hns-sv{border:1px solid var(--line,#DCE6F2);border-radius:14px;background:#F8FBFF;overflow:hidden}
.hn-tool .hns-sv>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:12px 16px;color:var(--ink,#0B1F3A)}
.hn-tool .hns-sv>summary::-webkit-details-marker{display:none}
.hn-tool .hns-sv>summary:after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid #0A6CD0;border-bottom:2px solid #0A6CD0;transform:rotate(45deg);transition:transform .2s}
.hn-tool .hns-sv[open]>summary:after{transform:rotate(-135deg)}
.hn-tool .hns-sv ul{list-style:none;margin:0;padding:0 12px 4px}
.hn-tool .hns-sv li{display:flex;align-items:center;gap:10px;padding:10px 4px;border-top:1px solid var(--line,#DCE6F2)}
.hn-tool .hns-sv-t{flex:1;min-width:0;display:grid}
.hn-tool .hns-sv-t b{font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hn-tool .hns-sv-t small{color:var(--muted,#5B6B82);font-size:.78rem}
.hn-tool .hns-sv-s{font-weight:800;font-size:1.05rem;min-width:30px;text-align:right}
.hn-tool .hns-sv-x{border:0;background:none;color:#9AA7B8;font-size:1.3rem;line-height:1;width:34px;height:34px;border-radius:50%;cursor:pointer}
.hn-tool .hns-sv-x:hover{background:#FFF1F0;color:#C62828}
.hn-tool .hns-sv .t-sync{padding:0 16px 12px}
.hn-tool .hns-replay{background:#E9F4FF;border:1px solid #BFDcff;border-radius:10px;padding:9px 12px;font-size:.88rem;color:#0B1F3A}
.hn-tool .hns-sv-link{border:0;background:none;color:#0A6CD0;font-weight:700;cursor:pointer;padding:0;text-decoration:underline}
.hn-tool .hns-sv-n{background:#0A6CD0;color:#fff;border-radius:999px;font-size:.75rem;font-weight:800;padding:2px 8px}
/* Writing + social media tools (prefixed .hnw-) */
.hnw-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:#F8FAFD}
.hnw-bar>span:first-child{font-weight:700;color:var(--ink);margin-right:auto}
.hnw-bar .btn{min-height:40px}
.hnw-actions{display:flex;flex-wrap:wrap;gap:10px}
.hnw-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.hnw-opts{list-style:none;margin:0;padding:0;counter-reset:hnw}
.hnw-opts>li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:start;padding:12px 16px;border-bottom:1px solid var(--line);counter-increment:hnw}
.hnw-opts>li:last-child{border-bottom:0}
.hnw-opts .hnw-txt{color:var(--ink);line-height:1.55;overflow-wrap:anywhere;white-space:pre-line}
.hnw-opts .hnw-txt:before{content:counter(hnw)". ";color:var(--muted);font-family:var(--f-mono);font-size:.78rem}
.hnw-opts .hnw-m{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;justify-content:flex-end;max-width:240px}
.hnw-opts .hnw-m .t-meta{text-align:right}
.hnw-count{font-family:var(--f-mono);font-size:.74rem;color:#0E7A43;background:#ECFBF2;border-radius:7px;padding:2px 7px;white-space:nowrap}
.hnw-count.over{color:#B3261E;background:#FFF1EF}
.hnw-pre{white-space:pre-wrap;line-height:1.6;color:var(--ink)}
.hnw-doc{max-height:560px;overflow:auto}
.hnw-doc h1{font-size:1.45rem;margin:0 0 12px;line-height:1.25}
.hnw-doc h2{font-size:1.15rem;margin:22px 0 8px}
.hnw-doc h3{font-size:1rem;margin:16px 0 6px}
.hnw-doc p{margin:0 0 10px;color:var(--ink)}
.hnw-doc ul{margin:0 0 12px;padding-left:1.2em}
.hnw-diff{line-height:1.75}
.hnw-diff del,.hnw-bar del,.t-meta del{background:#FFE3E0;color:#9B1C14;text-decoration:line-through}
.hnw-diff ins,.t-meta ins{background:#DDF7E7;color:#0B6B3A;text-decoration:none}
.hnw-ver{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#FBFCFE}
.hnw-ver h4{margin:0;font-size:1rem}
.hnw-ed{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;padding:4px 0}
.hnw-ed input{flex:1 1 220px;min-width:0;height:40px;border:1px solid var(--line);border-radius:10px;padding:0 10px;font:inherit;font-size:.95rem;background:#F8FAFD;color:var(--ink)}
.hnw-ed input:focus{outline:none;border-color:var(--blue);background:#fff}
.hnw-ed input.over{border-color:#D64541;background:#FFF7F6}
.hnw-sl{display:grid;gap:2px;padding:8px 0;border-bottom:1px dashed var(--line)}
.hnw-sl:last-child{border-bottom:0}
.hnw-serp{max-width:620px;font-family:Arial,sans-serif}
.hnw-serp small{font-weight:700;color:#202124;font-size:.8rem}
.hnw-serp-d{color:#202124;font-size:.85rem;margin:2px 0}
.hnw-serp-h{color:#1a0dab;font-size:1.15rem;line-height:1.3;margin:2px 0 4px}
.hnw-serp-p{color:#4d5156;font-size:.9rem;line-height:1.5}
.hnw-fb{display:grid;gap:8px}
.hnw-fbrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px}
.hnw-lbl{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;margin-right:auto}
.hnw-fbtxt{padding:10px 12px;border-radius:10px;background:#F8FAFD;line-height:1.55;overflow-wrap:anywhere}
.hnw-fade{color:var(--muted)}
.hnw-mini{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:4px 0}
.hnw-sort{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.85rem;color:var(--muted)}
.hnw-sort .t-chip.on{background:var(--blue);color:#fff;border-color:var(--blue)}
.hnw-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:12px;font-size:.8rem;color:var(--muted)}
.hnw-legend span{display:inline-flex;gap:6px;align-items:center}
.hnw-dot{display:inline-block;width:12px;height:12px;border-radius:4px;flex:none;vertical-align:middle;margin-right:6px}
.hnw-legend .hnw-dot{margin:0}
.hnw-hltext{line-height:1.85;color:var(--ink);overflow-wrap:anywhere;max-height:520px;overflow:auto}
.hnw-hl{background:none;color:inherit;border-radius:3px;padding:0 1px}
.hl-long,.hnw-hl.hl-long{background:#FFF4CC}
.hl-vlong,.hnw-hl.hl-vlong{background:#FFE2B8}
.hnw-hl.hl-passive{box-shadow:inset 0 -2px 0 #7B61FF}
.hnw-hl.hl-adverb{box-shadow:inset 0 -2px 0 #00AEE6}
.hnw-hl.hl-weak{box-shadow:inset 0 -2px 0 #9AA7B8}
.hnw-hl.hl-cliche{box-shadow:inset 0 -2px 0 #E28C00}
.hnw-hl.hl-space{background:#FFD3CF}
.hnw-hl.hl-grammar{box-shadow:inset 0 -3px 0 #D64541;background:#FFF1EF}
.hnw-dot.hl-long,.hnw-dot.hl-vlong{background:#FFD98A}.hnw-dot.hl-passive{background:#7B61FF}.hnw-dot.hl-adverb{background:#00AEE6}.hnw-dot.hl-weak{background:#9AA7B8}.hnw-dot.hl-cliche{background:#E28C00}.hnw-dot.hl-space{background:#FFB3AB}.hnw-dot.hl-grammar{background:#D64541}
.hnw-iss{border-bottom:1px solid var(--line);padding:8px 0}
.hnw-iss:last-child{border-bottom:0}
.hnw-iss summary{cursor:pointer;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:4px}
.hnw-iss summary b{margin-left:6px;color:var(--blue)}
.hnw-iss .t-list{margin-top:8px;font-size:.9rem}
.hnw-sets{display:grid;gap:12px}
.hnw-tags{margin:4px 0 0;color:var(--ink);line-height:1.6;overflow-wrap:anywhere}
.hnw-cal .t-table table{min-width:760px}
.hnw-pill{display:inline-block;font-size:.74rem;font-weight:700;border-radius:999px;padding:3px 9px;white-space:nowrap}
.hnw-pill.p-educate{background:#EEF5FD;color:#0A6CD0}.hnw-pill.p-inspire{background:#ECFBF2;color:#0E7A43}.hnw-pill.p-entertain{background:#F4EEFF;color:#5B3CC4}.hnw-pill.p-promote{background:#FFF7E8;color:#9A5B00}
.hnw-lims{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.hnw-lim{border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;gap:8px;background:#fff}
.hnw-lim-h{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.hnw-lim-h b{font-size:.9rem;color:var(--ink);margin-right:auto}
.hnw-lim-h span{font-family:var(--f-mono);font-size:.8rem;color:var(--ink)}
.hnw-lim-h em{font-style:normal;font-size:.76rem;color:#0E7A43;font-weight:700}
.hnw-lim small{color:var(--muted);font-size:.76rem}
.hnw-lim.over{border-color:#F5C6C0;background:#FFF8F7}
.hnw-lim.over .hnw-lim-h em{color:#B3261E}
.hnw-lim.over .t-bar i{background:#D64541}
@media (max-width:640px){.hnw-opts>li{grid-template-columns:1fr}.hnw-opts .hnw-m{justify-content:flex-start;max-width:none}.hnw-bar .btn{flex:1 1 100%}}
.em-card .t-card-h{flex-wrap:wrap;gap:8px}
.em-preview{background:#EEF3F9;border-top:1px solid var(--line);padding:0}
.em-preview iframe{display:block;width:100%;height:760px;border:0;background:#EEF3F9}
.em-plain{border-top:1px solid var(--line);padding:12px 16px}.em-plain summary{cursor:pointer;font-weight:700;color:var(--ink)}
.em-plain .hnw-pre{margin-top:10px;white-space:pre-wrap;font-size:.92rem}
.em-fixed{border-color:#9EDFB9;background:#F1FBF5}.em-fixed .t-card-b{color:#0B5E33}
.em-ver{display:grid;gap:12px}
/* Hayyat Networks accounts */
.hn-acc-link{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1.5px solid rgba(10,108,208,.35);color:#0A6CD0!important}
.hn-acc-link .i{width:14px;height:14px;fill:currentColor}
.hn-acc-link.is-in{background:#E9F4FF}
.hn-acc{--acc-b:#DCE6F2;--acc-ink:#0B1F3A;--acc-mut:#5B6B82;color:var(--acc-ink)}
.hn-acc .acc-card{background:#fff;border:1px solid var(--acc-b);border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(11,31,58,.06)}
.hn-acc .acc-auth{max-width:480px;margin:0 auto}
.hn-acc .acc-tabs{display:grid;grid-template-columns:1fr 1fr;background:#F1F5FA;border-radius:12px;padding:4px;margin-bottom:14px}
.hn-acc .acc-tabs button{border:0;background:transparent;padding:11px 8px;border-radius:9px;font-weight:700;color:var(--acc-mut);cursor:pointer;font-size:.95rem;min-height:44px}
.hn-acc .acc-tabs button[aria-selected=true]{background:#fff;color:var(--acc-ink);box-shadow:0 2px 8px rgba(11,31,58,.1)}
.hn-acc .acc-why{display:flex;gap:8px;align-items:flex-start;font-size:.9rem;color:var(--acc-mut);margin:0 0 14px;line-height:1.5}
.hn-acc .acc-why svg{flex:none;color:#00AEE6;margin-top:3px}
.hn-acc .acc-form{display:grid;gap:12px}
.hn-acc .acc-form label{display:grid;gap:5px;font-weight:600;font-size:.9rem}
.hn-acc .acc-form input[type=email],.hn-acc .acc-form input[type=password],.hn-acc .acc-form input:not([type]),.hn-acc .acc-form input[type=text]{border:1.5px solid var(--acc-b);border-radius:11px;padding:12px 13px;font-size:16px;min-height:46px;width:100%;box-sizing:border-box;background:#fff;color:var(--acc-ink)}
.hn-acc .acc-form input:focus{outline:2px solid #00AEE6;outline-offset:1px;border-color:#00AEE6}
.hn-acc .acc-form small{font-weight:400;color:var(--acc-mut)}
.hn-acc .acc-check{display:flex!important;grid-template-columns:none;gap:10px;align-items:flex-start;font-weight:400!important;font-size:.86rem!important;line-height:1.5;color:var(--acc-mut)}
.hn-acc .acc-check input{width:20px;height:20px;flex:none;margin-top:1px;accent-color:#0A6CD0}
.hn-acc .acc-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.hn-acc .btn{justify-content:center}
.hn-acc .acc-link{background:none;border:0;color:#0A6CD0;font-weight:600;cursor:pointer;padding:6px;justify-self:center}
.hn-acc .acc-msg{background:#FFF1F0;border:1px solid #F5C2BE;color:#9B1C12;border-radius:10px;padding:10px 12px;font-size:.9rem;margin:0 0 12px}
.hn-acc .acc-msg.ok{background:#EAF8F0;border-color:#B7E4C7;color:#11643A}
.hn-acc .acc-google{display:flex;justify-content:center;min-height:44px}
.hn-acc .acc-or{display:flex;align-items:center;gap:10px;color:var(--acc-mut);font-size:.8rem;margin:14px 0;text-transform:uppercase;letter-spacing:.08em}
.hn-acc .acc-or:before,.hn-acc .acc-or:after{content:"";flex:1;height:1px;background:var(--acc-b)}
.hn-acc .acc-fine{font-size:.8rem;color:var(--acc-mut);text-align:center;margin:14px 0 0}
.hn-acc .acc-h{display:flex;gap:8px;align-items:center;margin:0;font-size:1.3rem}
.hn-acc h3{display:flex;gap:8px;align-items:center;margin:0 0 8px;font-size:1.08rem}
.hn-acc .acc-h4{margin:18px 0 8px;font-size:.95rem}
.hn-acc .acc-sub{color:var(--acc-mut);font-size:.88rem;margin:2px 0 8px}
.hn-acc .acc-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.hn-acc .acc-wide{grid-column:1/-1}
.hn-acc .acc-me{display:flex;gap:16px;align-items:center}
.hn-acc .acc-av{width:56px;height:56px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#0A6CD0,#00AEE6);display:grid;place-items:center;color:#fff;font-weight:800;font-size:1.4rem;flex:none}
.hn-acc .acc-av img{width:100%;height:100%;object-fit:cover}
.hn-acc .acc-state{font-weight:600;font-size:.9rem;margin:0 0 4px}
.hn-acc .acc-state.is-ok{color:#11643A}.hn-acc .acc-state.is-error{color:#9B1C12}
.hn-acc .acc-quick,.hn-acc .acc-mine{display:flex;flex-wrap:wrap;gap:8px}
.hn-acc .acc-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--acc-b);border-radius:12px;text-decoration:none;color:var(--acc-ink);font-weight:600;font-size:.9rem;min-height:44px;background:#F8FBFF}
.hn-acc .acc-chip .i{width:16px;height:16px;fill:#0A6CD0}
.hn-acc .acc-chip:hover{border-color:#0A6CD0}
.hn-acc .acc-del summary{cursor:pointer;color:#9B1C12;font-weight:600;margin:8px 0}
.hn-acc .acc-del label{display:grid;gap:5px;font-size:.88rem;margin-bottom:8px}
.hn-acc .acc-del input{border:1.5px solid var(--acc-b);border-radius:10px;padding:10px;font-size:16px}
.hn-acc .acc-danger{background:#C62828!important;color:#fff!important;border-color:#C62828!important}
.hn-acc hr{border:0;border-top:1px solid var(--acc-b);margin:16px 0}
.hn-acc .acc-loading{text-align:center;color:var(--acc-mut)}
@media (max-width:760px){.hn-acc .acc-grid{grid-template-columns:1fr}.hn-acc .acc-card{padding:18px}}
.t-sync{font-size:.82rem;color:#5B6B82;margin:10px 0 0}.t-sync a{color:#0A6CD0;font-weight:600}
/* Header: compact so logo, menu, account, WhatsApp, consultation and language never overlap */
.hn-top .hn-acc-link{width:44px;height:44px;padding:0!important;border-radius:50%;justify-content:center;flex:none}
.hn-top .hn-acc-link span{display:none!important}
.hn-top .hn-acc-link .i{width:17px;height:17px}
.hn-top .htp-lang-btn.in-head{flex:none}
@media (min-width:1280px){
 .hn-top .wrap{gap:12px}
 .hn-top .nav>a,.hn-top .nav .dd>button{font-size:.86rem;padding:9px 7px}
 .hn-top .brand img{height:42px}
 .hn-top .nav>a[href$="/contact-us/"]{display:none}
 .hn-top .top-ctas .btn-primary{padding:10px 16px;font-size:.9rem}
 .hn-top .top-ctas .btn-wa{width:44px;height:44px;padding:0;justify-content:center}
 .hn-top .top-ctas .btn-wa span{display:none}
}
@media (max-width:1279px){
 .hn-top .menu-btn{display:inline-flex;margin-left:0}
 .hn-top .top-ctas{margin-left:auto}
 .hn-top .top-ctas .btn-wa{display:none}
 .hn-top .nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;border-bottom:1px solid var(--line);padding:10px max(20px,env(safe-area-inset-left,0px)) 18px;max-height:calc(100vh - 76px);overflow:auto;box-shadow:0 30px 40px -30px rgba(10,26,51,.4)}
 .hn-top .nav.open{display:flex}
 .hn-top .nav>a,.hn-top .nav .dd>button{width:100%;justify-content:space-between;padding:13px 10px;font-size:1rem}
 .hn-top .mega{position:static;transform:none;width:auto;box-shadow:none;border:0;padding:0 0 8px 8px;grid-template-columns:1fr}
 .hn-top .mega.mega-tools{width:auto;grid-template-columns:1fr 1fr;padding:12px}
 .hn-top .mega-tools a.mt-l,.hn-top .mega-tools a.mt-more,.hn-top .mega-tools .mt-foot span{display:none}
}
.hn-acc .acc-inline{padding:0;font-size:inherit;display:inline;justify-self:auto}
.hn-acc .acc-rep{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.hn-acc .acc-rep>li{border:1px solid var(--acc-b);border-radius:12px;background:#F8FBFF}
.hn-acc .acc-rep a:not(.btn){display:flex;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;color:var(--acc-ink)}
.hn-acc .acc-rep-row{display:flex;align-items:center;gap:12px;padding:10px 14px}
.hn-acc .acc-rep-t{flex:1;min-width:0;display:grid}.hn-acc .acc-rep-t b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hn-acc .acc-rep-t small{color:var(--acc-mut);font-size:.8rem}
.hn-acc .acc-score{font-weight:800;font-size:1.05rem;min-width:44px;height:36px;border-radius:10px;display:grid;place-items:center;background:#fff;border:1px solid var(--acc-b)}
.hn-acc .acc-score.is-good{color:#13A35B}.hn-acc .acc-score.is-warn{color:#E28C00}.hn-acc .acc-score.is-bad{color:#D64541}
.hn-acc .acc-open{color:#0A6CD0;font-weight:700;font-size:.85rem}
.hn-acc .acc-rep-act{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:0 14px 12px}
.hn-acc .acc-spark{flex:none}
.hn-acc .acc-note{background:#FFF8E6;border:1px solid #F5D48A;border-radius:12px;padding:12px 14px;margin-bottom:12px}
.hn-acc .acc-note p{margin:0 0 8px;font-size:.9rem}
@media (max-width:560px){.hn-acc .acc-spark{display:none}}
.hn-acc .acc-status{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#0A6CD0;background:#E9F4FF;border-radius:999px;padding:4px 10px;white-space:nowrap}
/* Hayyat Networks cart */
.hnc-fab{position:fixed;left:18px;bottom:18px;z-index:90;width:56px;height:56px;border-radius:50%;border:0;background:linear-gradient(135deg,#0A6CD0,#00AEE6);color:#fff;display:none;place-items:center;box-shadow:0 12px 28px rgba(10,108,208,.35);cursor:pointer}
.hnc-fab.show{display:grid}.hnc-fab svg{width:24px;height:24px}
.hnc-n{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#F5A623;color:#0A1A33;font:800 12px/22px system-ui,sans-serif;text-align:center;box-shadow:0 0 0 2px #fff}
@media (max-width:760px){.hnc-fab{bottom:86px;left:14px;width:52px;height:52px}}
.hnc-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100;display:flex;gap:12px;align-items:center;background:#0A1A33;color:#fff;padding:12px 14px 12px 18px;border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.3);font:600 14px/1.3 system-ui,sans-serif;max-width:calc(100vw - 32px);transition:opacity .35s,transform .35s}
.hnc-toast.out{opacity:0;transform:translate(-50%,10px)}
.hnc-toast button{border:0;background:#00AEE6;color:#04121F;font-weight:800;border-radius:10px;padding:8px 12px;cursor:pointer;white-space:nowrap}
.hnc-drawer{position:fixed;inset:0;z-index:110;visibility:hidden}
.hnc-drawer.open{visibility:visible}
.hnc-bg{position:absolute;inset:0;background:rgba(6,22,46,.5);opacity:0;transition:opacity .25s}
.hnc-drawer.open .hnc-bg{opacity:1}
.hnc-panel{position:absolute;top:0;right:0;bottom:0;width:min(520px,100vw);background:#F6F9FD;box-shadow:-20px 0 50px rgba(0,0,0,.2);transform:translateX(100%);transition:transform .3s;display:flex;flex-direction:column}
.hnc-drawer.open .hnc-panel{transform:none}
.hnc-panel header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border-bottom:1px solid #DCE6F2}
.hnc-panel header h2{margin:0;font-size:1.25rem}
.hnc-close{border:0;background:#F1F5FA;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;color:#0A1A33}
.hnc-body{overflow:auto;padding:16px 18px 30px;flex:1}
html.hnc-lock{overflow:hidden}
.hnc-list{display:grid;gap:10px}
.hnc-item{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center;background:#fff;border:1px solid #DCE6F2;border-radius:14px;padding:12px 10px 12px 14px}
.hnc-it b{display:block;font-size:.93rem;color:#0A1A33;line-height:1.35}.hnc-it small{color:#5B6B82;font-size:.78rem}
.hnc-pr{text-align:right;font-weight:800;color:#0A1A33;white-space:nowrap}.hnc-pr small{display:block;font-weight:500;color:#5B6B82;font-size:.72rem}
.hnc-q{color:#0A6CD0;font-size:.85rem}
.hnc-qty{display:flex;align-items:center;border:1px solid #DCE6F2;border-radius:10px;overflow:hidden}
.hnc-qty button{border:0;background:#F1F5FA;width:32px;height:34px;font-size:1.1rem;cursor:pointer;color:#0A1A33}.hnc-qty span{min-width:26px;text-align:center;font-weight:700}
.hnc-x{border:0;background:none;color:#9AA7B8;font-size:1.4rem;width:32px;height:32px;border-radius:50%;cursor:pointer}.hnc-x:hover{background:#FFF1F0;color:#C62828}
.hnc-tot{background:#fff;border:1px solid #DCE6F2;border-radius:14px;padding:12px 14px;margin:12px 0 16px}
.hnc-tot>div{display:flex;justify-content:space-between;padding:4px 0;font-size:.95rem}.hnc-tot b{color:#0A1A33;font-size:1.05rem}
.hnc-qn{color:#5B6B82;font-size:.85rem}
.hnc-safe{margin:8px 0 0;font-size:.82rem;color:#11643A;background:#EAF8F0;border-radius:10px;padding:8px 10px}
.hnc-form{background:#fff;border:1px solid #DCE6F2;border-radius:16px;padding:16px}
.hnc-form h3{margin:0 0 12px;font-size:1.1rem}
.hnc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hnc-grid label{display:grid;gap:5px;font-weight:600;font-size:.86rem;color:#0A1A33}.hnc-full{grid-column:1/-1}
.hnc-grid input,.hnc-grid select,.hnc-grid textarea{border:1.5px solid #DCE6F2;border-radius:10px;padding:11px 12px;font-size:16px;font-family:inherit;background:#fff;color:#0A1A33;width:100%;box-sizing:border-box;min-height:46px}
.hnc-grid input:focus,.hnc-grid select:focus,.hnc-grid textarea:focus{outline:2px solid #00AEE6;border-color:#00AEE6}
.hnc-check{display:flex;gap:10px;align-items:flex-start;font-size:.84rem;color:#5B6B82;margin:12px 0 0;line-height:1.5}.hnc-check input{width:20px;height:20px;flex:none;accent-color:#0A6CD0;margin-top:1px}
.hnc-hp{position:absolute!important;left:-9999px!important;opacity:0}
.hnc-err{background:#FFF1F0;border:1px solid #F5C2BE;color:#9B1C12;border-radius:10px;padding:9px 12px;font-size:.88rem;margin:12px 0 0}
.hnc-go{width:100%;margin-top:14px;justify-content:center;min-height:50px;font-size:1rem}
.hnc-empty,.hnc-done{text-align:center;background:#fff;border:1px solid #DCE6F2;border-radius:18px;padding:28px 18px}
.hnc-ei,.hnc-ok{font-size:2.2rem;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:#E9F4FF}
.hnc-ok{background:#EAF8F0;color:#13A35B;font-weight:800}
.hnc-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px}
.hnc-sum{list-style:none;padding:0;margin:14px 0;text-align:left}.hnc-sum li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed #DCE6F2;font-size:.9rem}
.hnc-add{margin-top:8px}.hnc-add.added{background:#EAF8F0!important;color:#11643A!important;border-color:#B7E4C7!important}
.plan .hnc-add{width:100%;justify-content:center}
.hn-cartpage{max-width:760px;margin:0 auto;padding:24px 16px 60px}
@media (max-width:560px){.hnc-grid{grid-template-columns:1fr}.hnc-item{grid-template-columns:1fr auto auto;row-gap:8px}.hnc-qty{grid-column:1}.hnc-it{grid-column:1/-1}}
/* Hayyat Networks app shell (mobile first). Loaded after hn.css and tools.css. */
@font-face{font-family:"Plus Jakarta Sans";font-weight:400;font-display:swap;src:url(fonts/jakarta-400.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:500;font-display:swap;src:url(fonts/jakarta-500.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:600;font-display:swap;src:url(fonts/jakarta-600.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:700;font-display:swap;src:url(fonts/jakarta-700.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:800;font-display:swap;src:url(fonts/jakarta-800.woff2) format("woff2")}
@font-face{font-family:"Sora";font-weight:600;font-display:swap;src:url(fonts/sora-600.woff2) format("woff2")}
@font-face{font-family:"Sora";font-weight:700;font-display:swap;src:url(fonts/sora-700.woff2) format("woff2")}
@font-face{font-family:"Sora";font-weight:800;font-display:swap;src:url(fonts/sora-800.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:400;font-display:swap;src:url(fonts/mono-400.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:600;font-display:swap;src:url(fonts/mono-600.woff2) format("woff2")}

html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--f-body);-webkit-tap-highlight-color:transparent}
body{min-height:100vh;padding-bottom:calc(74px + env(safe-area-inset-bottom))}
*{box-sizing:border-box}
a{color:var(--blue)}
.ap-top{position:sticky;top:0;z-index:30;background:var(--navy);color:#fff;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;display:flex;align-items:center;gap:10px;box-shadow:0 2px 14px rgba(6,22,46,.25)}
.ap-top .back{display:none;width:38px;height:38px;border-radius:12px;border:0;background:rgba(255,255,255,.1);color:#fff;align-items:center;justify-content:center;padding:0}
.ap-top.sub .back{display:inline-flex}
.ap-top .back .i{width:18px;height:18px}
.ap-brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1;text-decoration:none;color:#fff}
.ap-brand img{width:34px;height:38px;object-fit:contain;flex:none}
.ap-brand b{font-family:var(--f-display);font-size:1.02rem;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.ap-brand small{display:block;color:var(--on-navy-muted);font-size:.72rem;font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase}
.ap-net{font-size:.72rem;font-weight:700;padding:6px 10px;border-radius:99px;background:rgba(19,163,91,.18);color:#7DF0B4;display:inline-flex;gap:6px;align-items:center;white-space:nowrap}
.ap-net::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.ap-net.off{background:rgba(245,166,35,.18);color:#FFD28A}

.ap-main{max-width:760px;margin:0 auto;padding:16px}
.ap-hero{background:linear-gradient(150deg,#06162E 0%,#0C2244 55%,#0A6CD0 140%);color:#fff;border-radius:22px;padding:22px 18px;margin:0 0 18px;position:relative;overflow:hidden}
.ap-hero::after{content:"";position:absolute;right:-40px;top:-40px;width:170px;height:170px;background:url(img/mark-white.png) center/contain no-repeat;opacity:.08}
.ap-hero h1{font-family:var(--f-display);font-size:1.55rem;line-height:1.2;margin:0 0 8px;color:#fff}
.ap-hero p{margin:0 0 14px;color:var(--on-navy);font-size:.95rem;line-height:1.55}
.ap-badges{display:flex;flex-wrap:wrap;gap:8px}
.ap-badges span{font-size:.75rem;font-weight:700;padding:6px 10px;border-radius:99px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);display:inline-flex;gap:6px;align-items:center}
.ap-badges .i{width:13px;height:13px}

.ap-search{position:relative;margin:0 0 16px}
.ap-search input{width:100%;min-height:52px;border-radius:16px;border:1.5px solid var(--line);background:#fff;padding:12px 16px 12px 46px;font:inherit;font-size:1rem;color:var(--ink);box-shadow:0 2px 10px rgba(10,26,51,.05)}
.ap-search input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(10,108,208,.12)}
.ap-search .i{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted)}

.ap-h{font-family:var(--f-display);font-size:1.12rem;color:var(--ink);margin:22px 0 12px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.ap-h a{font-size:.85rem;font-family:var(--f-body);font-weight:700;text-decoration:none}
.ap-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ap-cat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;text-decoration:none;color:var(--ink);display:grid;gap:6px}
.ap-cat .ic,.ap-item .ic{width:40px;height:40px;border-radius:12px;background:rgba(10,108,208,.08);color:var(--blue);display:inline-flex;align-items:center;justify-content:center}
.ap-cat .ic .i,.ap-item .ic .i{width:19px;height:19px}
.ap-cat b{font-size:.92rem;line-height:1.3}
.ap-cat small{color:var(--muted);font-size:.76rem}
.ap-list{display:grid;gap:10px}
.ap-item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;text-decoration:none;color:var(--ink);display:flex;gap:12px;align-items:center}
.ap-item .ic{flex:none}
.ap-item .tx{min-width:0;flex:1}
.ap-item b{display:block;font-size:.95rem;line-height:1.3}
.ap-item small{display:block;color:var(--muted);font-size:.8rem;line-height:1.4;margin-top:2px}
.ap-item .go{color:var(--line-2);width:16px;height:16px;flex:none}
.ap-tag{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;padding:3px 7px;border-radius:6px;margin-top:6px}
.ap-tag.off{background:rgba(19,163,91,.1);color:#0E7A44}
.ap-tag.net{background:rgba(245,166,35,.14);color:#9A5B00}
.ap-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;margin:0 -16px 6px;padding-left:16px;padding-right:16px;scrollbar-width:none}
.ap-chips::-webkit-scrollbar{display:none}
.ap-chip{flex:none;border:1.5px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-size:.85rem;font-weight:700;padding:8px 14px;border-radius:99px;cursor:pointer}
.ap-chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
.ap-empty{text-align:center;color:var(--muted);padding:30px 10px}

.ap-tool-head{margin:0 0 14px}
.ap-tool-head h1{font-family:var(--f-display);font-size:1.4rem;color:var(--ink);margin:0 0 6px;line-height:1.25}
.ap-tool-head p{margin:0;color:var(--muted);line-height:1.55;font-size:.95rem}
.ap-note{border-radius:14px;padding:12px 14px;font-size:.88rem;line-height:1.5;margin:0 0 14px;display:flex;gap:10px;align-items:flex-start}
.ap-note .i{width:18px;height:18px;flex:none;margin-top:1px}
.ap-note.net{background:#FFF6E5;border:1px solid #F7D9A0;color:#7A4B00}
.ap-note.off{background:#E9F8F0;border:1px solid #BDE8D0;color:#0E5E36}
.ap-tool{margin:0 0 16px}
.ap-tool .hn-tool{margin:0}
/* How to use: numbered steps card */
.ap-steps{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 16px 6px;margin:16px 0 12px;box-shadow:0 6px 18px rgba(11,31,58,.05)}
.ap-steps h2{display:flex;align-items:center;gap:8px;font-size:1.05rem;margin:0 0 12px;font-family:var(--f-display);color:var(--ink)}
.ap-steps h2 .i{width:18px;height:18px;fill:var(--blue)}
.ap-steps ol{list-style:none;margin:0;padding:0;counter-reset:st}
.ap-steps li{counter-increment:st;display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;padding:0 0 12px;margin:0 0 12px;border-bottom:1px dashed var(--line);font-size:.93rem;line-height:1.55;color:var(--text)}
.ap-steps li:last-child{border-bottom:0;margin-bottom:0}
.ap-steps li:before{content:counter(st);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0A6CD0,#00AEE6);color:#fff;font-weight:800;font-size:.85rem}
/* Accordions: About + FAQs */
.ap-acc{background:#fff;border:1px solid var(--line);border-radius:16px;margin:0 0 10px;overflow:hidden;display:block;transition:border-color .2s,box-shadow .2s}
.ap-acc[open]{border-color:rgba(10,108,208,.35);box-shadow:0 8px 22px rgba(10,108,208,.08)}
.ap-acc summary{cursor:pointer;padding:15px 14px 15px 16px;font-weight:700;color:var(--ink);list-style:none;display:flex;align-items:center;gap:12px;font-size:.96rem;line-height:1.4;min-height:52px}
.ap-acc summary .ap-qb{flex:none;width:28px;height:28px;padding:0;line-height:1;border-radius:9px;background:#E9F4FF;color:#0A6CD0;display:grid;place-items:center;font-weight:800;font-size:.85rem;font-family:var(--f-display)}
.ap-acc summary .ap-qt{flex:1;min-width:0}
.ap-acc summary::-webkit-details-marker{display:none}
.ap-acc summary .ap-chev{flex:none;width:28px;height:28px;border-radius:50%;background:#F1F5FA;display:grid;place-items:center;transition:transform .2s,background .2s}
.ap-acc summary .ap-chev svg{width:14px;height:14px;fill:none;stroke:#0A6CD0;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ap-acc[open] summary .ap-chev{transform:rotate(180deg);background:#E9F4FF}
.ap-acc[open] summary .ap-qb{background:linear-gradient(135deg,#0A6CD0,#00AEE6);color:#fff}
.ap-acc .bd{padding:0 16px 16px 56px;color:var(--text);line-height:1.65;font-size:.93rem}
.ap-acc.ap-about .bd{padding-left:16px}
.ap-acc .bd p{margin:0 0 10px}.ap-acc .bd p:last-child{margin:0}
.ap-acc .bd h2{font-size:1.05rem;margin:6px 0 8px;font-family:var(--f-display);color:var(--ink)}
.ap-acc .bd h3{font-size:.98rem;margin:14px 0 6px;color:var(--ink)}
.ap-acc .bd table{width:100%;border-collapse:collapse;font-size:.88rem;display:block;overflow-x:auto}
.ap-acc .bd td,.ap-acc .bd th{border:1px solid var(--line);padding:6px 8px;text-align:left}
.ap-acc .bd ol,.ap-acc .bd ul{padding-left:20px}
.ap-faq-h{display:flex;align-items:center;gap:8px;margin-top:22px!important}

.ap-plans{display:grid;gap:12px}
.ap-plan{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}
.ap-plan.pop{border-color:var(--blue);box-shadow:0 8px 24px rgba(10,108,208,.12)}
.ap-plan .top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.ap-plan .nm{font-weight:800;color:var(--ink)}
.ap-plan .pr{font-family:var(--f-display);font-weight:800;color:var(--blue);font-size:1.25rem}
.ap-plan .pr small{font-size:.72rem;color:var(--muted);font-family:var(--f-body);font-weight:600}
.ap-plan .for{color:var(--muted);font-size:.85rem;margin:2px 0 8px}
.ap-plan ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:.88rem}
.ap-plan li{display:flex;gap:8px}
.ap-plan li .i{width:14px;height:14px;color:var(--good);flex:none;margin-top:3px}
.ap-plan .badge{display:inline-block;background:var(--grad);color:#fff;font-size:.68rem;font-weight:800;padding:3px 8px;border-radius:6px;margin-bottom:6px;letter-spacing:.04em;text-transform:uppercase}
.ap-seg{display:flex;gap:6px;overflow-x:auto;margin:0 0 12px;scrollbar-width:none}

.ap-contact{display:grid;gap:10px}
.ap-cbtn{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;text-decoration:none!important;font-weight:700;color:#fff!important;opacity:1!important}.ap-cbtn *{color:inherit!important}
.ap-cbtn .i{width:22px;height:22px}
.ap-cbtn small{display:block;font-weight:600;opacity:.85;font-size:.78rem}
.ap-cbtn.wa{background:#1FAF55}.ap-cbtn.mail{background:var(--navy)}.ap-cbtn.book{background:var(--blue)}.ap-cbtn.web{background:#fff;color:var(--ink)!important;border:1px solid var(--line)}
.ap-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;margin:0 0 12px;line-height:1.6;font-size:.93rem}
.ap-card h3{margin:0 0 8px;font-family:var(--f-display);color:var(--ink);font-size:1.02rem}
.ap-card p{margin:0 0 8px}
.ap-row{display:flex;gap:10px;align-items:flex-start;padding:6px 0}
.ap-row .i{width:16px;height:16px;color:var(--blue);margin-top:3px;flex:none}

.ap-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
.ap-nav a{display:grid;justify-items:center;gap:3px;text-decoration:none;color:var(--muted);font-size:.68rem;font-weight:700;padding:6px 2px;border-radius:12px}
.ap-nav a .i{width:21px;height:21px}
.ap-nav a.on{color:var(--blue);background:rgba(10,108,208,.07)}
.ap-toast{position:fixed;left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:50;background:var(--navy);color:#fff;border-radius:14px;padding:12px 14px;font-size:.9rem;box-shadow:0 10px 30px rgba(6,22,46,.3);display:flex;gap:10px;align-items:center;justify-content:space-between}
.ap-toast button{background:var(--blue);color:#fff;border:0;border-radius:10px;padding:8px 12px;font-weight:700;font:inherit}
.ap-foot{text-align:center;color:var(--muted);font-size:.78rem;margin:26px 0 6px;line-height:1.6}
.ap-splash{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--muted)}
@media (min-width:640px){.ap-cats{grid-template-columns:repeat(4,minmax(0,1fr))}.ap-plans{grid-template-columns:repeat(2,1fr)}}
.ap-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 6px}
.ap-quick a{display:grid;justify-items:center;gap:6px;text-decoration:none;color:var(--ink);font-size:.76rem;font-weight:700;text-align:center;padding:10px 4px;background:#fff;border:1px solid var(--line);border-radius:16px}
.ap-quick .ic{width:42px;height:42px;border-radius:14px;background:var(--grad);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.ap-quick .ic .i{width:19px;height:19px}
.ap-th-row{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.ap-fav{flex:none;width:42px;height:42px;border-radius:12px;border:1.5px solid var(--line);background:#fff;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.ap-fav .i{width:18px;height:18px}
.ap-fav.on{color:#F5A623;border-color:#F5A623;background:#FFF8EA}
/* dark mode: invert the light design, keep photos and media natural */
html[data-theme=dark]{filter:invert(.9) hue-rotate(180deg);background:#fff}
html[data-theme=dark] img,html[data-theme=dark] video,html[data-theme=dark] canvas,html[data-theme=dark] iframe,html[data-theme=dark] .ap-hero,html[data-theme=dark] .ap-top,html[data-theme=dark] .ap-quick .ic,html[data-theme=dark] [data-keep-color],html[data-theme=dark] .ap-signin:not(.ap-signin-in){filter:invert(1) hue-rotate(180deg)}
html[data-theme=dark] .ap-top img{filter:none}
.ap-signin{display:flex;gap:12px;align-items:center;margin:14px 0 4px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#0A6CD0,#00AEE6);color:#fff!important;text-decoration:none!important;box-shadow:0 8px 22px rgba(10,108,208,.25)}
.ap-signin .ic{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.18);display:grid;place-items:center;flex:none}
.ap-signin .ic .i{width:20px;height:20px;fill:#fff}
.ap-signin .tx{flex:1;display:grid;gap:2px}.ap-signin b{font-size:.98rem}.ap-signin small{opacity:.9;font-size:.8rem;line-height:1.4}
.ap-signin>.i{width:14px;height:14px;fill:#fff}
.ap-signin.ap-signin-in{background:#EAF8F0;color:#11643A!important;box-shadow:none;border:1px solid #B7E4C7}
.ap-signin.ap-signin-in .ic{background:#fff}.ap-signin.ap-signin-in .ic .i,.ap-signin.ap-signin-in>.i{fill:#11643A}

/* Quick calculator widget removed from the app home screen (owner request) */
.hw:has(.hw-calc){display:none!important}
/* ---------- Phase 5: favourites, cart, link building, listing, events ---------- */
.ap-cartbtn{position:relative;margin-left:auto;margin-right:8px;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#fff}
.ap-cartbtn .i{width:18px;height:18px;fill:#fff}
.ap-cartbtn [data-cart-count]{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#F5A623;color:#0A1A33;font:800 11px/19px system-ui,sans-serif;text-align:center}
.ap-sheet{position:fixed;inset:0;z-index:200}
.ap-sheet-bg{position:absolute;inset:0;background:rgba(6,22,46,.55);opacity:0;transition:opacity .25s}
.ap-sheet-p{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:24px 24px 0 0;padding:26px 20px calc(22px + env(safe-area-inset-bottom));text-align:center;transform:translateY(100%);transition:transform .25s;display:grid;gap:10px}
.ap-sheet.in .ap-sheet-bg{opacity:1}.ap-sheet.in .ap-sheet-p{transform:none}
.ap-sheet-p h2{margin:6px 0 0;font-size:1.25rem}.ap-sheet-p p{margin:0 0 8px;color:var(--muted);line-height:1.5}
.ap-sheet-ic{width:64px;height:64px;margin:0 auto;border-radius:20px;background:linear-gradient(135deg,#F5A623,#F97316);display:grid;place-items:center}.ap-sheet-ic .i{width:30px;height:30px;fill:#fff}
.ap-sheet-p .btn{justify-content:center;min-height:50px}.ap-sheet-no{border:0;background:none;color:var(--muted);font-weight:600;padding:10px;cursor:pointer}
.ap-favgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:6px 0 14px}
.ap-fv{position:relative}
.ap-fv a{display:grid;justify-items:center;gap:6px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 6px;text-decoration:none;color:var(--ink);min-height:92px}
.ap-fv .ic{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#FFF4DC,#FFE7B8);display:grid;place-items:center}.ap-fv .ic .i{width:20px;height:20px;fill:#C77700}
.ap-fv b{font-size:.74rem;line-height:1.25;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ap-favgrid.edit .ap-fv a{animation:apwob .35s ease-in-out infinite alternate;pointer-events:none}
@keyframes apwob{from{transform:rotate(-1.2deg)}to{transform:rotate(1.2deg)}}
.ap-fv-ed{display:flex;justify-content:center;gap:4px;margin-top:4px}
.ap-fv-ed button{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:1rem;font-weight:800;cursor:pointer;color:var(--ink)}.ap-fv-ed button[data-rm]{color:#C62828}.ap-fv-ed button:disabled{opacity:.3}
@media (min-width:600px){.ap-favgrid{grid-template-columns:repeat(6,1fr)}}
.ap-favcta{display:flex;gap:12px;align-items:center;width:100%;text-align:left;margin:14px 0 4px;padding:14px 16px;border-radius:16px;border:1px dashed #F5A623;background:#FFF9EC;color:var(--ink);text-decoration:none;cursor:pointer;font:inherit}
.ap-favcta .ic{width:40px;height:40px;border-radius:12px;background:#FFE7B8;display:grid;place-items:center;flex:none}.ap-favcta .ic .i{width:20px;height:20px;fill:#C77700}
.ap-favcta .tx{flex:1;display:grid;gap:2px}.ap-favcta b{font-size:.95rem}.ap-favcta small{color:var(--muted);font-size:.8rem;line-height:1.4}
.ap-h .i{width:16px;height:16px;fill:#F5A623;vertical-align:-2px;margin-right:4px}
.ap-fav-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 2px}.ap-fav-head h1{font-size:1.4rem;margin:0;display:flex;gap:8px;align-items:center}.ap-fav-head h1 .i{width:22px;height:22px;fill:#F5A623}
.ap-sub{color:var(--muted);font-size:.85rem;margin:0 0 10px}
.ap-pick{display:grid;gap:8px}
.ap-pk{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;cursor:pointer;font:inherit;color:var(--ink)}
.ap-pk .ic{width:36px;height:36px;border-radius:10px;background:#EEF5FF;display:grid;place-items:center;flex:none}.ap-pk .ic .i{width:18px;height:18px;fill:#0A6CD0}
.ap-pk .tx{flex:1;display:grid;min-width:0}.ap-pk .tx b{font-size:.9rem}.ap-pk .tx small{color:var(--muted);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap-pk .st .i{width:22px;height:22px;fill:#C9D3E0}.ap-pk.on{border-color:#F5A623;background:#FFFBF2}.ap-pk.on .st .i{fill:#F5A623}
.ap-empty-c{text-align:center;padding:30px 10px;display:grid;gap:10px;justify-items:center}.ap-empty-c .btn{min-width:240px;justify-content:center}
.ap-big{width:80px;height:80px;border-radius:24px;background:linear-gradient(135deg,#F5A623,#F97316);display:grid;place-items:center}.ap-big .i{width:38px;height:38px;fill:#fff}
.ap-fav.on .i{fill:#F5A623}
.ap-addc{width:100%;justify-content:center;margin-top:10px}.ap-addc.added,.ap-blc .btn.added{background:#13A35B!important;border-color:#13A35B!important}
.ap-svc{display:flex;gap:8px;align-items:stretch}.ap-svc .ap-item{flex:1;min-width:0}
.ap-svc-add{flex:none;width:62px;border-radius:14px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;align-content:center;gap:2px;color:#0A6CD0;font-weight:700;font-size:.68rem;cursor:pointer}
.ap-svc-add .i{width:18px;height:18px;fill:#0A6CD0}.ap-svc-add.added{background:#EAF8F0;color:#11643A}
.ap-hero .ap-eb{display:inline-block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#7FE3FF;margin-bottom:6px}
.ap-bl{display:grid;gap:12px}
.ap-blc{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 6px 18px rgba(11,31,58,.05)}
.ap-blc.pop{border:2px solid #0A6CD0}
.ap-blc .badge{position:absolute;top:-10px;right:14px;background:#F5A623;color:#0A1A33;font-weight:800;font-size:.7rem;padding:3px 10px;border-radius:999px}
.ap-blc .nm{display:block;font-size:1rem;color:var(--ink);line-height:1.35}
.ap-blc .pr{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:8px 0}.ap-blc .pr b{font-size:1.6rem;color:#0A6CD0;font-family:var(--f-display)}.ap-blc .pr small{color:var(--muted)}.ap-blc .pr s{color:#9AA7B8;font-size:.8rem;margin-left:auto}
.ap-blc ul{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}.ap-blc li{display:flex;gap:8px;font-size:.86rem;line-height:1.45}.ap-blc li .i{width:14px;height:14px;fill:#13A35B;flex:none;margin-top:3px}
.ap-blc .btn{width:100%;justify-content:center}.ap-blc .btn .i,.ap-addc .i{width:16px;height:16px;fill:currentColor}
.ap-policy{margin-top:16px;border-left:4px solid #13A35B}.ap-policy h3{display:flex;gap:8px;align-items:center;margin:0 0 6px}.ap-policy .i{width:18px;height:18px;fill:#13A35B}
.ap-row2{display:grid;gap:10px;margin:14px 0}.ap-row2 .btn{justify-content:center;min-height:48px}
.ap-feats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.ap-feat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;gap:4px}.ap-feat .ic{width:38px;height:38px;border-radius:12px;background:#EEF5FF;display:grid;place-items:center}.ap-feat .ic .i{width:18px;height:18px;fill:#0A6CD0}
.ap-feat b{font-size:.9rem}.ap-feat small{color:var(--muted);font-size:.78rem;line-height:1.45}
.ap-cart-page{padding:4px 0 20px}
.ap-seg3{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#E9EEF5;border-radius:14px;padding:4px;margin:14px 0 10px}
.ap-seg3 button{border:0;background:transparent;padding:11px 4px;border-radius:11px;font-weight:700;font-size:.85rem;color:var(--muted);cursor:pointer}.ap-seg3 button.on{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(11,31,58,.1)}
.ap-scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;margin-bottom:6px}.ap-scroll::-webkit-scrollbar{display:none}.ap-scroll .ap-chip{flex:none}
.ap-evbar{display:flex;gap:8px;align-items:center;margin:6px 0 12px;flex-wrap:wrap}
.ap-evbar select{border:1px solid var(--line);border-radius:12px;padding:9px 10px;font:inherit;font-size:.85rem;background:#fff;min-height:40px}
.ap-seg2{display:flex;background:#E9EEF5;border-radius:12px;padding:3px}.ap-seg2 button{border:0;background:none;padding:7px 12px;border-radius:9px;font-weight:700;font-size:.82rem;color:var(--muted);cursor:pointer}.ap-seg2 button.on{background:#fff;color:var(--ink)}
.ap-evsaved{margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 12px;font-weight:700;font-size:.82rem;display:flex;gap:6px;align-items:center;cursor:pointer;color:var(--ink)}.ap-evsaved .i{width:14px;height:14px;fill:#F5A623}.ap-evsaved.on{background:#FFF9EC;border-color:#F5A623}
.ap-evs{display:grid;gap:14px}
.ap-ev{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 22px rgba(11,31,58,.06)}
.ap-ev-img{position:relative;aspect-ratio:16/9;background:#0A1A33}.ap-ev-img img{width:100%;height:100%;object-fit:cover;display:block}
.ap-ev-d{position:absolute;left:12px;top:12px;background:#fff;border-radius:12px;padding:6px 10px;text-align:center;font-size:.7rem;font-weight:700;text-transform:uppercase;color:#0A6CD0;box-shadow:0 6px 16px rgba(0,0,0,.25);line-height:1.1}.ap-ev-d b{display:block;font-size:1.25rem;color:#0A1A33}
.ap-ev-b{padding:14px 16px 16px}
.ap-ev-tag{display:inline-block;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#0A6CD0;background:#EEF5FF;border-radius:999px;padding:3px 9px;margin:0 6px 6px 0}.ap-ev-tag.bad{color:#9B1C12;background:#FFF1F0}
.ap-ev h3{margin:2px 0 10px;font-size:1.05rem;line-height:1.35;color:var(--ink)}
.ap-ev-w{display:flex;gap:10px;margin:0 0 8px;font-size:.88rem;line-height:1.45;color:var(--text)}.ap-ev-w .i{width:16px;height:16px;fill:#0A6CD0;flex:none;margin-top:2px}
.ap-ev-info{font-size:.8rem;color:var(--muted);background:#F6F9FD;border-radius:10px;padding:8px 10px;margin:4px 0 10px}
.ap-ev-act{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}
.ap-ev-save{margin-left:auto;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer}.ap-ev-save .i{width:18px;height:18px;fill:#C9D3E0}.ap-ev-save.on{border-color:#F5A623;background:#FFF9EC}.ap-ev-save.on .i{fill:#F5A623}
.ap-ev-ride{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#0A1A33,#0B2D5B);color:#fff!important;text-decoration:none!important}
.ap-ev-ride>.i:first-child{width:24px;height:24px;fill:#F5A623;flex:none}.ap-ev-ride span{flex:1;display:grid}.ap-ev-ride b{font-size:.9rem}.ap-ev-ride small{opacity:.8;font-size:.76rem}.ap-ev-ride>.i:last-child{width:12px;height:12px;fill:#fff}
.ap-cal{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;margin:0 0 12px}.ap-cal h3{margin:0 0 10px;font-size:1rem}
.ap-calg{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.ap-calg b{text-align:center;font-size:.7rem;color:var(--muted);padding:4px 0}
.ap-calg button{position:relative;aspect-ratio:1;border:0;border-radius:10px;background:#F6F9FD;font-weight:700;font-size:.85rem;color:#9AA7B8;cursor:pointer}
.ap-calg button.has{background:#EEF5FF;color:#0A1A33}.ap-calg button.has i{position:absolute;right:3px;bottom:3px;font-style:normal;font-size:.6rem;background:#0A6CD0;color:#fff;border-radius:999px;min-width:15px;height:15px;line-height:15px}
.ap-calg button.on{background:#0A6CD0;color:#fff}.ap-calg button.on i{background:#F5A623;color:#0A1A33}.ap-calg button.today{outline:2px solid #00AEE6}
.ap-credit{font-size:.75rem;color:var(--muted);text-align:center;margin:16px 0}
.ap-more{width:100%;justify-content:center;margin-top:12px}
html[data-theme=dark] .ap-ev-ride,html[data-theme=dark] .ap-do .ic,html[data-theme=dark] .ap-big,html[data-theme=dark] .ap-sheet-ic{filter:invert(1) hue-rotate(180deg)}
.ap-brand span{min-width:0}.ap-brand small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.ap-ev-logos{display:flex;align-items:center;justify-content:center;gap:22px;background:linear-gradient(135deg,#0A1A33,#123E7A)}
.ap-ev-logos img{width:86px;height:86px;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35));background:rgba(255,255,255,.92);border-radius:50%;padding:10px}
.ap-ev-logos .vs{color:#fff;font-weight:800;font-size:.9rem;opacity:.8;text-transform:uppercase}
.ap-ev-lg{position:absolute;right:12px;top:12px;background:#F5A623;color:#0A1A33;font-weight:800;font-size:.72rem;border-radius:999px;padding:4px 10px}

/* Action tiles: link building, list business, cart, events */
.ap-do{display:grid;gap:10px;margin:16px 0 6px}
.ap-do-3{grid-template-columns:1fr 1fr}.ap-do-3 .ap-dt:first-child{grid-column:1/-1}
.ap-do-4{grid-template-columns:1fr 1fr}
.ap-dt{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:20px;text-decoration:none!important;color:#fff!important;overflow:hidden;min-height:118px;box-shadow:0 12px 26px -12px rgba(10,26,51,.45);isolation:isolate}
.ap-dt:before{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.12);z-index:-1}
.ap-dt:after{content:"";position:absolute;right:20px;bottom:-40px;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.08);z-index:-1}
.ap-dt-bl{background:linear-gradient(135deg,#0A6CD0 0%,#00AEE6 100%)}
.ap-dt-lb{background:linear-gradient(135deg,#0F9D58 0%,#34C38F 100%)}
.ap-dt-ct{background:linear-gradient(135deg,#F59E0B 0%,#F97316 100%)}
.ap-dt-ev{background:linear-gradient(135deg,#7C3AED 0%,#DB2777 100%)}
.ap-dt .ic{position:relative;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);display:grid;place-items:center;backdrop-filter:blur(4px)}
.ap-dt .ic .i{width:21px;height:21px;fill:#fff}
.ap-dt .tx{display:grid;gap:2px}
.ap-dt b{font-size:.98rem;line-height:1.25;font-family:var(--f-display);letter-spacing:-.01em}
.ap-dt small{font-size:.76rem;opacity:.92;line-height:1.35}
.ap-dt .go{position:absolute;right:12px;top:14px;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center}
.ap-dt .go .i{width:11px;height:11px;fill:#fff}
.ap-dt-b{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#fff;color:#C2410C;font:800 11px/20px system-ui,sans-serif;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.ap-do-3 .ap-dt:first-child{flex-direction:row;align-items:center;min-height:0;padding:16px}
.ap-do-3 .ap-dt:first-child .go{position:static;margin-left:auto}
.ap-do-3 .ap-dt:first-child b{font-size:1.08rem}
.ap-dt:active{transform:scale(.98)}
html[data-theme=dark] .ap-dt{filter:invert(1) hue-rotate(180deg)}
.ap-evven{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px;font:inherit;font-size:.88rem;background:#fff;min-height:42px;margin:0 0 12px}
.ap-hero-l{display:inline-flex;gap:6px;align-items:center;margin-top:10px;color:#7FE3FF!important;font-weight:700;font-size:.88rem;text-decoration:none!important}.ap-hero-l .i{width:14px;height:14px;fill:#7FE3FF}
.ap-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 8px}.ap-facts div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:grid;gap:2px}.ap-facts small{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.ap-facts b{font-size:.92rem;color:var(--ink)}
.ap-card h3 .i{width:16px;height:16px;fill:#0A6CD0;vertical-align:-2px;margin-right:4px}

.ap-vhd{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:2px 0 8px}.ap-vhd b{font-size:.92rem}.ap-vhd small{color:var(--muted);font-size:.74rem}
.ap-vrow{display:flex;gap:8px;overflow-x:auto;margin:0 -16px 12px;padding:2px 16px 6px;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.ap-vrow::-webkit-scrollbar{display:none}
.ap-vc{flex:0 0 178px;scroll-snap-align:start;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left;border:1px solid var(--line);background:var(--card,#fff);border-radius:14px;padding:9px 10px;cursor:pointer;font:inherit;color:inherit;transition:border-color .2s,background-color .2s,transform .15s}
.ap-vc:active{transform:scale(.97)}.ap-vc .ic{grid-row:1/3;width:30px;height:30px;border-radius:9px;background:#EEF5FF;color:#0A6CD0;display:grid;place-items:center}.ap-vc .ic svg{width:16px;height:16px}
.ap-vc b{font-size:.8rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-vc small{font-size:.68rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap-vc.on{border-color:#0A6CD0;background:linear-gradient(135deg,#0A6CD0,#00AEE6);color:#fff}.ap-vc.on small{color:rgba(255,255,255,.85)}.ap-vc.on .ic{background:rgba(255,255,255,.2);color:#fff}
.ap-vc.none{opacity:.6}

.ap-evf{background:var(--card,#fff);border:1px solid var(--line);border-radius:20px;padding:14px 14px 4px;margin:14px 0 14px;box-shadow:0 12px 28px -20px rgba(10,40,90,.35);overflow:hidden}
.ap-evf-h{display:flex;align-items:center;justify-content:space-between;margin:0 0 6px}.ap-evf-h>b{display:flex;align-items:center;gap:7px;font-size:.98rem}.ap-evf-h>b svg{width:17px;height:17px;color:#0A6CD0}
.ap-evf .ap-evsaved{margin-left:0;padding:6px 11px;font-size:.78rem}
.ap-fl{display:block;font-size:.66rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:10px 0 6px}
.ap-evf .ap-seg3{margin:0 0 2px}.ap-evf .ap-chips{margin:0 -14px 0;padding:2px 14px 4px}.ap-evf .ap-evbar{margin:0 0 4px}.ap-evf .ap-evbar select{flex:1;min-width:0}
.ap-evf .ap-vhd{margin:10px 0 6px;align-items:center}.ap-evf .ap-vhd .ap-fl{margin:0}.ap-evf .ap-vrow{margin:0 -14px 8px;padding:2px 14px 8px}
.ap-vc{position:relative;padding-right:12px;box-shadow:0 4px 12px -8px rgba(10,40,90,.3)}.ap-vc.none{opacity:.85}.ap-vc.none .ic{background:#F1F4F9;color:#7A8AA3}
/* boot screen navy */

.ap-fbcard{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:16px 0 96px;padding:18px 18px 16px;border-radius:22px;text-decoration:none!important;color:#fff!important;overflow:hidden;isolation:isolate;background:radial-gradient(120% 140% at 100% 0%,#0A6CD0 0%,transparent 55%),linear-gradient(135deg,#2E1065 0%,#5B21B6 55%,#7C3AED 100%);box-shadow:0 18px 36px -20px rgba(46,16,101,.9)}
.ap-fbcard:before{content:"";position:absolute;right:-50px;bottom:-60px;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.08);z-index:-1}
.ap-fbcard:active{transform:scale(.98)}
.ap-fbcard .fb-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:4px}
.ap-fbcard .ic{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);display:grid;place-items:center}.ap-fbcard .ic svg{width:21px;height:21px;fill:#fff!important;color:#fff!important}
.ap-fbcard .fb-stars{display:flex;gap:3px}.ap-fbcard .fb-stars svg{width:14px;height:14px;fill:#FBBF24!important;color:#FBBF24!important}
.ap-fbcard .fb-t{font-size:1.08rem;font-weight:800;line-height:1.25;color:#fff!important;letter-spacing:-.01em}
.ap-fbcard .fb-s{font-size:.84rem;line-height:1.45;color:rgba(255,255,255,.86)!important;max-width:34ch}
.ap-fbcard .fb-go{margin-top:8px;align-self:stretch;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#4C1D95!important;font-weight:800;font-size:.92rem;border-radius:14px;padding:12px 14px;box-shadow:0 8px 18px -10px rgba(0,0,0,.45)}
.ap-fbcard .fb-go svg{width:16px;height:16px;fill:#4C1D95!important;color:#4C1D95!important}.ap-fbcard .fb-go svg:last-child{width:12px;height:12px;margin-left:2px}
.ap-hero-fb{background:linear-gradient(135deg,#2E1065,#5B21B6 55%,#0A6CD0)!important}
.ap-fb{position:relative}.ap-fb textarea,.ap-fb input{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;padding:11px 12px;font:inherit;font-size:16px;background:var(--card,#fff);color:inherit}
.ap-fb textarea{resize:vertical;min-height:120px}.ap-fb2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:420px){.ap-fb2{grid-template-columns:1fr}}
.ap-stars{display:flex;gap:6px}.ap-stars button{width:46px;height:46px;border-radius:12px;border:1px solid var(--line);background:var(--card,#fff);display:grid;place-items:center;cursor:pointer;transition:transform .15s,background-color .2s}
.ap-stars button svg{width:22px;height:22px;fill:#C4CDD9;color:#C4CDD9}.ap-stars button.on{background:#FFF7E6;border-color:#F5A623}.ap-stars button.on svg{fill:#F5A623;color:#F5A623}.ap-stars button:active{transform:scale(.9)}
.ap-fbt{flex-wrap:wrap;overflow:visible;margin:0;padding:0}.ap-fbn{font-size:.76rem;color:var(--muted);margin:10px 0 12px}
.ap-fbgo{width:100%;justify-content:center;gap:8px;display:flex;align-items:center;min-height:48px}.ap-fbgo svg{width:18px;height:18px;fill:currentColor}.ap-fberr{color:#C0392B;font-size:.85rem;margin:8px 0 0}
.ap-fbok{text-align:center;padding:40px 16px}.ap-fbok .ic{width:72px;height:72px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;background:linear-gradient(135deg,#13A35B,#34C38F);animation:hnpop .5s cubic-bezier(.2,.9,.3,1.3)}.ap-fbok .ic svg{width:32px;height:32px;fill:#fff;color:#fff}
.ap-fbok h1{margin:0 0 8px}.ap-fbok p{color:var(--muted);max-width:36ch;margin:0 auto 18px}.ap-fbok-b{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
@keyframes hnpop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}

.ap-vempty{text-align:center;background:var(--card,#fff);border:1px solid var(--line);border-radius:18px;padding:22px 16px}.ap-vempty .ic{width:52px;height:52px;border-radius:16px;margin:0 auto 10px;display:grid;place-items:center;background:#EEF5FF;color:#0A6CD0}.ap-vempty .ic svg{width:24px;height:24px;fill:currentColor}
.ap-vempty h3{margin:0 0 6px}.ap-vempty p{color:var(--muted);font-size:.88rem;margin:0 0 14px}.ap-vempty-b{display:grid;gap:8px}.ap-vempty-b .btn{width:100%;justify-content:center}

#vSt a{display:block;text-align:center;text-decoration:none;color:inherit;font-weight:700;padding:9px 4px;border-radius:10px;font-size:.86rem}#vSt a.on{background:#fff;color:#0A6CD0;box-shadow:0 2px 8px -2px rgba(0,0,0,.15)}
.ap-revcard{display:flex;align-items:center;gap:12px;margin:14px 0 6px;padding:14px;border-radius:18px;text-decoration:none!important;background:linear-gradient(135deg,#FFFBEB,#FFF4D6);border:1px solid #F8D98B;color:#0A1A33!important}
.ap-revcard .rv-g{width:44px;height:44px;flex:none;border-radius:50%;background:#fff;display:grid;place-items:center;font:800 22px/1 Arial,sans-serif;color:#4285F4;box-shadow:0 4px 12px -6px rgba(0,0,0,.3)}
.ap-revcard .rv-tx{flex:1;min-width:0;display:grid;gap:2px}.ap-revcard .rv-st{color:#F5A623;letter-spacing:2px;font-size:.9rem}.ap-revcard b{font-size:.92rem;color:#0A1A33!important}.ap-revcard small{font-size:.76rem;color:#6B5A2E!important}
.ap-revcard .rv-go{flex:none;background:#0A1A33;color:#fff!important;font-weight:800;font-size:.76rem;border-radius:999px;padding:8px 11px}
@media (max-width:380px){.ap-revcard{flex-wrap:wrap}.ap-revcard .rv-go{width:100%;text-align:center}}
.ap-item-rv .ic{background:#FFF4D6!important;color:#F5A623!important}

/* iPhone "Add to Home Screen" hint banner (shown only in iOS Safari, once) */
.ap-a2hs{position:fixed;left:12px;right:12px;bottom:calc(var(--navh,64px) + 12px + env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:#0C2244;color:#fff;box-shadow:0 18px 44px -14px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.12);transform:translateY(140%);opacity:0;transition:transform .28s ease,opacity .28s ease}
.ap-a2hs.on{transform:translateY(0);opacity:1}
.ap-a2hs img{border-radius:10px;flex:none}
.ap-a2hs-t{flex:1;min-width:0;line-height:1.35}
.ap-a2hs-t b{display:block;font-size:14.5px}
.ap-a2hs-t span{display:block;font-size:12.5px;color:#C6D3E6;margin-top:1px}
.ap-a2hs-t span b{display:inline;color:#fff}
.ap-a2hs-x{flex:none;width:30px;height:30px;border:0;border-radius:9px;background:rgba(255,255,255,.12);color:#fff;font-size:20px;line-height:1;cursor:pointer}
.ap-a2hs-x:hover{background:rgba(255,255,255,.2)}