/* DR Armory inner pages: the approved homepage look (Creation Station drop-in 20261019-224245_dropin_8264d) carried
   into product, policy, info, contact, account and cart pages. Values: bridge decision 2026-10-19
   (2adata-secure/design-decisions/2026-10-19-drarmory-inner-pages-emails.md). CSS only: shared page markup is untouched.
   Header, footer and homepage live in brand-30-drarmory-home.css. Loaded on every page by the header's brand-*.css glob. */

/* ---------- page shell (inner pages only; the homepage keeps its own backgrounds) ---------- */
html:not(:has(.dra-home)) { background: #101214 !important; background-color: #101214 !important; }   /* below the footer on short pages */
html body:not(:has(.dra-home)), html body:not(:has(.dra-home)) main.main-content { background: #f5f6f7 !important; background-color: #f5f6f7 !important; }
html body .product-details-section { background: #ffffff !important; border: 1px solid #dfe2e5 !important; border-radius: 6px !important; box-shadow: 0 2px 8px rgba(16, 18, 20, .06) !important; }
html body ::selection { background: #ffe5e6; color: #141414; }
html body .main-content hr { border-color: #dfe2e5; }

/* ---------- links that were theme blue (#0066cc) ---------- */
html body .content-article a, html body .content-intro a, html body .about-body a, html body .custom-page-body a,
html body .faq-answer-inner a, html body .main-content .quick-links-list a, html body a.shop-brand-link,
html body a.review-count, html body .product-actions a, html body .details-content a, html body .login-container a,
html body .auth-container a, html body .account-page a:not(.btn), html body .cart-page a:not(.btn):not([class*="btn"]) {
    color: #b80009 !important; text-decoration: none; font-weight: 600;
}
html body .content-article a:hover, html body .content-intro a:hover, html body .about-body a:hover, html body .custom-page-body a:hover,
html body .faq-answer-inner a:hover, html body .main-content .quick-links-list a:hover, html body a.shop-brand-link:hover,
html body a.review-count:hover, html body .product-actions a:hover, html body .details-content a:hover, html body .login-container a:hover,
html body .auth-container a:hover, html body .account-page a:not(.btn):hover, html body .cart-page a:not(.btn):not([class*="btn"]):hover,
html body .content-article a:focus-visible, html body .content-intro a:focus-visible, html body .about-body a:focus-visible {
    color: #780005 !important; text-decoration: underline;
}

/* ---------- policy and info pages (privacy, shipping & returns, terms, contact, comment policy) ---------- */
html body section.content-page:has(.content-article, .content-intro) {
    background: transparent !important; padding-top: 0 !important; overflow-x: clip;
}
html body section.content-page:has(.content-article, .content-intro) > .container > h1:first-child {
    margin: 0 calc(50% - 50vw) 40px !important; padding: 48px 24px 44px !important;
    background: #171b1e !important; border-bottom: 4px solid #b80009 !important;
    font-family: "Oswald", "Arial Narrow", Arial, sans-serif !important; font-size: 42px !important; line-height: 1.1 !important;
    font-weight: 700 !important; color: #ffffff !important; text-align: center !important; letter-spacing: 0 !important;
}
html body section.content-page .content-article {
    background: #ffffff !important; border: 1px solid #dfe2e5 !important; border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(16, 18, 20, .06) !important; padding: 40px !important; max-width: 1140px !important; margin: 0 auto 64px !important;
}
html body .content-article, html body .content-intro, html body .about-body, html body .custom-page-body {
    color: #141414; font-family: "Roboto Condensed", Arial, sans-serif; font-size: 16px; line-height: 1.65;
}
html body .content-article p, html body .content-article li, html body .content-intro p, html body .about-body p, html body .about-body li {
    color: #141414; font-size: 16px; line-height: 1.65;
}
html body .content-article h2, html body .about-body h2, html body .custom-page-body h2 {
    font-family: "Oswald", "Arial Narrow", Arial, sans-serif !important; font-size: 28px !important; line-height: 1.2 !important;
    font-weight: 700 !important; color: #141414 !important; margin: 36px 0 16px !important; padding-bottom: 8px !important;
    border-bottom: 2px solid #b80009 !important; text-transform: none !important; letter-spacing: 0 !important;
}
html body .content-article h2::after, html body .about-body h2::after { display: none !important; }
html body .content-article > :first-child, html body .content-article > div:first-child > h2:first-child,
html body .about-body > h2:first-child { margin-top: 0 !important; }
html body .content-article h3, html body .about-body h3, html body .custom-page-body h3 {
    font-family: "Oswald", "Arial Narrow", Arial, sans-serif !important; font-size: 22px !important; line-height: 1.25 !important;
    font-weight: 600 !important; color: #171b1e !important; margin: 28px 0 12px !important; text-transform: none !important; letter-spacing: 0 !important;
}
html body .content-article ul, html body .content-article ol, html body .about-body ul { padding-left: 22px; margin: 12px 0 20px; }
html body .content-article li, html body .about-body li { margin: 0 0 8px; }
html body .content-intro { color: #3d4248; }

/* ---------- buttons ---------- */
html body .btn.btn-primary, html body .main-content button.btn:not([class*="btn-"]), html body .main-content a.btn:not([class*="btn-"]), html body button.notify-btn, html body .filter-sidebar .filter-submit, html body .faq-contact-links a:first-child {
    background: linear-gradient(180deg, #d0000b 0%, #9a0007 100%) !important; border: 1px solid #780005 !important; color: #ffffff !important;
    border-radius: 4px !important; font-family: "Oswald", "Arial Narrow", Arial, sans-serif !important; font-weight: 700 !important;
    text-transform: uppercase !important; letter-spacing: .02em !important; box-shadow: none !important;
}
html body .btn.btn-primary { padding: 12px 22px; font-size: 16px; line-height: 1; }
html body .btn.btn-primary:hover, html body .btn.btn-primary:focus-visible, html body .main-content button.btn:not([class*="btn-"]):hover, html body .main-content a.btn:not([class*="btn-"]):hover, html body button.notify-btn:hover,
html body .filter-sidebar .filter-submit:hover, html body .faq-contact-links a:first-child:hover {
    background: linear-gradient(180deg, #b80009 0%, #780005 100%) !important; border-color: #780005 !important; color: #ffffff !important;
}
html body .btn.btn-secondary, html body .btn.btn-outline {
    background: #ffffff !important; border: 1px solid #b80009 !important; color: #b80009 !important; border-radius: 4px !important;
    font-family: "Oswald", "Arial Narrow", Arial, sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .02em !important;
}
html body .btn.btn-secondary:hover, html body .btn.btn-outline:hover { background: #ffe5e6 !important; border-color: #780005 !important; color: #780005 !important; }
html body .btn:disabled, html body .btn.disabled, html body button[disabled].btn {
    background: #dfe2e5 !important; border-color: #c8ccd0 !important; color: #555b61 !important; cursor: not-allowed;
}

/* ---------- forms ---------- */
html body .main-content input[type="text"], html body .main-content input[type="email"], html body .main-content input[type="tel"],
html body .main-content input[type="password"], html body .main-content input[type="number"], html body .main-content input[type="search"],
html body .main-content select, html body .main-content textarea {
    border-color: #c8ccd0; color: #141414; border-radius: 4px;
}
html body .main-content input::placeholder, html body .main-content textarea::placeholder { color: #70767d; }
html body .main-content input:focus, html body .main-content select:focus, html body .main-content textarea:focus,
html body .main-content button:focus-visible, html body .main-content a:focus-visible {
    border-color: #d0000b !important; outline: 3px solid rgba(208, 0, 11, .22) !important; outline-offset: 1px; box-shadow: none !important;
}
html body .skip-link, html body a.skip-link { background: #171b1e !important; color: #ffffff !important; border: 2px solid #d0000b !important; padding: 10px 14px; border-radius: 4px; }

/* ---------- notices and page headers on info pages (how to buy, rebates, reviews) ---------- */
html body .content-article .trust-badge { color: #141414 !important; background: transparent !important; }   /* reuses the footer class: was white on the white card */
html body .content-article .trust-badge svg { color: #b80009 !important; stroke: #b80009 !important; }
html body .main-content .alert.alert-info { border-color: #dfe2e5 !important; border-left: 4px solid #b80009 !important; background: #ffffff !important; color: #141414 !important; }
html body .main-content .alert strong, html body .main-content strong[style*="e74c3c"] { color: #b80009 !important; }
html body .main-content .page-header { border-color: #b80009 !important; }
html body .main-content .reviews-page a:not(.btn), html body .main-content .review-card a:not(.btn), html body .main-content .review-item a:not(.btn) { color: #b80009 !important; }

/* ---------- blog and brands (AA fixes from the 10/20 sweep) ---------- */
html body .blog-card-meta, html body .blog-card-meta span, html body .main-content .brand-count { color: #555b61 !important; }
html body .category-list a.active, html body .category-list a:hover { color: #b80009 !important; }
html body .blog-sidebar .sidebar-widget[style*="dc2626"] { background: linear-gradient(180deg, #b80009 0%, #780005 100%) !important; }
html body .blog-sidebar .sidebar-widget[style*="dc2626"] h3, html body .blog-sidebar .sidebar-widget[style*="dc2626"] p, html body .blog-sidebar .sidebar-widget[style*="dc2626"] label { color: #ffffff !important; }

html body .reviews-container a[style*="3b82f6"] { color: #b80009 !important; }
html body .reviews-container .cta-section { background: linear-gradient(180deg, #171b1e 0%, #101214 100%) !important; border-top: 4px solid #b80009; }
html body .reviews-container .cta-section h2, html body .reviews-container .cta-section p { color: #ffffff !important; }
html body .reviews-container .cta-section .cta-btn { background: linear-gradient(180deg, #d0000b 0%, #9a0007 100%) !important; color: #ffffff !important; border: 1px solid #780005; }
html body .reviews-container [style*="64748b"] { color: #555b61 !important; }

/* ---------- contact ---------- */
html body .captcha-question { color: #b80009 !important; font-weight: 700 !important; border-color: #b80009 !important; }
html body .quick-links-list li { border-left: 4px solid #b80009 !important; }
html body .main-content .required { color: #b80009 !important; }

/* ---------- product page ---------- */
html body h1.product-title {
    font-family: "Oswald", "Arial Narrow", Arial, sans-serif !important; font-size: 40px !important; line-height: 1.15 !important;
    font-weight: 700 !important; color: #141414 !important; text-transform: none !important;
}
html body .product-breadcrumb, html body .product-breadcrumb span:last-child { color: #3d4248 !important; font-size: 13px; font-weight: 600; }
html body .product-breadcrumb a { color: #b80009 !important; font-size: 13px; font-weight: 600; text-transform: uppercase; text-decoration: none; }
html body .product-breadcrumb a:hover { color: #780005 !important; text-decoration: underline; }
html body .details-tabs .details-tab {
    color: #555b61 !important; border-bottom: 2px solid transparent !important; font-family: "Oswald", "Arial Narrow", Arial, sans-serif !important;
    font-size: 16px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .02em !important; background: transparent !important;
}
html body .details-tabs .details-tab:hover { color: #780005 !important; }
html body .details-tabs .details-tab.active { color: #b80009 !important; border-bottom: 3px solid #b80009 !important; }
html body .thumbnail-gallery .thumbnail.active { border: 2px solid #b80009 !important; border-radius: 4px !important; }
html body .notify-stock-section { background: #ffffff !important; border: 2px solid #b80009 !important; border-radius: 6px !important; padding: 24px !important; }
html body .product-info-section span[style*="d1fae5"] {
    background: #ffe5e6 !important; color: #780005 !important; border: 1px solid #ffc8cb !important; border-radius: 4px !important; font-weight: 700 !important;
}
html body .product-info-section span[style*="dc2626"], html body .product-info-section .out-of-stock { color: #b80009 !important; font-weight: 700 !important; }
html body .product-info-section .stock-status[style*="c41e3a"] { border-left-color: #b80009 !important; }
html body .product-rating .stars { color: #9a5b00 !important; }
html body .badge-ffl, html body .badge-ffl-inline, html body .badge-inline.badge-ffl-inline { background: #b80009 !important; color: #ffffff !important; border-color: #b80009 !important; }   /* was white on #e74c3c, 3.8:1 */
/* SKU / UPC / Model (Brad 2026-10-28: "i don't like how UPC, MODEL and SKU look in that grey box, let's clean that up"):
   one plain line of text split by thin rules, no box and no chips. */
html body .product-info-codes { background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; gap: 6px 0 !important; color: #555b61 !important; font-weight: 400 !important; }
html body .product-info-codes .product-sku, html body .product-info-codes .product-code { background: none !important; border: 0 !important; border-left: 1px solid #dfe2e5 !important; border-radius: 0 !important; padding: 0 14px !important; font: 400 15px/1.4 "Roboto Condensed", Arial, sans-serif !important; color: #3d4248 !important; letter-spacing: .02em !important; word-break: normal !important; white-space: nowrap !important; }
html body .product-info-codes > :first-child { border-left: 0 !important; padding-left: 0 !important; }
@media (max-width: 600px) { html body .product-info-codes { gap: 4px 20px !important; } html body .product-info-codes .product-sku, html body .product-info-codes .product-code { border-left: 0 !important; padding: 0 !important; } }   /* wraps on phones: a rule would start the second line */
html body .product-share .share-label, html body .notify-stock-section .notify-disclaimer { color: #555b61 !important; }   /* AA: were 2.5:1 and 3.5:1 */
html body .product-share .share-btn { color: #969ba0 !important; }
html body .product-share .share-btn:hover { color: #b80009 !important; }

/* ---------- category and search ---------- */
html body .main-content .cat-chips-label, html body .main-content .pagination-info, html body .main-content .pagination-ellipsis { color: #555b61 !important; }   /* AA on the #f5f6f7 page: #6b7280 was 4.47:1 */
html body .cat-chip.active, html body a.cat-chip.active, html body .main-content a.cat-chip.active, html body main a.cat-chip.active, html body #main-content a.cat-chip.active { background: #b80009 !important; border-color: #b80009 !important; color: #ffffff !important; }   /* was red text on the stock navy chip, 1.8:1 (Deals) */
html body .cat-chip.active .chip-count { color: #ffe3e4 !important; }
html body .cat-chip:hover { border-color: #b80009 !important; background: #fdf2f2 !important; }
html body .preset-chips .preset-chip { background: #ffffff !important; border: 1px solid #b80009 !important; color: #b80009 !important; border-radius: 999px !important; font-weight: 700; }
html body .preset-chips .preset-chip strong { color: #141414; }
html body .preset-chips .preset-chip:hover { background: #ffe5e6 !important; border-color: #780005 !important; color: #780005 !important; }

/* ---------- cookie banner ---------- */
html body #cookieConsent.cookie-consent {
    background: #101214 !important; border: 2px solid #b80009 !important; border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .35) !important; color: #ffffff !important;
}
html body #cookieConsent .cookie-icon, html body #cookieConsent .cookie-icon svg { color: #ed0b14 !important; border-color: #ed0b14 !important; stroke: currentColor; }
html body #cookieConsent h3, html body #cookieConsent h4, html body #cookieConsent strong:first-child, html body #cookieConsent .cookie-title {
    font-family: "Oswald", "Arial Narrow", Arial, sans-serif !important; font-size: 18px !important; line-height: 1.2 !important; font-weight: 700 !important; color: #ffffff !important;
}
html body #cookieConsent p, html body #cookieConsent .cookie-text { font-size: 14px !important; line-height: 1.45 !important; color: #dfe2e5 !important; }
html body #cookieConsent a.cookie-link { color: #ffe5e6 !important; text-decoration: underline !important; font-weight: 700 !important; }
html body #cookieConsent .btn.btn-secondary {
    background: #eef0f2 !important; border: 1px solid #c8ccd0 !important; color: #141414 !important; border-radius: 4px !important;
    font-family: "Oswald", "Arial Narrow", Arial, sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important;
}
html body #cookieConsent .btn.btn-secondary:hover { background: #dfe2e5 !important; color: #141414 !important; }

/* ---------- About ---------- */
html body .about-hero { background: #171b1e !important; color: #ffffff !important; border-bottom: 4px solid #b80009 !important; padding: 72px 24px !important; text-align: center; }
html body .about-hero h1 {
    font-family: "Oswald", "Arial Narrow", Arial, sans-serif !important; font-size: 44px !important; line-height: 1.1 !important;
    font-weight: 700 !important; color: #ffffff !important; margin: 0 0 18px !important;
}
html body .about-hero .tagline, html body .about-hero p { font-size: 18px !important; line-height: 1.55 !important; color: #eef0f2 !important; max-width: 760px; margin: 0 auto !important; }
html body .about-content h2, html body main.main-content > .container > h2 { border-bottom-color: #b80009 !important; }
html body .value-item { border-left-color: #b80009 !important; }
html body .value-num, html body .cred-headline { color: #b80009 !important; }
html body .cred-card { border-top-color: #b80009 !important; }

/* ---------- FAQ ---------- */
html body .faq-hero { background: #171b1e !important; color: #ffffff !important; border-bottom: 4px solid #b80009 !important; padding: 64px 24px !important; text-align: center; }
html body .faq-hero h1 { font-family: "Oswald", "Arial Narrow", Arial, sans-serif !important; font-size: 42px !important; line-height: 1.1 !important; font-weight: 700 !important; color: #ffffff !important; }
html body .faq-hero .subtitle, html body .faq-hero p { color: #dfe2e5 !important; font-size: 18px !important; line-height: 1.5 !important; }
html body .faq-item { border: 1px solid #dfe2e5 !important; border-radius: 6px !important; background: #ffffff !important; }
html body .faq-question, html body .faq-question span:first-child {
    color: #141414 !important; font-family: "Oswald", "Arial Narrow", Arial, sans-serif !important; font-size: 18px !important; font-weight: 700 !important;
}
html body .faq-toggle { color: #b80009 !important; font-weight: 700 !important; }
html body .faq-answer-inner, html body .faq-answer-inner p { color: #3d4248 !important; font-size: 16px !important; line-height: 1.6 !important; }
html body .faq-group h2, html body .faq-category h2 { font-family: "Oswald", "Arial Narrow", Arial, sans-serif !important; color: #141414 !important; }
html body .faq-contact { background: #171b1e !important; border-top: 4px solid #b80009 !important; color: #ffffff !important; border-radius: 6px !important; padding: 40px !important; text-align: center; }
html body .faq-contact h2 { color: #ffffff !important; font-family: "Oswald", "Arial Narrow", Arial, sans-serif !important; }
html body .faq-contact p { color: #dfe2e5 !important; }
html body .faq-contact-links a:not(:first-child) { color: #ffe5e6 !important; border-color: #ffe5e6 !important; }
html body .faq-trust { border-color: #dfe2e5 !important; }

/* ---------- phones (bridge: sizes at 390px) ---------- */
@media (max-width: 640px) {
    html body section.content-page:has(.content-article, .content-intro) > .container > h1:first-child {
        padding: 36px 18px 32px !important; font-size: 34px !important; margin-bottom: 28px !important;
    }
    html body .about-hero, html body .faq-hero { padding: 44px 18px !important; }
    html body .about-hero h1, html body .faq-hero h1, html body h1.product-title { font-size: 34px !important; }
    html body .content-article h2, html body .about-body h2, html body .custom-page-body h2 { font-size: 24px !important; }
    html body .content-article h3, html body .about-body h3, html body .custom-page-body h3 { font-size: 20px !important; }
    html body section.content-page .content-article { padding: 24px 18px !important; margin-bottom: 40px !important; border-radius: 4px !important; }
    html body .notify-stock-section { padding: 20px !important; }
    html body .notify-stock-section .notify-btn, html body #cookieConsent .cookie-actions .btn { width: 100% !important; }
    html body #cookieConsent.cookie-consent { left: 16px !important; right: 16px !important; bottom: 16px !important; max-width: none !important; padding: 18px !important; }
    html body .faq-contact { padding: 28px 18px !important; }
}

/* ---------- age gate and newsletter popup in the store's own look (Brad 2026-10-28: "make it like thier theme, colors ... they are a gun site") ---------- */
html body #ag-gate { background: rgba(10, 12, 14, .94) !important; font-family: "Roboto Condensed", Arial, sans-serif !important; }
html body #ag-gate .ag-card { background: #171b1e !important; color: #fff !important; border-radius: 6px !important; border-top: 4px solid #d0000b !important; box-shadow: 0 30px 80px rgba(0,0,0,.7) !important; padding: 30px 28px 24px !important; }
html body #ag-gate .ag-logo { max-width: 120px !important; max-height: 120px !important; border-radius: 50%; }
html body #ag-gate .ag-badge { background: #d0000b !important; color: #fff !important; border-radius: 4px !important; font: 700 22px/1 "Oswald", "Arial Narrow", Arial, sans-serif !important; padding: 8px 14px !important; }
html body #ag-gate h2 { color: #fff !important; font: 700 30px/1.1 "Oswald", "Arial Narrow", Arial, sans-serif !important; text-transform: uppercase; letter-spacing: .02em !important; }
html body #ag-gate p { color: #d8dadd !important; font-size: 16px !important; }
html body #ag-gate .ag-btn { border-radius: 4px !important; font: 700 18px/1.2 "Oswald", "Arial Narrow", Arial, sans-serif !important; text-transform: uppercase; letter-spacing: .03em !important; }
html body #ag-gate .ag-yes { background: linear-gradient(180deg, #d0000b 0%, #9a0007 100%) !important; color: #fff !important; }
html body #ag-gate .ag-yes:hover { background: #b80009 !important; }
html body #ag-gate .ag-no { background: transparent !important; color: #d8dadd !important; border: 1px solid #555b61 !important; }
html body #ag-gate .ag-no:hover { border-color: #969ba0 !important; color: #fff !important; }
html body #ag-gate .ag-fine { color: #969ba0 !important; font-size: 13px !important; }

.dra-nl { position: fixed; inset: 0; z-index: 2147482000; background: rgba(10, 12, 14, .78); display: flex; align-items: center; justify-content: center; padding: 16px; }
.dra-nl[hidden] { display: none; }
body.dra-nl-open { overflow: hidden; }
.dra-nl__card { position: relative; width: 100%; max-width: 420px; background: #171b1e; color: #fff; border-top: 4px solid #d0000b; border-radius: 6px; padding: 28px 26px 18px; text-align: center; box-shadow: 0 30px 80px rgba(0,0,0,.6); font-family: "Roboto Condensed", Arial, sans-serif; }
.dra-nl__x { position: absolute; top: 6px; right: 10px; background: none; border: 0; color: #969ba0; font-size: 28px; line-height: 1; cursor: pointer; padding: 4px 6px; }
.dra-nl__x:hover { color: #fff; }
html body .dra-nl img.dra-nl__logo { width: 84px !important; height: 84px !important; max-width: 84px !important; border-radius: 50%; display: block; margin: 0 auto 8px; object-fit: contain; }
.dra-nl__kicker { margin: 0; font: 700 13px/1.2 "Roboto Condensed", Arial, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #ed0b14; }
html body .dra-nl .dra-nl__title { margin: 4px 0 6px; color: #fff !important; font: 700 32px/1.05 "Oswald", "Arial Narrow", Arial, sans-serif !important; text-transform: uppercase; letter-spacing: .02em !important; }
.dra-nl__text { margin: 0 0 18px; color: #d8dadd; font-size: 16px; line-height: 1.45; }
.dra-nl__form input[type=email] { width: 100%; height: 46px; border: 1px solid #555b61; border-radius: 4px; background: #fff; color: #141414; padding: 0 14px; font: 400 16px "Roboto Condensed", Arial, sans-serif; box-sizing: border-box; }
.dra-nl__btn { margin-top: 10px; width: 100%; height: 46px; border: 0; border-radius: 4px; background: linear-gradient(180deg, #d0000b 0%, #9a0007 100%); color: #fff; font: 700 18px/1 "Oswald", "Arial Narrow", Arial, sans-serif; text-transform: uppercase; letter-spacing: .04em; cursor: pointer; }
.dra-nl__btn:hover { background: #b80009; }
.dra-nl__btn[hidden] { display: none; }
.dra-nl__msg { min-height: 1.2em; margin: 10px 0 0; font-size: 15px; }
.dra-nl__msg.is-ok { color: #8fe3a5; } .dra-nl__msg.is-err { color: #ff8a8f; }
.dra-nl__no { margin-top: 6px; background: none; border: 0; color: #969ba0; font: 400 14px "Roboto Condensed", Arial, sans-serif; text-decoration: underline; cursor: pointer; padding: 6px; }
.dra-nl__no:hover { color: #fff; }