:root{--green:#079653;--green-dark:#056b3b;--ink:#12261c;--muted:#6b7a6f;--border:#e2ece6;--soft:#f4faf6}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Nastaliq Urdu",Arial,sans-serif;
color:var(--ink);background:#fff;line-height:1.7;-webkit-text-size-adjust:100%}
.wrap{max-width:780px;margin:0 auto;padding:0 18px}
header.nav{background:var(--green);color:#fff;padding:12px 0;position:sticky;top:0;z-index:9}
header.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}
header.nav a{color:#fff;text-decoration:none;font-weight:700}
header.nav a.navlink{font-weight:600;opacity:.92;font-size:14px}
main{padding:18px 0 40px}
.crumbs{font-size:13px;color:var(--muted)}
.crumbs a{color:var(--muted)}
h1{font-size:30px;line-height:1.25;margin:6px 0 10px;letter-spacing:-.6px}
h2{font-size:21px;margin:30px 0 8px}
h3{font-size:16px;margin:18px 0 4px}
p,li{font-size:15.5px}
.lead{color:#2c3f34;font-size:16.5px}
.card{background:var(--soft);border:1px solid var(--border);border-radius:16px;padding:18px;margin:22px 0}
label{display:block;font-size:13px;font-weight:700;margin:12px 0 6px}
input,select{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-size:16px;background:#fff;color:var(--ink)}
button{margin-top:16px;width:100%;padding:13px 18px;border:0;border-radius:10px;background:var(--green);color:#fff;font-size:16px;font-weight:700;cursor:pointer}
button:hover{background:var(--green-dark)}
.result{font-size:20px;font-weight:800;color:var(--green);margin:16px 0 0}
.more,.status{font-size:13px;color:var(--muted);margin-top:8px;word-break:break-word}
code{display:inline-block;background:#fff;border:1px solid var(--border);border-radius:8px;padding:6px 10px;margin:4px 0;font-size:15px;overflow-wrap:anywhere}
.appbtn{display:inline-block;margin-top:16px;background:var(--green);color:#fff;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:700;font-size:14.5px}
.qrbox{margin-top:16px;text-align:center}
.qrbox canvas{max-width:100%;height:auto;background:#fff;border:1px solid var(--border);border-radius:12px;padding:8px}
.more-tools{background:#fff;border:1px dashed var(--border);border-radius:14px;padding:14px 18px;margin-top:26px}
.more-tools ul{margin:6px 0 0;padding-left:18px}
footer{background:var(--soft);border-top:1px solid var(--border);padding:22px 0;color:var(--muted);font-size:14px}
footer a{color:var(--green)}
@media(max-width:520px){h1{font-size:25px}}

/* Shared accessibility and responsive polish for standalone tools. */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid rgba(7,150,83,.42);
  outline-offset:3px;
}
button, .appbtn, .more-tools a{
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
button:hover, .appbtn:hover{
  box-shadow:0 7px 18px rgba(5,107,59,.16);
}
button:active, .appbtn:active{transform:translateY(1px)}
input,select,textarea{
  max-width:100%;
  min-width:0;
  transition:border-color .18s ease,box-shadow .18s ease;
}
input:focus,select:focus,textarea:focus{
  border-color:#079653;
  box-shadow:0 0 0 3px rgba(7,150,83,.10);
  outline:none;
}
.card{
  box-shadow:0 8px 24px rgba(18,38,28,.045);
}
.more-tools a{
  display:inline-block;
  margin:5px 5px 0 0;
  padding:7px 11px;
  border:1px solid var(--border);
  border-radius:999px;
  color:var(--green-dark);
  text-decoration:none;
  font-weight:650;
  background:#fff;
}
.more-tools a:hover{
  border-color:#9bd6b8;
  background:var(--soft);
}
.nav a{text-underline-offset:3px}
@media(max-width:520px){
  .wrap{padding-left:14px;padding-right:14px}
  main{padding-top:14px}
  .card{padding:14px;border-radius:14px}
  .more-tools{padding:12px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
/* Crypto calculator heading: align with the modern Apni Shop tool system. */
.ap-tool-heading{display:flex;align-items:center;gap:14px;margin:8px 0 12px}
.ap-tool-heading-icon{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:17px;color:#fff;background:linear-gradient(140deg,#0ba65e,#087f5b 58%,#6554e8);box-shadow:0 8px 18px rgba(8,127,91,.2)}
.ap-tool-heading-icon svg{width:29px;height:29px}
.ap-tool-heading h1{margin:0;font-size:clamp(25px,4vw,34px);letter-spacing:-.7px}
.ap-tool-heading-sub{margin:4px 0 0;color:#65728b;font-size:13px;font-weight:650;letter-spacing:.1px}
@media(max-width:520px){.ap-tool-heading{gap:11px}.ap-tool-heading-icon{flex-basis:46px;width:46px;height:46px;border-radius:14px}.ap-tool-heading-icon svg{width:25px;height:25px}.ap-tool-heading h1{font-size:24px}}