/* Professional navigation, homepage polish, card click states, and share buttons */
:root{
  --nav-accent:#e5322d;
  --nav-accent-dark:#c9221d;
  --nav-ink:#111827;
  --nav-soft:#f8fafc;
}
.top{
  backdrop-filter:saturate(140%) blur(10px);
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid rgba(226,232,240,.9)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.06)!important;
}
.nav{min-height:48px;}
.brand{letter-spacing:-.02em;gap:9px!important;}
.brand .mark{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff1f2,#eef2ff);border:1px solid #e5e7eb;font-size:20px!important;}
.navlinks{align-items:center;justify-content:flex-end!important;gap:10px!important;}
.navlinks a,.navlinks button{border:1px solid transparent;border-radius:999px!important;font-weight:700!important;padding:10px 14px!important;background:transparent;cursor:pointer;font:inherit;color:var(--nav-ink);}
.navlinks a:hover,.navlinks button:hover{background:#fff1f2!important;border-color:#fecaca!important;color:var(--nav-accent)!important;}
.navlinks a.home-btn,.navlinks a.share-site-btn,.navlinks button.share-site-btn{background:linear-gradient(135deg,var(--nav-accent),#ff6b5b)!important;color:#fff!important;box-shadow:0 10px 22px rgba(229,50,45,.18);}
.navlinks a.home-btn:hover,.navlinks a.share-site-btn:hover,.navlinks button.share-site-btn:hover{color:#fff!important;transform:translateY(-1px);box-shadow:0 14px 28px rgba(229,50,45,.24);}
.hero{position:relative;overflow:hidden;border:1px solid rgba(226,232,240,.9);box-shadow:0 20px 55px rgba(15,23,42,.08);}
.hero:after{content:'';position:absolute;inset:auto -80px -120px auto;width:260px;height:260px;border-radius:999px;background:rgba(229,50,45,.08);filter:blur(8px);}
.tool-page-hero{background:linear-gradient(135deg,#fff7f7 0%,#eef2ff 100%);border:1px solid #e5e7eb;border-radius:18px;margin:34px 0 26px;padding:34px 28px;box-shadow:0 18px 45px rgba(15,23,42,.07);}
.tool-page-hero h1{font-size:38px;line-height:1.15;margin:8px 0 8px;color:#111827;}
#toolWorkspace{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:30px!important;box-shadow:0 18px 45px rgba(15,23,42,.08);}
.tool-upload{display:block!important;border:2px dashed #cbd5e1!important;background:#f8fafc!important;border-radius:16px!important;padding:24px!important;cursor:pointer;transition:.25s ease;}
.tool-upload:hover,.tool-upload.drag{border-color:var(--nav-accent)!important;background:#fff7f7!important;}
.tool-upload .choose{display:inline-flex;margin-top:10px;background:var(--nav-ink);color:#fff;border-radius:999px;padding:9px 14px;font-weight:700;}
.process,#pageToolBtn,.primary,#pageToolDownload,.download-btn{border-radius:12px!important;font-weight:800!important;letter-spacing:.01em;}
.preview-wrap img,.preview{max-width:100%!important;height:auto!important;border-radius:14px!important;border:1px solid #e5e7eb!important;box-shadow:0 14px 36px rgba(15,23,42,.10)!important;}
.tool-result.show{background:#f0fdf4!important;border-color:#bbf7d0!important;}
.tools-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr))!important;gap:24px!important;}
.tool-card,.resource-card,.article-card{will-change:transform;}
.tool-card,.tool-card.boxed-tool-card{background:linear-gradient(180deg,#ffffff,#fbfdff)!important;border:1px solid #e2e8f0!important;border-radius:20px!important;box-shadow:0 12px 34px rgba(15,23,42,.08)!important;min-height:255px;padding:26px!important;}
.tool-card:hover{transform:translateY(-8px)!important;box-shadow:0 22px 55px rgba(15,23,42,.14)!important;border-color:#fecaca!important;}
.tool-card:after{content:'';position:absolute;inset:10px;border:1px solid rgba(226,232,240,.65);border-radius:16px;pointer-events:none;}
.tool-card .tool-icon{width:76px!important;height:76px!important;margin:0 auto 16px!important;border-radius:18px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);}
.tool-card-badge{position:absolute;top:14px;left:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;color:#64748b;}
.tool-card[role='link']:focus-visible,.resource-card:focus-visible{outline:3px solid rgba(229,50,45,.35);outline-offset:3px;}
.tool-card[role='link']:hover{cursor:pointer;}
.resource-card{gap:14px;}
.resource-card-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:auto;}
.resource-card-actions .download-btn{flex:1 1 150px;}
.share-btn,.share-card-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e5e7eb;background:#fff;color:#111827;border-radius:12px;padding:11px 16px;font-weight:800;font-size:13px;cursor:pointer;transition:.25s ease;text-decoration:none;}
.share-btn:hover,.share-card-btn:hover{border-color:#fecaca;background:#fff1f2;color:var(--nav-accent);transform:translateY(-2px);}
.user-guide-box{margin-top:-38px!important;}
.guide-shell{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:28px;box-shadow:0 18px 45px rgba(15,23,42,.07);}
.guide-shell h2{font-size:28px;margin:8px 0 18px;color:#111827;letter-spacing:-.03em;}
.guide-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;}
.guide-steps article{display:flex;gap:12px;align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px;}
.guide-steps b{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--nav-accent);color:#fff;flex:0 0 30px;}
.guide-steps span{font-size:14px;color:#334155;line-height:1.55;}
.guide-note{margin-top:16px;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:12px 14px;color:#9a3412;font-size:14px;}
.modal-guide-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px;margin-bottom:18px;}
.modal-guide-box strong{display:block;margin-bottom:8px;color:#111827;}
.modal-guide-box ol{padding-left:20px;color:#475569;font-size:14px;line-height:1.65;}
.more-articles-section{max-width:1400px;margin:20px auto 20px;padding-left:24px!important;padding-right:24px!important;}
.extra-articles-grid .article-card{box-shadow:0 12px 34px rgba(15,23,42,.07);}
.share-modal{position:fixed;inset:0;background:rgba(15,23,42,.58);z-index:9999;display:none;align-items:center;justify-content:center;padding:18px;}
.share-modal.show{display:flex;}
.share-box{width:min(520px,100%);background:#fff;border-radius:22px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.25);position:relative;}
.share-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:999px;background:#f1f5f9;font-size:24px;cursor:pointer;}
.share-box h3{font-size:26px;margin:0 0 8px;color:#111827;}
.share-box p{color:#64748b;margin-bottom:14px;}
.share-copy-input{width:100%;border:1px solid #e2e8f0;background:#f8fafc;border-radius:12px;padding:12px;margin-bottom:14px;color:#334155;}
.share-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.share-options a,.share-options button{border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:12px;text-align:center;font-weight:800;color:#111827;cursor:pointer;text-decoration:none;}
.share-options a:hover,.share-options button:hover{background:#fff1f2;border-color:#fecaca;color:var(--nav-accent);}
.section-title{letter-spacing:-.03em;}
.section-sub{line-height:1.75;}
.footer{box-shadow:0 -20px 45px rgba(15,23,42,.08);}
html{scroll-behavior:smooth;}
#tools,#contact,#faq,#free-courses{scroll-margin-top:90px;}
@media (max-width:768px){.top{padding:10px 12px!important;}.nav{align-items:flex-start;gap:10px!important;}.brand{min-width:auto!important;font-size:17px!important;padding-top:4px;}.navlinks{display:flex!important;flex:1;justify-content:flex-end!important;gap:6px!important;}.navlinks a,.navlinks button{font-size:12px!important;padding:8px 10px!important;}.navlinks a:not(.home-btn):not(.share-site-btn):not([href*='tools']):not([href*='contact']),.navlinks button:not(.share-site-btn){display:none;}main{padding:0 14px!important;}.hero{margin:24px 0 36px!important;padding:42px 18px!important;}.hero h1{font-size:30px!important;}.tool-page-hero{margin:20px 0;padding:24px 18px;}.tool-page-hero h1{font-size:28px;}#toolWorkspace{padding:20px!important;}.resource-card-actions{flex-direction:column;}.share-options{grid-template-columns:1fr;}.more-articles-section{padding-left:14px!important;padding-right:14px!important;}.guide-shell{padding:20px;}}
@media (max-width:480px){.nav{flex-direction:column;align-items:stretch!important;}.navlinks{justify-content:flex-start!important;overflow-x:auto;padding-bottom:2px;}.navlinks a,.navlinks button{white-space:nowrap;}.tools-grid{grid-template-columns:1fr!important;}}