.elementor-25726 .elementor-element.elementor-element-7378ac1{--display:flex}:root{--page-title-display:none}.hdj-badge{--navy:#1B2A4A;--navy-light:#152238;--gold:#E8A838;--gold-dark:#D4922E;--ink:#111827;--slate:#374151;--muted:#6b7280;--ring:#e5e7eb;--card:#ffffff;--bg:#f9fafb;--success:#16A34A;--danger:#DC2626;--shadow:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 8px 25px rgba(0,0,0,.12);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);padding:clamp(32px, 5vw, 64px) clamp(16px, 3vw, 24px);line-height:1.65}.hdj-badge .hdj-wrap{max-width:1000px;margin:0 auto}.hdj-badge .kicker{color:var(--gold-dark);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(13px, 2.2vw, 15px);margin-bottom:8px}.hdj-badge .title{font-size:clamp(32px, 5.5vw, 48px);font-weight:900;line-height:1.1;margin:.25rem 0 .75rem}.hdj-badge .bar{width:96px;height:6px;background:linear-gradient(90deg,var(--gold),var(--gold-dark));border-radius:3px;margin:12px 0 20px}.hdj-badge .sub{color:var(--slate);font-size:clamp(17px, 2.6vw, 19px);font-weight:500;line-height:1.7;margin:0 0 16px;max-width:78ch}.hdj-badge .last-updated{color:var(--muted);font-size:14px;margin:0 0 20px}.hdj-badge .last-updated time{font-weight:600;color:var(--slate)}.hdj-badge .toc-bar{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0;padding:12px;background:linear-gradient(135deg,#F8FAFC,#F1F5F9);border:2px solid var(--ring);border-radius:14px}.hdj-badge .toc-bar a{padding:8px 16px;border-radius:8px;font-weight:700;font-size:14px;text-decoration:none;color:var(--navy);border:1px solid #fff0;transition:all .2s ease}.hdj-badge .toc-bar a:hover{background:var(--card);border-color:var(--gold);box-shadow:0 2px 6px rgb(0 0 0 / .1)}.hdj-badge .h2{font-size:clamp(24px, 4vw, 30px);font-weight:900;margin:40px 0 12px;color:var(--navy);border-bottom:3px solid var(--gold);padding-bottom:8px;display:inline-block;scroll-margin-top:80px}.hdj-badge .h3{font-size:clamp(18px, 3vw, 22px);font-weight:800;margin:0 0 8px;color:var(--ink)}.hdj-badge .section-intro{color:var(--slate);font-size:16px;margin:0 0 20px;line-height:1.7}.hdj-badge .value-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:24px 0}.hdj-badge .value-card{background:var(--card);border:2px solid var(--ring);border-radius:16px;padding:24px;text-align:center;box-shadow:var(--shadow);transition:all .3s ease}.hdj-badge .value-card:hover{border-color:rgb(232 168 56 / .4);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hdj-badge .value-icon{font-size:36px;margin-bottom:12px}.hdj-badge .value-card p{color:var(--slate);margin:0;font-size:15px;line-height:1.6}.hdj-badge .badge-block{background:var(--card);border:2px solid var(--ring);border-radius:18px;padding:clamp(20px, 4vw, 28px);margin:20px 0;box-shadow:var(--shadow);transition:all .3s ease}.hdj-badge .badge-block:hover{border-color:rgb(232 168 56 / .3)}.hdj-badge .badge-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:16px}.hdj-badge .badge-use{font-size:13px;font-weight:600;color:var(--muted);background:var(--bg);padding:4px 12px;border-radius:8px;border:1px solid var(--ring)}.hdj-badge .badge-preview{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.hdj-badge .preview-light{background:#FFF;border:2px solid var(--ring);border-radius:12px;padding:24px;display:flex;align-items:center;justify-content:center;min-height:120px}.hdj-badge .preview-dark{background:#1F2937;border:2px solid #374151;border-radius:12px;padding:24px;display:flex;align-items:center;justify-content:center;min-height:120px}.hdj-badge .badge-preview img{max-width:100%;height:auto;display:block}.hdj-badge .embed-code-wrap{margin-top:16px}.hdj-badge .embed-label{display:block;font-weight:700;font-size:14px;color:var(--ink);margin-bottom:8px}.hdj-badge .embed-hint{font-weight:500;color:var(--muted)}.hdj-badge .embed-code{background:#1F2937;color:#E5E7EB;font-family:'Fira Code','Courier New',monospace;font-size:13px;line-height:1.6;padding:16px;border-radius:10px;overflow-x:auto;word-break:break-all;white-space:pre-wrap;border:2px solid #374151}.hdj-badge .copy-btn{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:10px 20px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#1f2937;font-weight:800;font-size:14px;border:2px solid #fff0;border-radius:10px;cursor:pointer;transition:all .2s ease}.hdj-badge .copy-btn:hover{background:linear-gradient(135deg,var(--gold-dark),#B8841F);color:#fff;box-shadow:0 4px 12px rgb(232 168 56 / .3)}.hdj-badge .copy-btn.copied{background:linear-gradient(135deg,var(--success),#15803D);color:#fff}.hdj-badge .steps-card{background:var(--card);border:2px solid var(--ring);border-radius:18px;padding:clamp(20px, 4vw, 28px);margin:20px 0;box-shadow:var(--shadow)}.hdj-badge .step{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--ring)}.hdj-badge .step:last-child{border-bottom:none;padding-bottom:0}.hdj-badge .step:first-child{padding-top:0}.hdj-badge .step-num{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,var(--navy),var(--navy-light));color:var(--gold);font-weight:900;font-size:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--gold)}.hdj-badge .step-body strong{display:block;font-size:16px;color:var(--ink);margin-bottom:4px}.hdj-badge .step-body p{margin:0;color:var(--slate);font-size:15px;line-height:1.6}.hdj-badge .pro-tip{background:linear-gradient(135deg,#ECFDF5,#D1FAE5);border:2px solid var(--success);border-radius:14px;padding:20px;margin:20px 0;color:#065F46;font-size:15px;line-height:1.7}.hdj-badge .pro-tip strong{color:#047857}.hdj-badge .rules-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:20px 0}.hdj-badge .rule-card{background:var(--card);border-radius:16px;padding:clamp(20px, 4vw, 24px);box-shadow:var(--shadow)}.hdj-badge .rule-do{border:2px solid var(--success);border-left:6px solid var(--success)}.hdj-badge .rule-dont{border:2px solid var(--danger);border-left:6px solid var(--danger)}.hdj-badge .rule-do .h3{color:var(--success)}.hdj-badge .rule-dont .h3{color:var(--danger)}.hdj-badge .rule-card ul{margin:8px 0 0;padding-left:20px;list-style-type:disc}.hdj-badge .rule-card li{margin:8px 0;color:var(--slate);line-height:1.6;font-size:15px}.hdj-badge .notice{background:linear-gradient(135deg,#FFF7ED,#FEF3C7);border:2px solid var(--gold);border-radius:14px;padding:20px;margin:20px 0;color:#7C2D12;font-size:15px;line-height:1.7}.hdj-badge .notice strong{color:#92400E}.hdj-badge .faq-section{margin:20px 0}.hdj-badge .faq-item{margin-bottom:12px}.hdj-badge .faq-item details{background:var(--card);border:2px solid var(--ring);border-radius:12px;padding:16px;transition:all .2s ease}.hdj-badge .faq-item details:hover{border-color:rgb(232 168 56 / .3)}.hdj-badge .faq-item details[open]{border-color:var(--gold)}.hdj-badge .faq-item summary{cursor:pointer;font-weight:800;color:var(--navy);font-size:16px;list-style:none}.hdj-badge .faq-item summary::-webkit-details-marker{display:none}.hdj-badge .faq-item details p{color:var(--slate);line-height:1.7;margin:10px 0 0;font-size:15px}.hdj-badge .cta-band{margin-top:40px;background:linear-gradient(135deg,rgb(232 168 56 / .12),rgb(232 168 56 / .04));border:2px solid var(--gold);border-radius:20px;padding:clamp(24px, 4vw, 36px);text-align:center}.hdj-badge .cta-band h3{font-size:clamp(20px, 3.5vw, 26px);font-weight:900;color:var(--navy);margin:0 0 8px}.hdj-badge .cta-band p{color:var(--slate);margin:0 0 20px;font-size:16px}.hdj-badge .cta-buttons{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center}.hdj-badge .btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:12px;font-weight:800;text-decoration:none;white-space:nowrap;border:2px solid #fff0;font-size:16px;min-width:160px;transition:all .2s ease}.hdj-badge .btn:active{transform:translateY(1px)}.hdj-badge .btn--primary{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#1f2937;box-shadow:0 4px 12px rgb(232 168 56 / .25)}.hdj-badge .btn--primary:hover{background:linear-gradient(135deg,var(--gold-dark),#B8841F);color:#fff}.hdj-badge .btn--ghost{border-color:var(--slate);color:var(--slate);background:#fff0}.hdj-badge .btn--ghost:hover{background:var(--slate);color:#fff}.hdj-badge a:not(.btn):not(.toc-bar a){color:var(--gold-dark);font-weight:600;text-decoration:none;border-bottom:1px solid #fff0}.hdj-badge a:not(.btn):not(.toc-bar a):hover{border-bottom-color:var(--gold-dark)}.hdj-badge *:focus-visible{outline:3px solid var(--gold);outline-offset:2px}@media (min-width:768px){.hdj-badge .value-grid{grid-template-columns:repeat(3,1fr)}.hdj-badge .rules-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.hdj-badge .badge-preview{grid-template-columns:1fr}.hdj-badge .toc-bar{flex-direction:column}.hdj-badge .toc-bar a{text-align:center}.hdj-badge .cta-buttons .btn{width:100%;min-width:auto}.hdj-badge .badge-header{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.hdj-badge{padding:20px 16px}.hdj-badge .badge-block{padding:16px}.hdj-badge .steps-card{padding:16px}.hdj-badge .embed-code{font-size:11px;padding:12px}.hdj-badge .cta-band{padding:20px}}@media print{.hdj-badge{background:#fff;padding:20px}.hdj-badge .badge-block{box-shadow:none;border:1px solid #ccc}.hdj-badge .copy-btn{display:none}}@media (prefers-reduced-motion:reduce){.hdj-badge .value-card,.hdj-badge .badge-block,.hdj-badge .btn,.hdj-badge .copy-btn{transition:none}.hdj-badge .value-card:hover{transform:none}}.elementor-widget-html .hdj-badge{max-width:100%;margin:0}