.djp-wrap,.djp-ai{font-family:"Inter",sans-serif;}
.djp-outfit{font-family:"Outfit",sans-serif;}
.djp-h2{font-family:"Outfit",sans-serif;font-size:22px;font-weight:800;color:#0f172a;margin:36px 0 16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0;letter-spacing:-.3px;}
.djp-main{max-width:860px;margin:0 auto 24px;background:#fff;border:5px solid #000;border-radius:32px;padding:40px 48px;box-shadow:8px 8px 0 #000;}
.djp-ai-inner{margin-top:8px;}
/* ISSUE 38 FIX: Target both h1 and h2 for djp-title (main heading changed to h1) */
h1.djp-title,.djp-title{font-family:"Outfit",sans-serif;font-size:42px;font-weight:900;font-style:italic;text-transform:uppercase;margin:0 0 8px;color:#000;line-height:1.1;}
.djp-date{font-family:"Outfit",sans-serif;font-size:26px;font-weight:700;font-style:italic;color:#444;margin-bottom:32px;}
.djp-word{font-family:"Outfit",sans-serif;font-size:24px;font-weight:800;font-style:italic;margin-bottom:14px;}
.djp-hr{border:none;border-top:2px solid #000;margin:28px 0;}
.djp-lbl{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;}
.djp-clue{font-family:"Outfit",sans-serif;font-size:20px;font-weight:800;font-style:italic;color:#92400e;text-transform:uppercase;line-height:1.35;}
.djp-img img{max-width:100%;border:4px solid #000;border-radius:10px;box-shadow:6px 6px 0 #000;}
.djp-scr-btn{display:inline-block;background:#4477ce;color:#fff;padding:16px 28px;border:4px solid #000;border-radius:8px;font-family:"Outfit",sans-serif;font-size:26px;font-weight:900;font-style:italic;text-transform:uppercase;box-shadow:6px 6px 0 #000;letter-spacing:2px;}
.djp-rev-btn{display:block;background:#000;color:#fff;padding:15px;border-radius:8px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;width:100%;margin-top:14px;font-family:"Inter",sans-serif;}
.djp-rev-btn:hover{background:#333;}
.djp-sc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.djp-sc{border-radius:16px;padding:18px;border:3px solid;box-shadow:4px 4px 0 #000;transition:all .2s;}
.djp-sc:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000;}
.djp-sc-ico{display:none;}
.djp-sc-name{font-family:"Outfit",sans-serif;font-size:15px;font-weight:700;margin-bottom:5px;}
.djp-sc-desc{font-size:14px;line-height:1.6;color:#374151;}
.djp-sc-blue{background:#eff6ff;border-color:#3b82f6;}.djp-sc-blue .djp-sc-name{color:#1d4ed8;}
.djp-sc-green{background:#f0fdf4;border-color:#10b981;}.djp-sc-green .djp-sc-name{color:#047857;}
.djp-sc-purple{background:#fdf4ff;border-color:#9333ea;}.djp-sc-purple .djp-sc-name{color:#6b21a8;}
.djp-sc-amber{background:#fff8e1;border-color:#f59e0b;}.djp-sc-amber .djp-sc-name{color:#92400e;}
.djp-sc-red{background:#fff1f2;border-color:#ef4444;}.djp-sc-red .djp-sc-name{color:#991b1b;}
.djp-sr{border:2.5px solid #000;border-radius:14px;margin-bottom:10px;overflow:hidden;box-shadow:4px 4px 0 #000;transition:all .2s;}
.djp-sr:last-child{margin-bottom:0;}
.djp-sr:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000;}
.djp-sr-header{display:flex;align-items:center;gap:12px;padding:13px 16px;background:#f8fafc;border-bottom:2px solid #e2e8f0;}
.djp-sr-num{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:14px;font-weight:800;color:#fff;flex-shrink:0;}
.djp-sr-words{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.djp-sr-sc{font-family:"Outfit",sans-serif;font-size:14px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:2px;}
.djp-sr-ar{font-size:16px;color:#cbd5e1;font-weight:700;}
.djp-sr-ans{font-family:"Outfit",sans-serif;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:1px;}
.djp-sr-trick{font-size:14px;color:#374151;line-height:1.78;padding:13px 16px;}
.djp-sr-hl{font-weight:700;padding:0 3px;border-radius:3px;}
.djp-pu-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.djp-pu-card{background:#fff;border-radius:18px;padding:18px;border:1px solid #e2e8f0;border-top:4px solid;box-shadow:0 2px 8px rgba(0,0,0,.05);}
.djp-lm{background:#fff;border-radius:16px;padding:24px 28px;border:1.5px solid #e2e8f0;}
.djp-lm-row{display:flex;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap;}
.djp-lm-row:last-of-type{margin-bottom:0;}
.djp-lm-lbl{font-family:"Outfit",sans-serif;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:1px;min-width:72px;}
.djp-lm-letters{display:flex;gap:8px;flex-wrap:wrap;}
.djp-lm-l{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-size:17px;font-weight:800;border:1.5px solid;}
.djp-lm-u{color:#fff!important;}
.djp-lm-g{background:#fff;color:#b0b8c4;border-color:#dde3eb;}
.djp-lm-result{margin-top:20px;padding-top:16px;border-top:1.5px solid #e2e8f0;text-align:center;}
.djp-lm-tag{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:2.5px;margin-bottom:10px;font-weight:700;}
.djp-lm-ans{display:inline-block;font-family:"Outfit",sans-serif;font-size:26px;font-weight:900;font-style:italic;color:#fff;background:#10b981;padding:14px 28px;border:4px solid #000;border-radius:8px;box-shadow:6px 6px 0 #000;letter-spacing:2px;text-transform:uppercase;}
.djp-story{background:#f0f9ff;border-left:5px solid #4477ce;border-radius:0 16px 16px 0;padding:20px 24px;}
.djp-story p{font-size:14px;line-height:1.9;color:#1e3a5f;margin-bottom:12px;}
.djp-story p:last-child{margin:0;}
.djp-tl{display:flex;flex-direction:column;}
.djp-tl-item{display:flex;gap:14px;padding:14px 0;border-bottom:2px solid #f1f5f9;}
.djp-tl-item:last-child{border:none;padding-bottom:0;}
.djp-tl-item:first-child{padding-top:0;}
.djp-tl-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:4px;}
.djp-tl-content{flex:1;}
.djp-tl-word{font-family:"Outfit",sans-serif;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1px;}
.djp-tl-lang{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:2px 8px;border-radius:20px;margin:4px 0;background:#f1f5f9;color:#64748b;}
.djp-tl-text{font-size:13px;color:#374151;line-height:1.7;}
.djp-diff-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.djp-diff-level{font-family:"Outfit",sans-serif;font-size:20px;font-weight:800;color:#0f172a;}
.djp-diff-stars{font-size:18px;color:#d97706;letter-spacing:2px;}
.djp-diff-bar{height:12px;background:#f1f5f9;border:2px solid #000;border-radius:20px;overflow:hidden;margin-bottom:18px;}
.djp-diff-fill{height:100%;background:#f59e0b;}
.djp-diff-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px;}
.djp-diff-stat{background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;padding:14px;text-align:center;}
.djp-diff-val{font-family:"Outfit",sans-serif;font-size:22px;font-weight:800;}
.djp-diff-lbl{font-size:11px;color:#64748b;font-weight:700;margin-top:2px;text-transform:uppercase;letter-spacing:.5px;}
.djp-diff-body p{font-size:14px;line-height:1.75;color:#374151;margin-bottom:8px;}
.djp-diff-body p:last-child{margin:0;}
.djp-tip-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.djp-tip{background:#fffbeb;border:3px solid #f59e0b;border-radius:16px;padding:16px;box-shadow:4px 4px 0 #f59e0b;transition:all .2s;}
.djp-tip:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #f59e0b;}
.djp-tip-ico{display:none;}
.djp-tip-title{font-family:"Outfit",sans-serif;font-weight:800;font-size:14px;color:#92400e;margin-bottom:5px;text-transform:uppercase;}
.djp-tip-text{font-size:13px;color:#78350f;line-height:1.6;}
.djp-ilinks{margin:32px auto 0;}
.djp-ilinks-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;flex-wrap:wrap;}
.djp-ilink-nav{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:2px solid #e2e8f0;border-radius:10px;text-decoration:none;font-size:13px;font-weight:600;color:#0f172a;background:#fff;transition:all .15s;white-space:nowrap;}
.djp-ilink-nav:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff;}
.djp-ilink-home{background:#f8fafc;border-color:#e2e8f0;}
.djp-ilinks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;}
.djp-ilink-card{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:12px;text-decoration:none;background:#fff;transition:all .15s;}
.djp-ilink-card:hover{border-color:#2563eb;box-shadow:0 2px 8px rgba(37,99,235,.1);transform:translateY(-1px);}
.djp-ilink-solver{border-color:#bfdbfe;background:#eff6ff;}
.djp-ilink-todayhome{border-color:#a7f3d0;background:#ecfdf5;}
.djp-ilink-icon{font-size:20px;flex-shrink:0;}
.djp-ilink-text{display:flex;flex-direction:column;}
.djp-ilink-text strong{font-size:13px;font-weight:700;color:#0f172a;line-height:1.3;}
.djp-ilink-text span{font-size:11px;color:#64748b;margin-top:2px;}
@media(max-width:600px){.djp-ilinks-nav{flex-direction:column;align-items:stretch;}.djp-ilink-nav{justify-content:center;}.djp-ilinks-grid{grid-template-columns:1fr 1fr;}}
.djp-faq{border:2.5px solid #000;border-radius:14px;overflow:hidden;box-shadow:3px 3px 0 #000;}
.djp-faq-q{padding:15px 18px;font-weight:700;font-size:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#f8fafc;font-family:"Inter",sans-serif;transition:background .2s;color:#0f172a;gap:12px;}
.djp-faq-q:hover{background:#f1f5f9;}
.djp-faq-arrow{width:22px;height:22px;border-radius:50%;border:2px solid #000;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;color:#000;transition:all .28s;}
.djp-faq.open .djp-faq-arrow{background:#000;color:#fff;transform:rotate(45deg);}
.djp-faq-a{font-size:14px;color:#374151;line-height:1.78;border-top:0 solid #e2e8f0;max-height:0;overflow:hidden;transition:max-height .4s,padding .3s,border-top-width .25s;}
.djp-faq.open .djp-faq-a{max-height:800px;padding:14px 18px;border-top-width:2px;}
.djp-faq-body p{margin-bottom:8px;}.djp-faq-body p:last-child{margin:0;}
@media(max-width:768px){
.djp-main{padding:28px 24px;border:4px solid #000;border-radius:24px;box-shadow:6px 6px 0 #000;}
.djp-title{font-size:30px;}.djp-date{font-size:20px;margin-bottom:24px;}
.djp-word{font-size:18px;margin-bottom:10px;}
.djp-scr-btn{font-size:20px;padding:12px 20px;}
.djp-sc-grid,.djp-fc-grid,.djp-tip-grid,.djp-pu-grid{grid-template-columns:1fr;}
.djp-diff-stats{grid-template-columns:1fr 1fr;}
.djp-lm-ans{font-size:20px;padding:12px 18px;}
.djp-h2{font-size:19px;margin:28px 0 14px;}
}
@media(max-width:480px){
.djp-main{padding:20px;border:3px solid #000;border-radius:18px;box-shadow:4px 4px 0 #000;margin:0 0 20px;}
.djp-title{font-size:22px;}.djp-date{font-size:16px;margin-bottom:18px;}
.djp-word{font-size:16px;}
.djp-scr-btn{font-size:16px;padding:12px 14px;display:block;width:100%;text-align:center;}
.djp-opt{font-size:13px;padding:12px;}
.djp-lm-l{width:32px;height:32px;font-size:13px;}
.djp-h2{font-size:17px;margin:22px 0 12px;}
}
@media(max-width:360px){
.djp-main{padding:16px;}
.djp-title{font-size:19px;}.djp-date{font-size:14px;}
.djp-word{font-size:14px;}
.djp-scr-btn{font-size:14px;padding:10px 12px;}
.djp-opt{font-size:12px;padding:10px;}
.djp-lm-l{width:28px;height:28px;font-size:12px;}
.djp-h2{font-size:16px;margin:20px 0 10px;}
}