/* Premium static-site skin for the existing JavaScript tools app. */
:root{color-scheme:light;--p-ink:#172622;--p-muted:#60716b;--p-paper:#f5f7f3;--p-surface:#fff;--p-line:#dfe7df;--p-accent:#176b52;--p-strong:#0e513d;--p-soft:#e5f2e9;--p-radius:18px;--p-shadow:0 12px 36px rgba(24,49,38,.07)}
html{scroll-behavior:smooth;background:var(--p-paper)}body{margin:0;background:var(--p-paper)!important;color:var(--p-ink)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}::selection{background:#c8e6d2;color:#123d2e}
a{text-underline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #6eb89b!important;outline-offset:3px}
#root{min-height:100vh}#root>div{background:var(--p-paper)!important;color:var(--p-ink)!important}
header.sticky{background:rgba(250,252,248,.94)!important;border-bottom:1px solid var(--p-line)!important;box-shadow:0 2px 12px rgba(25,54,39,.025);backdrop-filter:blur(16px)}
header.sticky>div{max-width:1180px!important}header.sticky a{text-decoration:none}header.sticky a span{color:var(--p-ink)!important;font-weight:800!important;letter-spacing:-.045em!important}header.sticky a svg{color:var(--p-accent)!important}
header input[placeholder*="Search"]{background:#f0f4ef!important;border:1px solid #dce5dc!important;border-radius:999px!important;min-height:42px;padding-left:18px!important}
header button[aria-label="Toggle theme"]{border:1px solid var(--p-line);border-radius:50%!important;width:42px;height:42px;background:#fff!important}
main.container{max-width:1180px!important;padding-top:34px!important;padding-bottom:64px!important}main h1{color:var(--p-ink)!important;letter-spacing:-.055em!important;line-height:1.08!important}main h2,main h3{color:var(--p-ink);letter-spacing:-.035em}main p{line-height:1.7}
main button,main a,footer a{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}main button{cursor:pointer}main button:hover{transform:translateY(-1px)}
main button.bg-gradient-to-r,main button[class*="bg-gradient"]{background:var(--p-accent)!important;box-shadow:none!important}
main section.rounded-\[1\.75rem\]{position:relative;overflow:hidden;background:#eaf3e9!important;border:1px solid #d3e3d4!important;border-radius:26px!important;box-shadow:none!important;padding:clamp(24px,4vw,48px)!important}
main section.rounded-\[1\.75rem\]::after{content:"";position:absolute;width:230px;height:230px;right:-75px;top:-95px;border:1px solid rgba(23,107,82,.14);border-radius:50%;pointer-events:none}
main section.rounded-\[1\.75rem\] h1,main section.rounded-\[1\.75rem\] h2{letter-spacing:-.055em!important}main section.rounded-\[1\.75rem\] button{border-radius:999px!important}
main section.rounded-\[1\.75rem\] button.bg-\[var\(--color-mint-deep\)\]{background:var(--p-accent)!important;box-shadow:none!important}
main .rounded-xl,main .rounded-2xl{border-radius:var(--p-radius)!important}main .shadow-xl,main .shadow-lg,main .shadow-md,main .shadow-sm{box-shadow:var(--p-shadow)!important}
main .bg-white,main .dark\:bg-slate-800,main .dark\:bg-slate-900{background-color:var(--p-surface)!important}main .border-gray-200,main .dark\:border-white\/10{border-color:var(--p-line)!important}
main .text-gray-500,main .text-gray-600{color:var(--p-muted)!important}main .text-teal-700,main .text-teal-600,main .text-\[var\(--color-mint-deep\)\]{color:var(--p-accent)!important}
main .bg-blue-50\/50{background:#edf5f1!important}main input,main textarea,main select{max-width:100%;border-color:#d7e2d9!important;border-radius:13px!important}main textarea{line-height:1.65}
main button[class*="bg-[var(--color-mint-deep)]"],main button[class*="bg-teal-"]{background:var(--p-accent)!important;color:#fff!important}main button[class*="border"]{border-color:var(--p-line)}
main a{color:var(--p-accent)}main a:hover{color:var(--p-strong)}main .grid>a,main ul.grid a{background:#fff;border:1px solid var(--p-line)!important;border-radius:14px!important;padding:14px 16px!important;text-decoration:none;color:var(--p-ink)!important}
main .grid>a:hover,main ul.grid a:hover{border-color:#9dc8b0!important;box-shadow:0 8px 20px rgba(24,49,38,.06);transform:translateY(-2px)}
main [class*="bg-gradient"]{background-image:none!important}main [class*="bg-purple"],main [class*="text-purple"]{color:var(--p-accent)!important}main [class*="bg-purple"]{background-color:var(--p-soft)!important}
footer{background:#172622!important;color:#eaf1eb!important;border-top:1px solid #2b3e35!important}footer a,footer p,footer span{color:#b7c8bc!important}footer a:hover{color:#fff!important}
#seo-content{max-width:1120px!important;margin:28px auto 56px!important;padding:28px!important;background:#fff!important;border:1px solid var(--p-line);border-radius:22px;color:var(--p-ink)!important;box-shadow:0 8px 26px rgba(24,49,38,.035)}
#seo-content h2{color:var(--p-ink);letter-spacing:-.035em}#seo-content p,#seo-content li{color:var(--p-muted);opacity:1!important}#seo-content a{color:var(--p-accent)}#seo-content .grid a{border-color:var(--p-line)!important;border-radius:12px}
details{border:1px solid var(--p-line);border-radius:12px;padding:12px 15px;margin:8px 0;background:#fff}summary{cursor:pointer;font-weight:650}
@media(max-width:700px){main.container{padding:22px 16px 42px!important}header.sticky>div>div{gap:10px!important}main section.rounded-\[1\.75rem\]{padding:22px!important;border-radius:20px!important}#seo-content{margin:16px!important;padding:20px!important}main h1{font-size:clamp(1.7rem,7vw,2.3rem)!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}