/* Modern iLovePDF + Learner dashboard inspired UI layer for DocProTools homepage, course cards and resources */
:root{
  --primary:#2563eb;
  --primary-dark:#1d4ed8;
  --primary-soft:#eff6ff;
  --bg:#f3f4f6;
  --card:#ffffff;
  --text:#1f2937;
  --muted:#6b7280;
  --border:#e5e7eb;
  --shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);
  --shadow-lg:0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1);
  --radius:12px;
}
body{background:var(--bg)!important;color:var(--text)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif!important;}
.top.app-header,.top{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--border)!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important;backdrop-filter:blur(12px);position:sticky;top:0;z-index:1000;}
.app-nav,.nav{max-width:1180px!important;min-height:58px!important;}
.brand{color:var(--text)!important;font-weight:850!important;}
.mark{background:linear-gradient(135deg,#dbeafe,#eff6ff)!important;border-color:#bfdbfe!important;color:var(--primary)!important;}
.navlinks a,.navlinks button{border-radius:10px!important;color:#374151!important;font-weight:700!important;}
.navlinks a:hover,.navlinks button:hover{background:var(--primary-soft)!important;border-color:#bfdbfe!important;color:var(--primary)!important;}
.home-btn,.share-site-btn{background:var(--primary)!important;color:#fff!important;box-shadow:none!important;border-color:var(--primary)!important;}
main{max-width:1180px!important;}
.modern-hero,.hero{background:#fff!important;border:1px solid var(--border)!important;border-radius:18px!important;box-shadow:var(--shadow)!important;margin:34px 0 42px!important;padding:72px 28px!important;}
.hero-eyebrow,.section-kicker{display:inline-flex;align-items:center;width:max-content;border:1px solid #bfdbfe;background:var(--primary-soft);color:var(--primary-dark);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px;}
.modern-hero h1,.hero h1{max-width:850px;margin:0 auto 16px!important;color:var(--text)!important;font-size:clamp(2.25rem,5vw,4.25rem)!important;line-height:1.04!important;letter-spacing:-.06em!important;font-weight:900!important;}
.modern-hero p,.hero p{max-width:760px!important;color:var(--muted)!important;font-size:18px!important;}
.hero-actions,.badge-row{justify-content:center;gap:12px!important;margin-top:26px!important;}
.primary,.catalog-btn,.article-btn,.process-btn,#pageToolBtn{background:var(--primary)!important;color:#fff!important;border:1px solid var(--primary)!important;border-radius:10px!important;box-shadow:none!important;}
.primary:hover,.catalog-btn:hover,.article-btn:hover,.process-btn:hover,#pageToolBtn:hover{background:var(--primary-dark)!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:var(--shadow)!important;}
.secondary-cta,.guide-link{background:#fff!important;color:var(--primary)!important;border:1px solid #bfdbfe!important;border-radius:10px!important;}
.secondary-cta:hover,.guide-link:hover{background:var(--primary-soft)!important;color:var(--primary-dark)!important;}
.section{padding:28px 0!important;margin-bottom:24px!important;}
.section-title{color:var(--text)!important;font-weight:900!important;letter-spacing:-.04em!important;}
.section-sub{color:var(--muted)!important;}
.search-box input,#toolSearch{background:#fff!important;border:1px solid var(--border)!important;border-radius:12px!important;box-shadow:var(--shadow)!important;}
.search-box input:focus,#toolSearch:focus,.course-search:focus-within{border-color:var(--primary)!important;box-shadow:0 0 0 4px rgb(37 99 235 / .12)!important;}
.pill{background:#fff!important;border:1px solid var(--border)!important;border-radius:10px!important;color:#374151!important;box-shadow:0 1px 2px rgba(15,23,42,.03);}
.pill:hover,.pill.active{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important;}
.tool-card,.article-card,.faq-card,.contact-card,.main-card,.related-card{background:#fff!important;border:1px solid var(--border)!important;border-radius:14px!important;box-shadow:var(--shadow)!important;}
.tool-card:hover,.article-card:hover,.faq-card:hover,.related-card:hover,.learn-card:hover{transform:translateY(-4px)!important;box-shadow:var(--shadow-lg)!important;border-color:#bfdbfe!important;}
.tool-card:before{background:var(--primary)!important;}
.tool-card:hover{border-color:#bfdbfe!important;}
.open-btn{background:var(--primary)!important;border-radius:10px!important;color:#fff!important;}
.open-btn:hover{background:var(--primary-dark)!important;color:#fff!important;box-shadow:var(--shadow)!important;}
.learning-dashboard.ilove-panel,.learning-dashboard{background:#fff!important;border:1px solid var(--border)!important;border-radius:18px!important;padding:28px!important;box-shadow:var(--shadow)!important;}
.screenshot-panel{padding:30px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;}
.learning-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:22px;}
.course-dashboard-head{align-items:flex-start;}
.learning-head h2{margin:0;color:var(--text);font-size:clamp(1.75rem,3vw,2.35rem);font-weight:900;letter-spacing:-.04em;}
.learning-head p{margin:8px 0 0;color:var(--muted);max-width:690px;line-height:1.65;}
.course-toolbar{display:flex;align-items:center;gap:12px;min-width:min(390px,100%);justify-content:flex-end;}
.course-search{height:42px;min-width:280px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:0 12px;color:#9ca3af;box-shadow:0 1px 2px rgba(15,23,42,.04);}
.course-search input{border:0;outline:0;background:transparent;width:100%;font:inherit;color:var(--text);font-size:14px;}
.course-tool-btn,.course-actions-mini button{height:42px;border:1px solid var(--border);background:#fff;color:#4b5563;border-radius:12px;padding:0 13px;font-weight:750;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.03);}
.course-tool-btn:hover,.course-actions-mini button:hover{border-color:#bfdbfe;color:var(--primary);background:var(--primary-soft);}
.course-controls-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:6px 0 24px;}
.learning-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#f9fafb;border:1px solid var(--border);border-radius:14px;padding:6px;}
.course-tabs{background:transparent;border:0;padding:0;}
.learning-tab{appearance:none;border:0;background:transparent;color:#4b5563;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:800;cursor:pointer;transition:.2s ease;white-space:nowrap;}
.course-tabs .learning-tab{background:#fff;border:1px solid transparent;box-shadow:none;}
.learning-tab:hover{background:#fff;color:var(--primary);}
.learning-tab.active{background:var(--primary)!important;color:#fff!important;box-shadow:0 2px 5px rgba(37,99,235,.22);}
.course-actions-mini{display:flex;align-items:center;gap:10px;}
.learning-grid,.course-grid,.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.learn-card{position:relative;display:flex;flex-direction:column;min-height:294px;background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--text);box-shadow:0 3px 10px rgba(15,23,42,.06);transition:.22s ease;}
.learn-cover{position:relative;height:132px;padding:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#dbeafe,#eff6ff);}
.learn-cover.purple{background:linear-gradient(135deg,#eee7ff,#f8f3ff);}
.learn-cover.orange{background:linear-gradient(135deg,#ffe8d5,#fff7ed);}
.learn-cover.green{background:linear-gradient(135deg,#ddfbe8,#f0fdf4);}
.learn-cover.blue{background:linear-gradient(135deg,#dbeafe,#eff6ff);}
.learn-cover.pink{background:linear-gradient(135deg,#fce7f3,#fdf2f8);}
.learn-cover.mint{background:linear-gradient(135deg,#d7fbf1,#ecfeff);}
.learn-cover.amber{background:linear-gradient(135deg,#fef3c7,#fff7ed);}
.learn-art{position:relative;width:112px;height:88px;display:flex;align-items:center;justify-content:center;}
.learn-icon{position:relative;z-index:3;width:68px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:900;color:var(--primary-dark);background:rgba(255,255,255,.78);box-shadow:0 10px 24px rgba(15,23,42,.08),inset 0 0 0 1px rgba(255,255,255,.8);}
.orb,.mini-shape{position:absolute;display:block;border-radius:999px;background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);}
.orb-one{width:66px;height:66px;left:-12px;bottom:4px;}
.orb-two{width:48px;height:48px;right:-6px;top:0;}
.mini-one{width:18px;height:18px;right:14px;bottom:12px;background:rgba(37,99,235,.16);}
.mini-two{width:12px;height:12px;left:22px;top:10px;background:rgba(31,41,55,.10);}
.learn-status{position:absolute;top:12px;left:12px;z-index:5;background:#fff;color:var(--primary-dark);border:1px solid #dbeafe;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900;box-shadow:0 3px 10px rgba(15,23,42,.08);}
.learn-status.done{color:#047857;border-color:#bbf7d0;background:#ecfdf5;}
.learn-fav,.learn-menu{position:absolute;z-index:5;border:0;background:rgba(255,255,255,.78);color:#94a3b8;border-radius:999px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:900;cursor:pointer;}
.learn-fav{top:12px;right:12px;}
.learn-fav.active{color:#f59e0b;}
.learn-menu{right:12px;bottom:12px;font-size:20px;}
.learn-body{padding:17px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1;}
.learn-category{width:max-content;max-width:100%;border-radius:999px;background:#f8fafc;border:1px solid #eef2f7;color:#64748b;font-size:11px;font-weight:850;padding:4px 8px;}
.learn-body h3{margin:0;color:var(--text);font-size:17px;line-height:1.25;font-weight:850;letter-spacing:-.02em;}
.learn-by{font-size:12px;color:var(--muted);line-height:1.45;}
.progress-info{display:flex;align-items:center;justify-content:flex-end;color:var(--primary);font-size:11px;font-weight:850;margin-top:auto;}
.progress-line{height:6px;border-radius:999px;background:#e5e7eb;overflow:hidden;}
.progress-line span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),#38bdf8);}
.learn-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#4b5563;font-size:12px;font-weight:700;border-top:1px solid #f3f4f6;padding-top:12px;margin-top:2px;}
.learn-meta span{display:inline-flex;align-items:center;gap:5px;}
.learn-card.is-hidden{display:none!important;}
.empty-courses{grid-column:1/-1;background:#f9fafb;border:1px dashed #cbd5e1;border-radius:14px;padding:28px;text-align:center;color:var(--muted);font-weight:700;}
.catalog-promo-section{padding-top:0!important;}
.catalog-strip.catalog-modern,.catalog-strip{margin-top:0;background:#fff!important;border:1px solid var(--border)!important;border-radius:18px!important;padding:26px 28px!important;display:flex;align-items:center;justify-content:space-between;gap:22px;box-shadow:var(--shadow)!important;}
.catalog-strip h2{margin:0 0 8px;color:var(--text);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:900;letter-spacing:-.04em;}
.catalog-strip p{margin:0!important;color:var(--muted)!important;max-width:680px;line-height:1.65;}
.catalog-btn{display:inline-flex;align-items:center;justify-content:center;min-width:150px;padding:12px 18px;text-decoration:none;font-weight:850;}
.app-note{font-size:13px;color:var(--muted);margin-top:16px;}
.app-note strong{color:#92400e;}
.modern-footer,.footer{background:#fff!important;border-top:1px solid var(--border)!important;margin-top:34px!important;padding:34px 22px 18px!important;color:var(--muted)!important;}
.footer-grid{max-width:1180px!important;margin:0 auto!important;display:grid!important;grid-template-columns:1.4fr repeat(3,1fr)!important;gap:24px!important;}
.footer-brand{font-size:22px!important;font-weight:900!important;color:var(--text)!important;}
.footer-brand span{color:var(--primary)!important;}
.footer h4{color:var(--text)!important;margin-bottom:10px!important;}
.footer ul{list-style:none!important;padding:0!important;margin:0!important;display:grid!important;gap:8px!important;}
.footer a{color:#4b5563!important;}
.footer a:hover{color:var(--primary)!important;}
.footer-bottom{max-width:1180px!important;margin:24px auto 0!important;border-top:1px solid var(--border)!important;padding-top:16px!important;text-align:center!important;color:var(--muted)!important;font-size:14px!important;}
@media(max-width:1000px){
  .learning-grid,.course-grid,.app-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .learning-head,.course-controls-row{flex-direction:column;align-items:flex-start;}
  .course-toolbar{width:100%;justify-content:flex-start;}
  .footer-grid{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:768px){
  .modern-hero,.hero{padding:46px 18px!important;margin-top:22px!important;}
  .app-nav,.nav{align-items:flex-start!important;}
  .navlinks{overflow-x:auto!important;justify-content:flex-start!important;width:100%;padding-bottom:4px;}
  .learning-dashboard.ilove-panel,.learning-dashboard{padding:20px!important;border-radius:16px!important;}
  .learning-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap;}
  .course-toolbar,.course-search{min-width:0;width:100%;}
  .course-actions-mini{width:100%;overflow-x:auto;}
  .catalog-strip.catalog-modern,.catalog-strip{align-items:flex-start;flex-direction:column;padding:22px!important;}
  .footer-grid{grid-template-columns:1fr!important;}
}
@media(max-width:560px){
  .learning-grid,.course-grid,.app-grid{grid-template-columns:1fr;}
  .learn-card{min-height:270px;}
  .learn-cover{height:118px;}
  .hero-actions,.badge-row{align-items:stretch;flex-direction:column;}
  .hero-actions a,.badge-row a{width:100%;}
}