
/* Enhancements v3 */
.site-nav a[aria-current="page"],
.footer-links a[aria-current="page"]{
  color:var(--bg);
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  border-color:transparent;
  text-decoration:none;
  font-weight:700;
}
.result-box{position:relative;overflow:hidden}
.copy-result-btn{
  margin-top:12px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.04);
  color:var(--text);
  padding:8px 11px;
  border-radius:10px;
  cursor:pointer;
  font:inherit;
}
.copy-result-btn:hover{background:rgba(125,211,252,.12);text-decoration:none}
.calc-note-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:14px}
.calc-note{border:1px solid var(--border);background:rgba(255,255,255,.025);border-radius:14px;padding:14px}
.calc-note strong{display:block;margin-bottom:6px;color:var(--text)}
.table-wrap{overflow:auto;margin-top:14px;border:1px solid var(--border);border-radius:14px}
table.clean-table{width:100%;border-collapse:collapse;min-width:560px;background:rgba(255,255,255,.018)}
table.clean-table th,table.clean-table td{padding:11px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
table.clean-table th{color:var(--text);background:rgba(255,255,255,.035)}
table.clean-table tr:last-child td{border-bottom:0}
.ad-slot{display:none}
.ads-enabled .ad-slot{
  min-height:120px;
  display:grid;
  place-items:center;
  margin-top:20px;
  border:1px dashed var(--border);
  border-radius:var(--radius);
  color:var(--muted);
  background:rgba(255,255,255,.018);
  font-size:.92rem;
}
.ad-slot__label{display:block;margin-bottom:8px;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-align:center;text-transform:uppercase}
.adsbygoogle{width:100%;min-height:100px}
.breadcrumbs{display:flex;align-items:center;gap:8px;margin:14px 0 0;color:var(--muted);font-size:.86rem}
.breadcrumbs a{color:var(--accent)}
.breadcrumbs__separator{opacity:.55}
.review-note{margin-top:8px;color:var(--muted);font-size:.86rem}
.review-note a{color:var(--accent)}
.related-tools{margin-top:20px}
.related-tools__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.related-tools__links a{display:inline-flex;align-items:center;padding:9px 12px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.025)}
.tool-directory{margin-top:20px}
.tool-directory__head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}
.tool-directory__head p{margin:5px 0 0;color:var(--muted);font-size:.88rem}
.tool-directory__head input{width:min(340px,100%);border:1px solid var(--border);border-radius:12px;padding:11px 13px;background:var(--panel-2,#0e1728);color:var(--text);font:inherit}
.tool-directory__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.tool-card{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025);color:var(--text);text-decoration:none}
.tool-card:hover,.tool-card.is-favorite{border-color:var(--accent);background:rgba(125,211,252,.08);text-decoration:none}
.tool-card.is-favorite::before{content:'★';color:#fbbf24}
.tool-card__badge{padding:3px 7px;border-radius:999px;background:var(--accent);color:var(--bg);font-size:.68rem;font-weight:800;text-transform:uppercase}
.utility-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.utility-toolbar button,.theme-toggle{width:auto!important;padding:8px 11px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.03);color:var(--text);font:inherit;font-size:.84rem;cursor:pointer}
.utility-toolbar button:hover,.theme-toggle:hover{border-color:var(--accent)}
html[data-theme="light"]{--bg:#f5f7fb;--panel:#ffffff;--panel-2:#eef2f8;--text:#172033;--muted:#52617a;--border:#ccd5e3;--accent:#0369a1;--accent-2:#0891b2;--ok:#15803d}
html[data-theme="light"] body{background:#f5f7fb!important;color:#172033!important}
html[data-theme="light"] .card{background:#fff!important;border-color:#ccd5e3!important}
html[data-theme="light"] .site-nav a,html[data-theme="light"] .footer-links a{color:#172033}
html.embed-mode .site-nav,html.embed-mode .footer,html.embed-mode .breadcrumbs,html.embed-mode .review-note,html.embed-mode .related-tools,html.embed-mode .ad-slot,html.embed-mode .theme-toggle{display:none!important}
html.embed-mode .container{padding-top:8px}
.inline-warning{border-left:4px solid var(--accent);padding:10px 12px;background:rgba(125,211,252,.08);border-radius:10px;margin-top:12px;color:var(--muted)}

/* ── Share button ─────────────────────────────────────────────────────── */
.share-btn{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:110px;
  border-color:var(--accent-2) !important;
  color:var(--accent) !important;
  font-size:.92rem;
}
.share-btn:hover{background:rgba(125,211,252,.1) !important}

/* ── Auto-history container ───────────────────────────────────────────── */
#_auto-history button:hover{border-color:var(--accent-2) !important;background:rgba(125,211,252,.06) !important}

/* ── Preset UI ────────────────────────────────────────────────────────── */
#_auto-preset{
  display:flex;
  gap:8px;
  margin-top:8px;
  flex-wrap:wrap;
}
#_auto-preset input{
  flex:1 1 140px;
  min-width:0;
  font-size:.88rem;
  padding:8px 12px;
  border-radius:10px;
  border:1px solid var(--border);
  background:var(--panel-2);
  color:var(--text);
  outline:none;
}
#_auto-preset button{
  width:auto !important;
  flex:0 0 auto;
  font-size:.88rem;
  padding:8px 12px;
  border-radius:10px;
  min-width:70px;
}
#_auto-preset select{
  flex:1 1 140px;
  min-width:0;
  font-size:.88rem;
  padding:8px 12px;
  border-radius:10px;
  border:1px solid var(--border);
  background:var(--panel-2);
  color:var(--text);
  outline:none;
}

/* ── E-series comparison table ────────────────────────────────────────── */
.eseries-table th{font-size:.8rem;padding:7px 10px}
.eseries-table td{font-size:.88rem;padding:7px 10px}
.eseries-table .best{color:var(--ok);font-weight:700}

@media (max-width:640px){
  .calc-note-grid{grid-template-columns:1fr}
  table.clean-table{min-width:480px}
  .share-btn{min-width:90px}
  #_auto-preset{flex-direction:column}
  .tool-directory__head{align-items:stretch;flex-direction:column}
  .tool-directory__head input{width:100%}
}

@media print{
  .site-nav,.footer,.breadcrumbs,.review-note,.button-row,#_auto-preset,#_auto-history,.utility-toolbar,.ad-slot{display:none!important}
  body{background:#fff!important;color:#111!important}
  .card{box-shadow:none!important;border-color:#bbb!important;break-inside:avoid}
}
