/* AZRS legacy tool pages (agent B): shared tweaks on top of azrs-tool.css */
.az-tool .az-wsbody{overflow-x:auto}
.az-tool .az-wsbody input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),
.az-tool .az-wsbody select{min-height:46px;font-size:16px;border-radius:14px}
.az-tool .az-wsbody textarea{font-size:16px;border-radius:16px}
.az-tool .az-wsbody button,.az-tool .az-wsbody .btn{min-height:44px}
.az-tool .az-lg-card{background:#fff;border:1px solid var(--az-line);border-radius:26px;padding:clamp(20px,3.4vw,34px);box-shadow:0 24px 50px -34px rgba(50,60,140,.5);margin-bottom:22px}
.az-tool .az-lg-card h2{font-family:'Plus Jakarta Sans','Inter',sans-serif;font-weight:800;letter-spacing:-.02em;color:var(--az-text)}
.az-tool .az-rvw{margin-top:34px}
.az-tool .az-lg-rl{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;background:var(--az-ground);border:1px solid var(--az-line);border-radius:999px;color:var(--az-text);font-weight:700;font-size:14.5px}
.az-tool .az-lg-rl:hover{border-color:var(--az-a);color:var(--az-ink)}
@media(max-width:700px){.az-tool .az-wrap{padding:0 14px}}
/* compact, to-the-point intro: tool first */
.az-tool.az-compact .az-crumbs{padding:10px 0 4px;font-size:12.5px}
.az-tool.az-compact .az-intro{padding:2px 0 12px !important}
.az-tool.az-compact .az-intro .az-h1{font-size:clamp(1.5rem,3vw,2.1rem) !important;line-height:1.15 !important;max-width:none;letter-spacing:-.02em}
.az-tool.az-compact .az-intro .az-lead{font-size:.98rem;margin:6px 0 0 !important;max-width:46em;line-height:1.45}
.az-tool.az-compact .az-badges{display:none}
.az-tool.az-compact .az-cat{margin-bottom:8px;padding:5px 12px;font-size:11.5px}
.az-tool.az-compact .az-wm{top:-18px;font-size:clamp(4rem,10vw,7rem)}
@media(max-width:700px){.az-tool.az-compact .az-wm{top:-10px;font-size:4.5rem}}
/* element / periodic-table pages: remap the dark --ed-* palette to the light AZRS look */
.az-el{--ed-bg:var(--az-ground);--ed-bg2:#fff;--ed-bg3:var(--az-ground);--ed-border:var(--az-line);--ed-border2:rgba(14,18,38,.18);--ed-accent:var(--az-ink);--ed-accent2:#0A7A55;--ed-text:#0E1226;--ed-text2:#434862;--ed-text3:#5A5F78}
.az-el .el-grid{margin-bottom:0}
.az-el .el-card{border-radius:20px;min-height:44px;transition:transform .25s,box-shadow .25s,border-color .25s;background:#fff}
.az-el .el-card:hover{transform:translateY(-6px) rotateX(5deg);box-shadow:0 26px 44px -26px rgba(50,60,140,.5)}
.az-el .el-sym{font-family:'Plus Jakarta Sans',sans-serif}
.az-el .ed-section{border-radius:24px;background:#fff;box-shadow:0 24px 50px -34px rgba(50,60,140,.45);border:1px solid var(--az-line)}
.az-el .az-wsbody .ed-section{box-shadow:none;background:transparent;border:0;padding:6px 0 0}
.az-el .ed-section h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;color:var(--az-text);font-size:1.25rem}
.az-el .ed-stat{border-radius:18px;background:var(--az-ground)}
.az-el .az-wsbody .ed-stat{background:#fff}
.az-el .ed-cta a{background:var(--az-a);border-radius:999px;min-height:48px;display:inline-flex;align-items:center;padding:0 28px}
.az-el .ed-related a,.az-el .el-catlinks a{border-radius:999px;min-height:40px;display:inline-flex;align-items:center}
.az-el .ed-hero{background:#fff !important;border:1px solid var(--az-line) !important;border-radius:28px !important;box-shadow:0 24px 50px -34px rgba(50,60,140,.45)}
.az-el .ed-title h1{color:var(--az-text) !important;font-family:'Plus Jakarta Sans',sans-serif}
.az-el .ed-badge{border-radius:999px;background:var(--az-ground) !important;color:var(--az-ink) !important;border:1px solid var(--az-line) !important}
.az-el .ed-title .sub{color:var(--az-muted) !important}
.az-el .ed-section h2{text-align:left}
/* "family B" legacy layout (hero + 8/4 columns): find_replace, case_converter, diff_checker... */
.az-fam{--accent:var(--az-a);--g50:var(--az-ground);--g100:color-mix(in srgb,var(--az-a) 12%,#fff);--g200:color-mix(in srgb,var(--az-a) 26%,#fff);--g300:var(--az-a);--g500:var(--az-a);--g600:var(--az-a);--g700:var(--az-ink);--g800:var(--az-ink);--radius:22px;--shadow:none;--shadow-lg:0 20px 40px -24px rgba(50,60,140,.5)}
.az-fam .card{border-radius:24px;box-shadow:none;border:1px solid var(--az-line);background:#fff}
.az-fam .card-header{background:var(--az-ground);color:var(--az-text);border-bottom:1px solid var(--az-line)}
.az-fam .card-header h2{color:var(--az-text);font-family:'Plus Jakarta Sans','Inter',sans-serif;font-weight:800}
.az-fam .card-header i{color:var(--az-a) !important}
.az-fam .btn-g,.az-fam .btn-dark,.az-fam .btn-danger,.az-fam .mode-tab,.az-fam .chip{border-radius:999px;min-height:44px}
.az-fam .btn-g{background:var(--az-a)}
.az-fam .btn-dark{background:var(--az-text)}
.az-fam .btn-sm{min-height:38px}
.az-fam .txt{border-radius:16px;font-size:16px;border:1.5px solid rgba(14,18,38,.14)}
.az-fam .txt:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--az-a) 18%,transparent)}
.az-fam input[type=text],.az-fam input[type=number],.az-fam input[type=search],.az-fam select{border-radius:14px;min-height:44px;font-size:16px}
.az-fam .az-side{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px;align-items:start}
.az-fam .az-side>.card{margin:0 !important}
.az-fam .az-wsbody>.card:last-child{margin-bottom:0}
.az-fam .lang-pill{border-radius:16px;background:var(--az-ground);border-color:var(--az-line)}
.az-fam .sec-title,.az-fam h2.sec-title{font-family:'Plus Jakarta Sans',sans-serif}
.az-fam .az-wsbody{padding:0 !important}
.az-fam .az-wsbody>.card{border:0;border-radius:0;box-shadow:none;margin:0 !important;border-bottom:1px solid var(--az-line)}
.az-fam .az-wsbody>.card:last-child{border-bottom:0}
.az-fam .az-wsbody>.row{margin:0;padding:18px}
.az-fam .card{padding:0 !important}
.az-tool .az-lg-card p{color:var(--az-muted);line-height:1.7;margin:0 0 12px}
.az-tool .az-lg-card details{border:1px solid var(--az-line);border-radius:18px;background:var(--az-ground);margin:8px 0;padding:0 18px}
.az-tool .az-lg-card summary{min-height:50px;display:flex;align-items:center;cursor:pointer;font-weight:700;color:var(--az-text)}
.az-tool .az-lg-card details p{margin:0 0 14px}
