/** * ====================================================================== * ALFI — MASTER MERGED JOURNAL STYLESHEET * Agriculture, Livestock, and Food Industry * OJS 3.3.x + kalidakaModern * * COVER-MATCH PALETTE * Primary Emerald : #2A725D * Deep Green : #225245 * Dark Forest : #1E4533 * Sage : #74A98C * Soft Sage : #E9F1EC * Gold Accent : #C6A653 * * ARCHITECTURE * LAYER 1 — Global journal skin from the ALFI cover-matched stylesheet. * LAYER 2 — Existing DLHD/DLHDX static-page modules, with all selectors * retained exactly for markup compatibility and their former * blue family harmonised to the ALFI green/gold palette. * * MERGE SAFETY * - Legacy selector names are intentionally NOT renamed. * - Layout, spacing, responsive breakpoints and module functionality stay. * - No exact qualified selector is shared by Layer 1 and Layer 2. * - Brand-specific ORCID, Scopus and Google Scholar icon colours are kept. * ====================================================================== */ /** * ============================================================ * OJS 3 — KALIDAKA MODERN ALFI COVER-MATCH GREEN & GOLD BRAND * Primary Brand : #2A725D * File : journal-cover-green-gold-alfi-v1.css * Purpose : Full-site journal colour override * Target : OJS 3.3.x + kalidakaModern theme * ============================================================ * * DESIGN SYSTEM * - Primary emerald green : #2A725D * - Deep cover green : #225245 * - Dark cover green : #1E4533 * - Light sage : #74A98C * - Soft sage : #E9F1EC * - Soft surface : #F3F6F4 * - Cover gold accent : #C6A653 * - Main text : #26352E * - Muted text : #69766F * * Install this CSS as the journal stylesheet in OJS: * Website > Appearance > Advanced > Journal style sheet * * Keep this file loaded AFTER the kalidakaModern theme stylesheet. * ============================================================ */ /* ============================================================ 00. BRAND TOKENS ============================================================ */ html.kalidaka-modern { --wise-primary: #2A725D; --wise-primary-hover: #236350; --wise-primary-active: #1E5544; --wise-primary-medium: #3A8067; --wise-primary-light: #74A98C; --wise-primary-deep: #225245; --wise-primary-dark: #1E4533; --wise-primary-darker: #0F3D28; --wise-forest-100: #F4F8F5; --wise-forest-150: #E9F1EC; --wise-forest-200: #D8E6DD; --wise-forest-300: #BDD4C5; --wise-forest-400: #74A98C; --wise-accent: #C6A653; --wise-accent-hover: #A8873E; --wise-accent-soft: #FAF6E8; --wise-accent-border: #E1D2A5; --wise-white: #FFFFFF; --wise-surface: #FFFFFF; --wise-surface-soft: #F3F6F4; --wise-surface-muted: #EAEFEB; --wise-text: #26352E; --wise-text-strong: #17261F; --wise-text-muted: #69766F; --wise-text-soft: #87928C; --wise-border: #D5DED8; --wise-border-strong: #B9C9BF; --wise-shadow-sm: 0 4px 14px rgba(30, 69, 51, .07); --wise-shadow-md: 0 10px 30px rgba(30, 69, 51, .10); --wise-shadow-lg: 0 18px 50px rgba(30, 69, 51, .14); } /* ============================================================ 01. GLOBAL PAGE, TEXT, LINKS & SELECTION ============================================================ */ html.kalidaka-modern, html.kalidaka-modern body { background: var(--wise-surface-soft) !important; color: var(--wise-text) !important; } html.kalidaka-modern body::selection, html.kalidaka-modern body *::selection { background: rgba(42, 114, 93, .22); color: var(--wise-primary-dark); } html.kalidaka-modern body a { color: var(--wise-primary-deep); } html.kalidaka-modern body a:hover, html.kalidaka-modern body a:focus { color: var(--wise-primary); } html.kalidaka-modern body .pkp_structure_page { background: var(--wise-surface-soft) !important; } html.kalidaka-modern body .pkp_structure_main, html.kalidaka-modern body .pkp_structure_content { color: var(--wise-text); } html.kalidaka-modern body .page_title, html.kalidaka-modern body h1, html.kalidaka-modern body h2, html.kalidaka-modern body h3, html.kalidaka-modern body h4, html.kalidaka-modern body h5, html.kalidaka-modern body h6 { color: var(--wise-text-strong); } html.kalidaka-modern body hr, html.kalidaka-modern body .kalidaka-divider { border-color: var(--wise-border) !important; } /* ============================================================ 02. TOP UTILITY BAR / NETWORK BRAND ============================================================ */ html.kalidaka-modern body .kalidaka_topbar, html.kalidaka-modern body .kalidaka-header__top { background: linear-gradient( 105deg, var(--wise-primary-darker) 0%, var(--wise-primary-dark) 48%, var(--wise-primary-deep) 100% ) !important; border-bottom-color: rgba(255, 255, 255, .12) !important; } html.kalidaka-modern body .kalidaka_network_brand_link, html.kalidaka-modern body .kalidaka_network_brand_text, html.kalidaka-modern body .kalidaka_network_brand_mark, html.kalidaka-modern body .kalidaka-header__brand, html.kalidaka-modern body .kalidaka-header__brand-name { color: var(--wise-white) !important; } html.kalidaka-modern body .kalidaka_network_brand_mark, html.kalidaka-modern body .kalidaka-header__brand-mark { border-color: rgba(255, 255, 255, .38) !important; background: rgba(255, 255, 255, .06) !important; } html.kalidaka-modern body .kalidaka_network_brand_link:hover .kalidaka_network_brand_mark, html.kalidaka-modern body .kalidaka_network_brand_link:focus .kalidaka_network_brand_mark { border-color: rgba(198, 166, 83, .78) !important; background: rgba(198, 166, 83, .12) !important; } html.kalidaka-modern body .kalidaka_header_utilities a, html.kalidaka-modern body .kalidaka-header__top-actions a, html.kalidaka-modern body .pkp_navigation_user > li > a { color: rgba(255, 255, 255, .88) !important; } html.kalidaka-modern body .kalidaka_header_utilities a:hover, html.kalidaka-modern body .kalidaka_header_utilities a:focus, html.kalidaka-modern body .kalidaka-header__top-actions a:hover, html.kalidaka-modern body .kalidaka-header__top-actions a:focus, html.kalidaka-modern body .pkp_navigation_user > li > a:hover, html.kalidaka-modern body .pkp_navigation_user > li > a:focus { color: var(--wise-white) !important; background: rgba(255, 255, 255, .09) !important; } /* ============================================================ 03. JOURNAL IDENTITY / LOGO / TITLE / META ============================================================ */ html.kalidaka-modern body .kalidaka_journal_identity, html.kalidaka-modern body .kalidaka-header__identity, html.kalidaka-modern body.pkp_page_index .kalidaka_journal_identity { background: radial-gradient(circle at 92% 18%, rgba(42, 114, 93, .08), transparent 24%), linear-gradient(180deg, var(--wise-white) 0%, #FBFCFB 100%) !important; border-bottom-color: var(--wise-border) !important; } html.kalidaka-modern body .kalidaka_journal_title, html.kalidaka-modern body .kalidaka-header__journal-title, html.kalidaka-modern body.pkp_page_index .kalidaka_journal_title { color: var(--wise-primary-dark) !important; -webkit-text-fill-color: var(--wise-primary-dark) !important; } html.kalidaka-modern body .kalidaka_journal_title:hover, html.kalidaka-modern body .kalidaka_journal_title:focus, html.kalidaka-modern body .kalidaka-header__journal-title:hover, html.kalidaka-modern body .kalidaka-header__journal-title:focus { color: var(--wise-primary) !important; -webkit-text-fill-color: var(--wise-primary) !important; } html.kalidaka-modern body .kalidaka_journal_eyebrow, html.kalidaka-modern body .kalidaka-header__eyebrow, html.kalidaka-modern body .kalidaka-eyebrow, html.kalidaka-modern body .kalidaka-section-heading__eyebrow, html.kalidaka-modern body .kalidaka-current-issue__eyebrow, html.kalidaka-modern body .kalidaka-overview-heading__eyebrow { color: var(--wise-primary) !important; } html.kalidaka-modern body .kalidaka_journal_descriptor, html.kalidaka-modern body .kalidaka_journal_summary, html.kalidaka-modern body .kalidaka_journal_summary p, html.kalidaka-modern body .kalidaka-header__journal-meta { color: var(--wise-text-muted) !important; } html.kalidaka-modern body .kalidaka_descriptor_dot { color: var(--wise-primary) !important; } html.kalidaka-modern body .kalidaka_journal_issn_badge { background: var(--wise-forest-100) !important; border-color: var(--wise-border-strong) !important; color: var(--wise-primary-deep) !important; } html.kalidaka-modern body .kalidaka_journal_access_badge, html.kalidaka-modern body .kalidaka-open-access-badge { background: var(--wise-accent-soft) !important; border-color: var(--wise-accent-border) !important; color: #755F25 !important; -webkit-text-fill-color: #755F25 !important; } html.kalidaka-modern body .kalidaka_journal_access_badge .fa, html.kalidaka-modern body .kalidaka-open-access-icon { color: var(--wise-accent-hover) !important; -webkit-text-fill-color: var(--wise-accent-hover) !important; } html.kalidaka-modern body .kalidaka_journal_cover, html.kalidaka-modern body .kalidaka_journal_cover_image { border-color: var(--wise-border) !important; box-shadow: var(--wise-shadow-md) !important; } /* ============================================================ 04. JOURNAL SEARCH ============================================================ */ /* Search input */ html.kalidaka-modern body .kalidaka_journal_search_input, html.kalidaka-modern body .cmp_search input[type="text"], html.kalidaka-modern body .page_search input[type="text"] { border-color: var(--wise-border-strong) !important; background: var(--wise-white) !important; color: var(--wise-text) !important; } html.kalidaka-modern body .kalidaka_journal_search_input:hover, html.kalidaka-modern body .cmp_search input[type="text"]:hover, html.kalidaka-modern body .page_search input[type="text"]:hover { border-color: #C7D5CD !important; } html.kalidaka-modern body .kalidaka_journal_search_input:focus, html.kalidaka-modern body .cmp_search input[type="text"]:focus, html.kalidaka-modern body .page_search input[type="text"]:focus { border-color: var(--wise-primary) !important; box-shadow: 0 0 0 3px rgba(42, 114, 93, .12) !important; outline: 0 !important; } html.kalidaka-modern body .kalidaka_journal_search_icon { color: var(--wise-primary-medium) !important; } /* Main Search button remains a proper forest green CTA. */ html.kalidaka-modern body .kalidaka_journal_search_button { border-color: var(--wise-primary) !important; background: var(--wise-primary) !important; color: var(--wise-white) !important; box-shadow: 0 7px 18px rgba(42, 114, 93, .18) !important; } html.kalidaka-modern body .kalidaka_journal_search_button:hover, html.kalidaka-modern body .kalidaka_journal_search_button:focus { border-color: var(--wise-primary-hover) !important; background: var(--wise-primary-hover) !important; color: var(--wise-white) !important; } /* * Search footer links * "Submit a Manuscript" must remain text-only. It must NOT inherit * the filled forest green Search button treatment. */ html.kalidaka-modern body .kalidaka_journal_search_advanced, html.kalidaka-modern body .kalidaka_journal_search_submit { display: inline-flex !important; align-items: center !important; gap: 6px !important; width: auto !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--wise-primary-deep) !important; font-weight: 700 !important; line-height: 1.45 !important; text-decoration: none !important; } html.kalidaka-modern body .kalidaka_journal_search_advanced:hover, html.kalidaka-modern body .kalidaka_journal_search_advanced:focus, html.kalidaka-modern body .kalidaka_journal_search_submit:hover, html.kalidaka-modern body .kalidaka_journal_search_submit:focus { border: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--wise-primary) !important; text-decoration: underline !important; text-underline-offset: 3px !important; outline: 0 !important; } html.kalidaka-modern body .kalidaka_journal_search_submit span { display: inline !important; margin: 0 !important; padding: 0 !important; background: transparent !important; color: currentColor !important; box-shadow: none !important; } /* ============================================================ 05. PRIMARY NAVIGATION / DROPDOWN / STICKY HEADER ============================================================ */ /* Normal homepage / internal-page navigation */ html.kalidaka-modern body .kalidaka_primary_nav, html.kalidaka-modern body .kalidaka-header__navigation, html.kalidaka-modern body .pkp_site_nav_menu.kalidaka-header__navigation { background: linear-gradient( 90deg, var(--wise-primary-dark) 0%, var(--wise-primary-deep) 42%, var(--wise-primary) 100% ) !important; border-color: transparent !important; box-shadow: 0 8px 24px rgba(30, 69, 51, .13) !important; } html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li > a, html.kalidaka-modern body .kalidaka-header__navigation .pkp_navigation_primary > li > a { color: rgba(255, 255, 255, .94) !important; background: transparent !important; } html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li > a:hover, html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li > a:focus, html.kalidaka-modern body .kalidaka-header__navigation .pkp_navigation_primary > li > a:hover, html.kalidaka-modern body .kalidaka-header__navigation .pkp_navigation_primary > li > a:focus, html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li.current > a, html.kalidaka-modern body .kalidaka-header__navigation .pkp_navigation_primary > li.current > a { color: var(--wise-white) !important; background: rgba(255, 255, 255, .10) !important; } /* Remove every legacy gold/blue underline below Home, Current, etc. */ html.kalidaka-modern body .kalidaka-header .pkp_navigation_primary > li > a::after, html.kalidaka-modern body .kalidaka-header .pkp_navigation_primary > li > a:after, html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li > a::after, html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li > a:after, html.kalidaka-modern body .kalidaka-header__navigation .pkp_navigation_primary > li > a::after, html.kalidaka-modern body .kalidaka-header__navigation .pkp_navigation_primary > li > a:after { display: none !important; width: 0 !important; height: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; content: none !important; opacity: 0 !important; } /* Dropdown menus stay light for readability. */ html.kalidaka-modern body .pkp_navigation_primary ul, html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary ul, html.kalidaka-modern body .kalidaka-header__navigation .pkp_navigation_primary ul { background: var(--wise-white) !important; border-color: var(--wise-border) !important; box-shadow: var(--wise-shadow-lg) !important; } html.kalidaka-modern body .pkp_navigation_primary ul a, html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary ul a, html.kalidaka-modern body .kalidaka-header__navigation .pkp_navigation_primary ul a { color: var(--wise-text) !important; } html.kalidaka-modern body .pkp_navigation_primary ul a:hover, html.kalidaka-modern body .pkp_navigation_primary ul a:focus, html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary ul a:hover, html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary ul a:focus { background: var(--wise-forest-100) !important; color: var(--wise-primary) !important; } /* Internal-page submission CTA */ html.kalidaka-modern body .kalidaka_submit_button, html.kalidaka-modern body .kalidaka-header__submit { border-color: var(--wise-primary) !important; background: var(--wise-primary) !important; color: var(--wise-white) !important; box-shadow: 0 7px 18px rgba(42, 114, 93, .18) !important; } html.kalidaka-modern body .kalidaka_submit_button:hover, html.kalidaka-modern body .kalidaka_submit_button:focus, html.kalidaka-modern body .kalidaka-header__submit:hover, html.kalidaka-modern body .kalidaka-header__submit:focus { border-color: var(--wise-primary-hover) !important; background: var(--wise-primary-hover) !important; color: var(--wise-white) !important; } html.kalidaka-modern body .kalidaka_mobile_toggle { border-color: rgba(255, 255, 255, .28) !important; color: var(--wise-white) !important; } /* ------------------------------------------------------------ DESKTOP SCROLL-COMPACT NAVIGATION v3: no white/soft forest green strip. The compact navigation now uses the SAME forest green family as the top header so the sticky header reads as one coherent journal identity. ------------------------------------------------------------ */ @media (min-width: 992px) { html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .kalidaka_topbar { background: linear-gradient( 105deg, var(--wise-primary-darker) 0%, var(--wise-primary-dark) 52%, var(--wise-primary-deep) 100% ) !important; border-bottom-color: rgba(255, 255, 255, .10) !important; } html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .kalidaka_primary_nav, html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .pkp_site_nav_menu.kalidaka_primary_nav, html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .kalidaka-header__navigation { background: linear-gradient( 90deg, var(--wise-primary-dark) 0%, var(--wise-primary-deep) 48%, var(--wise-primary) 100% ) !important; border-top: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, .10) !important; box-shadow: 0 8px 22px rgba(15, 61, 40, .18) !important; } html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .kalidaka_primary_nav .pkp_navigation_primary > li > a, html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .kalidaka-header__navigation .pkp_navigation_primary > li > a { color: rgba(255, 255, 255, .94) !important; background: transparent !important; } html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .kalidaka_primary_nav .pkp_navigation_primary > li > a:hover, html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .kalidaka_primary_nav .pkp_navigation_primary > li > a:focus, html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .kalidaka_primary_nav .pkp_navigation_primary > li.current > a, html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .kalidaka-header__navigation .pkp_navigation_primary > li > a:hover, html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .kalidaka-header__navigation .pkp_navigation_primary > li > a:focus, html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .kalidaka-header__navigation .pkp_navigation_primary > li.current > a { color: var(--wise-white) !important; background: rgba(255, 255, 255, .10) !important; } html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .kalidaka_primary_nav .pkp_navigation_primary > li > a::after, html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .kalidaka_primary_nav .pkp_navigation_primary > li > a:after, html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .kalidaka-header__navigation .pkp_navigation_primary > li > a::after, html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .kalidaka-header__navigation .pkp_navigation_primary > li > a:after { display: none !important; width: 0 !important; height: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; content: none !important; opacity: 0 !important; } html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .kalidaka_header_utilities .pkp_navigation_user > li:hover > a, html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .kalidaka_header_utilities .pkp_navigation_user > li:focus-within > a { background: rgba(255, 255, 255, .09) !important; border-bottom-color: transparent !important; color: var(--wise-white) !important; } } /* ============================================================ 06. BREADCRUMBS / MAIN CONTENT SHELL ============================================================ */ html.kalidaka-modern body .cmp_breadcrumbs { color: var(--wise-text-muted) !important; } html.kalidaka-modern body .cmp_breadcrumbs a { color: var(--wise-primary-deep) !important; } html.kalidaka-modern body .cmp_breadcrumbs a:hover, html.kalidaka-modern body .cmp_breadcrumbs a:focus { color: var(--wise-primary) !important; } html.kalidaka-modern body .kalidaka-panel, html.kalidaka-modern body .kalidaka-section, html.kalidaka-modern body .pkp_structure_main .page, html.kalidaka-modern body .pkp_structure_main .cmp_announcements, html.kalidaka-modern body .pkp_structure_main .cmp_notification { border-color: var(--wise-border) !important; } html.kalidaka-modern body .kalidaka-panel__title, html.kalidaka-modern body .kalidaka-panel-heading, html.kalidaka-modern body .kalidaka-section-heading__title { color: var(--wise-primary-dark) !important; } html.kalidaka-modern body .kalidaka-section-heading__link, html.kalidaka-modern body .kalidaka-link-arrow { color: var(--wise-primary-deep) !important; } /* ============================================================ 07. HOMEPAGE HERO ============================================================ */ html.kalidaka-modern body .kalidaka-home-hero { border-color: var(--wise-border) !important; background: radial-gradient(circle at 82% 20%, rgba(42, 114, 93, .15), transparent 28%), radial-gradient(circle at 10% 85%, rgba(198, 166, 83, .10), transparent 24%), linear-gradient(135deg, #FFFFFF 0%, #F8FAF8 55%, #EBF1ED 100%) !important; box-shadow: var(--wise-shadow-md) !important; } html.kalidaka-modern body .kalidaka-home-hero__eyebrow, html.kalidaka-modern body .kalidaka-home-hero__eyebrow-line { color: var(--wise-primary) !important; } html.kalidaka-modern body .kalidaka-home-hero__title { color: var(--wise-primary-dark) !important; } html.kalidaka-modern body .kalidaka-home-hero__description { color: var(--wise-text-muted) !important; } html.kalidaka-modern body .kalidaka-home-hero__orb--one { background: rgba(42, 114, 93, .14) !important; } html.kalidaka-modern body .kalidaka-home-hero__orb--two { background: rgba(34, 82, 69, .11) !important; } html.kalidaka-modern body .kalidaka-home-hero__orb--three { background: rgba(198, 166, 83, .12) !important; } html.kalidaka-modern body .kalidaka-particle-canvas { opacity: .48 !important; } /* ============================================================ 08. HOMEPAGE BUTTONS ============================================================ */ html.kalidaka-modern body .kalidaka-home-button--primary, html.kalidaka-modern body .kalidaka-overview-action--primary, html.kalidaka-modern body .cmp_button, html.kalidaka-modern body .pkp_button { border-color: var(--wise-primary) !important; background: var(--wise-primary) !important; color: var(--wise-white) !important; box-shadow: 0 7px 18px rgba(42, 114, 93, .16) !important; } html.kalidaka-modern body .kalidaka-home-button--primary:hover, html.kalidaka-modern body .kalidaka-home-button--primary:focus, html.kalidaka-modern body .kalidaka-overview-action--primary:hover, html.kalidaka-modern body .kalidaka-overview-action--primary:focus, html.kalidaka-modern body .cmp_button:hover, html.kalidaka-modern body .cmp_button:focus, html.kalidaka-modern body .pkp_button:hover, html.kalidaka-modern body .pkp_button:focus { border-color: var(--wise-primary-hover) !important; background: var(--wise-primary-hover) !important; color: var(--wise-white) !important; } html.kalidaka-modern body .kalidaka-home-button--text, html.kalidaka-modern body .kalidaka-button-text, html.kalidaka-modern body .kalidaka-button-secondary { color: var(--wise-primary-deep) !important; } html.kalidaka-modern body .kalidaka-button-secondary { border-color: var(--wise-border-strong) !important; background: var(--wise-white) !important; } html.kalidaka-modern body .kalidaka-button-secondary:hover, html.kalidaka-modern body .kalidaka-button-secondary:focus { border-color: var(--wise-primary) !important; background: var(--wise-forest-100) !important; color: var(--wise-primary) !important; } /* ============================================================ 09. JOURNAL OVERVIEW / TABS / FACTS ============================================================ */ /* * Layout principle: * - The OUTER Journal Overview section stays transparent, exactly * like the reference layout. * - Only the tab/panel shell is a white card. * - Active tabs use forest green instead of the original green. */ /* Outer section: no large white block and no unnecessary shadow. */ html.kalidaka-modern body.pkp_page_index .kalidaka-journal-overview, html.kalidaka-modern body .kalidaka-journal-overview { margin-bottom: 62px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } /* Heading sits directly on the page surface. */ html.kalidaka-modern body.pkp_page_index .kalidaka-overview-heading, html.kalidaka-modern body .kalidaka-overview-heading { display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 30px !important; margin-bottom: 17px !important; padding: 0 !important; background: transparent !important; } html.kalidaka-modern body .kalidaka-overview-heading__eyebrow { margin-bottom: 6px !important; color: var(--wise-primary) !important; font-size: 10px !important; font-weight: 750 !important; line-height: 1.3 !important; letter-spacing: .14em !important; text-transform: uppercase !important; } html.kalidaka-modern body .kalidaka-overview-heading__title { margin: 0 !important; color: var(--wise-primary-dark) !important; font-size: 27px !important; font-weight: 720 !important; line-height: 1.2 !important; letter-spacing: -.3px !important; } html.kalidaka-modern body .kalidaka-overview-heading__text { max-width: 720px !important; margin: 8px 0 0 !important; color: var(--wise-text-muted) !important; font-size: 13px !important; line-height: 1.6 !important; } html.kalidaka-modern body .kalidaka-overview-heading__about { display: inline-flex !important; align-items: center !important; gap: 8px !important; flex: 0 0 auto !important; padding-bottom: 2px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--wise-primary-deep) !important; font-size: 12px !important; font-weight: 700 !important; text-decoration: none !important; } html.kalidaka-modern body .kalidaka-overview-heading__about:hover, html.kalidaka-modern body .kalidaka-overview-heading__about:focus { color: var(--wise-primary) !important; text-decoration: underline !important; text-underline-offset: 4px !important; } /* The actual overview card, matching the reference structure. */ html.kalidaka-modern body.pkp_page_index .kalidaka-overview-shell, html.kalidaka-modern body .kalidaka-overview-shell { overflow: hidden !important; border: 1px solid var(--wise-border) !important; border-radius: 12px !important; background: var(--wise-white) !important; box-shadow: 0 8px 26px rgba(30, 69, 51, .055) !important; } /* Tab strip */ html.kalidaka-modern body.pkp_page_index .kalidaka-overview-tabs, html.kalidaka-modern body .kalidaka-overview-tabs { display: flex !important; align-items: stretch !important; width: 100% !important; border-bottom: 1px solid var(--wise-border) !important; background: #EAEFEB !important; } html.kalidaka-modern body.pkp_page_index .kalidaka-overview-tab, html.kalidaka-modern body .kalidaka-overview-tab { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; flex: 1 1 25% !important; min-height: 51px !important; margin: 0 !important; padding: 12px 16px !important; border: 0 !important; border-right: 1px solid var(--wise-border) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #69766F !important; font-family: inherit !important; font-size: 12px !important; font-weight: 680 !important; line-height: 1.25 !important; text-align: center !important; cursor: pointer !important; } html.kalidaka-modern body .kalidaka-overview-tab:last-child { border-right: 0 !important; } /* Reset the old gold indicator on every tab. */ html.kalidaka-modern body .kalidaka-overview-tab::after, html.kalidaka-modern body .kalidaka-overview-tab:after { position: absolute !important; right: 18px !important; bottom: 0 !important; left: 18px !important; display: block !important; width: auto !important; height: 3px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; content: "" !important; opacity: 1 !important; } html.kalidaka-modern body .kalidaka-overview-tab:hover, html.kalidaka-modern body .kalidaka-overview-tab:focus { background: var(--wise-forest-150) !important; color: var(--wise-primary-deep) !important; outline: 0 !important; } /* Active tab = forest green block, like the green block in reference image 3. */ html.kalidaka-modern body .kalidaka-overview-tab[aria-selected="true"], html.kalidaka-modern body .kalidaka-overview-tab.is-active { background: var(--wise-primary-deep) !important; color: var(--wise-white) !important; box-shadow: none !important; } html.kalidaka-modern body .kalidaka-overview-tab[aria-selected="true"]::after, html.kalidaka-modern body .kalidaka-overview-tab[aria-selected="true"]:after, html.kalidaka-modern body .kalidaka-overview-tab.is-active::after, html.kalidaka-modern body .kalidaka-overview-tab.is-active:after { background: var(--wise-primary-light) !important; } /* Panels */ html.kalidaka-modern body .kalidaka-overview-panels { background: var(--wise-white) !important; } html.kalidaka-modern body.pkp_page_index .kalidaka-overview-panel, html.kalidaka-modern body .kalidaka-overview-panel { align-items: stretch !important; justify-content: space-between !important; gap: 34px !important; min-height: 228px !important; padding: 28px 32px !important; border: 0 !important; border-bottom: 1px solid #EFF4F1 !important; border-radius: 0 !important; background: var(--wise-white) !important; box-shadow: none !important; } html.kalidaka-modern body .kalidaka-overview-panel:last-child { border-bottom: 0 !important; } html.kalidaka-modern body .kalidaka-overview-panel__content { align-self: center !important; flex: 1 1 auto !important; min-width: 0 !important; max-width: 940px !important; } html.kalidaka-modern body .kalidaka-overview-panel__label, html.kalidaka-modern body .kalidaka-overview-fact__label { color: var(--wise-primary-medium) !important; } html.kalidaka-modern body .kalidaka-overview-panel__title, html.kalidaka-modern body .kalidaka-overview-fact__value, html.kalidaka-modern body .kalidaka-overview-fact__value--metric { color: var(--wise-primary-dark) !important; } html.kalidaka-modern body .kalidaka-overview-panel__description, html.kalidaka-modern body .kalidaka-overview-fact__note { color: var(--wise-text-muted) !important; } html.kalidaka-modern body .kalidaka-overview-panel__description { max-width: 920px !important; font-size: 13.5px !important; line-height: 1.72 !important; } /* Reference-style circular accent: light soft forest green, not a solid forest green disk. */ html.kalidaka-modern body .kalidaka-overview-panel__accent { display: flex !important; align-items: center !important; justify-content: center !important; align-self: center !important; flex: 0 0 94px !important; width: 94px !important; height: 94px !important; border: 1px solid #D7E0DA !important; border-radius: 50% !important; background: #F6F8F6 !important; color: var(--wise-primary-medium) !important; font-size: 31px !important; box-shadow: none !important; } /* Plain text links inside the overview panel. */ html.kalidaka-modern body .kalidaka-overview-action { color: var(--wise-primary-deep) !important; } html.kalidaka-modern body .kalidaka-overview-action:hover, html.kalidaka-modern body .kalidaka-overview-action:focus { color: var(--wise-primary) !important; } /* Only the intentionally-primary action remains a filled button. */ html.kalidaka-modern body .kalidaka-overview-action--primary { border-color: var(--wise-primary) !important; background: var(--wise-primary) !important; color: var(--wise-white) !important; box-shadow: none !important; } html.kalidaka-modern body .kalidaka-overview-action--primary:hover, html.kalidaka-modern body .kalidaka-overview-action--primary:focus { border-color: var(--wise-primary-hover) !important; background: var(--wise-primary-hover) !important; color: var(--wise-white) !important; } /* Journal Information / metrics cards */ html.kalidaka-modern body .kalidaka-overview-fact, html.kalidaka-modern body .kalidaka-journal-fact, html.kalidaka-modern body .kalidaka-profile-card { border-color: var(--wise-border) !important; background: var(--wise-surface-soft) !important; } html.kalidaka-modern body .kalidaka-overview-fact--metric { background: linear-gradient( 135deg, var(--wise-forest-100) 0%, var(--wise-white) 100% ) !important; } html.kalidaka-modern body .kalidaka-overview-fact__icon, html.kalidaka-modern body .kalidaka-profile-card__number { color: var(--wise-primary) !important; } /* Responsive preservation of the clean reference layout. */ @media (max-width: 760px) { html.kalidaka-modern body .kalidaka-overview-heading { align-items: flex-start !important; } html.kalidaka-modern body .kalidaka-overview-panel { padding: 24px 22px !important; } html.kalidaka-modern body .kalidaka-overview-panel__accent { flex-basis: 78px !important; width: 78px !important; height: 78px !important; font-size: 27px !important; } } @media (max-width: 640px) { html.kalidaka-modern body .kalidaka-overview-heading { display: block !important; } html.kalidaka-modern body .kalidaka-overview-heading__about { margin-top: 12px !important; } html.kalidaka-modern body .kalidaka-overview-panel { gap: 22px !important; } } /* ============================================================ 10. CURRENT ISSUE / ISSUE TOC / ARTICLE CARDS ============================================================ */ html.kalidaka-modern body .kalidaka-current-issue { border-color: var(--wise-border) !important; background: linear-gradient(180deg, #FFFFFF 0%, #F3F6F4 100%) !important; box-shadow: var(--wise-shadow-sm) !important; } html.kalidaka-modern body .kalidaka-current-issue__header { border-bottom-color: var(--wise-border) !important; } html.kalidaka-modern body .kalidaka-current-issue__title { color: var(--wise-primary-dark) !important; } html.kalidaka-modern body .kalidaka-current-issue__meta { color: var(--wise-text-muted) !important; } html.kalidaka-modern body .cmp_issue_toc .section > h2, html.kalidaka-modern body .obj_issue_toc .section > h2, html.kalidaka-modern body .obj_issue_toc .section > h3 { color: var(--wise-primary-dark) !important; border-bottom-color: var(--wise-border) !important; } html.kalidaka-modern body .obj_article_summary, html.kalidaka-modern body .kalidaka-current-issue__toc .obj_article_summary, html.kalidaka-modern body .kalidaka-related-card { border-color: var(--wise-border) !important; background: var(--wise-white) !important; box-shadow: var(--wise-shadow-sm) !important; } html.kalidaka-modern body .obj_article_summary:hover, html.kalidaka-modern body .kalidaka-current-issue__toc .obj_article_summary:hover, html.kalidaka-modern body .kalidaka-related-card:hover { border-color: #C7D5CD !important; box-shadow: var(--wise-shadow-md) !important; } html.kalidaka-modern body .obj_article_summary .title a, html.kalidaka-modern body .obj_article_summary h3 a, html.kalidaka-modern body .kalidaka-related-card a { color: var(--wise-primary-dark) !important; } html.kalidaka-modern body .obj_article_summary .title a:hover, html.kalidaka-modern body .obj_article_summary .title a:focus, html.kalidaka-modern body .obj_article_summary h3 a:hover, html.kalidaka-modern body .obj_article_summary h3 a:focus, html.kalidaka-modern body .kalidaka-related-card a:hover, html.kalidaka-modern body .kalidaka-related-card a:focus { color: var(--wise-primary) !important; } html.kalidaka-modern body .obj_article_summary .authors, html.kalidaka-modern body .obj_article_summary .pages, html.kalidaka-modern body .kalidaka-related-authors, html.kalidaka-modern body .kalidaka-related-issue, html.kalidaka-modern body .kalidaka-related-card-meta { color: var(--wise-text-muted) !important; } html.kalidaka-modern body .cmp_galley_link, html.kalidaka-modern body .obj_galley_link, html.kalidaka-modern body .obj_galley_link_supplementary { border-color: var(--wise-primary) !important; background: var(--wise-forest-100) !important; color: var(--wise-primary-deep) !important; } html.kalidaka-modern body .cmp_galley_link:hover, html.kalidaka-modern body .cmp_galley_link:focus, html.kalidaka-modern body .obj_galley_link:hover, html.kalidaka-modern body .obj_galley_link:focus, html.kalidaka-modern body .obj_galley_link_supplementary:hover, html.kalidaka-modern body .obj_galley_link_supplementary:focus { border-color: var(--wise-primary-hover) !important; background: var(--wise-primary) !important; color: var(--wise-white) !important; } /* ============================================================ 11. ANNOUNCEMENTS ============================================================ */ html.kalidaka-modern body .kalidaka-home-announcements, html.kalidaka-modern body .cmp_announcements { border-color: var(--wise-border) !important; } html.kalidaka-modern body .cmp_announcements .obj_announcement_summary, html.kalidaka-modern body .kalidaka-home-announcements__list > * { border-color: var(--wise-border) !important; background: var(--wise-white) !important; } html.kalidaka-modern body .cmp_announcements h2, html.kalidaka-modern body .cmp_announcements h3, html.kalidaka-modern body .cmp_announcements h3 a { color: var(--wise-primary-dark) !important; } /* ============================================================ 12. ARTICLE LANDING — HERO ============================================================ */ html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-article-hero { border-color: var(--wise-border) !important; border-left-color: var(--wise-primary) !important; background: radial-gradient(circle at top right, rgba(42, 114, 93, .11), transparent 27%), linear-gradient(135deg, #F3F6F4 0%, #FFFFFF 64%, #FAF7ED 100%) !important; box-shadow: var(--wise-shadow-sm) !important; } html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-article-hero::after { background: radial-gradient( circle at top right, rgba(42, 114, 93, .14), rgba(42, 114, 93, 0) 68% ) !important; } html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-article-hero > .page_title { color: var(--wise-primary-dark) !important; -webkit-text-fill-color: var(--wise-primary-dark) !important; } html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-article-hero > .subtitle { color: var(--wise-text-muted) !important; -webkit-text-fill-color: var(--wise-text-muted) !important; } html.kalidaka-modern body .kalidaka-article-type-badge, html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-article-hero .kalidaka-article-type-badge { border-color: var(--wise-border-strong) !important; background: var(--wise-forest-100) !important; color: var(--wise-primary-deep) !important; -webkit-text-fill-color: var(--wise-primary-deep) !important; } html.kalidaka-modern body .kalidaka-license-meta-link { color: var(--wise-primary-deep) !important; -webkit-text-fill-color: var(--wise-primary-deep) !important; } html.kalidaka-modern body .kalidaka-license-meta-link:hover, html.kalidaka-modern body .kalidaka-license-meta-link:focus { color: var(--wise-primary) !important; -webkit-text-fill-color: var(--wise-primary) !important; } html.kalidaka-modern body .kalidaka-license-meta-link:focus-visible { box-shadow: 0 0 0 3px rgba(42, 114, 93, .15) !important; } /* ============================================================ 13. ARTICLE AUTHOR ROW / AUTHOR POPOVER ============================================================ */ html.kalidaka-modern body .obj_article_details .authors a, html.kalidaka-modern body .obj_article_details .author a { color: var(--wise-primary-deep) !important; } html.kalidaka-modern body .obj_article_details .authors a:hover, html.kalidaka-modern body .obj_article_details .authors a:focus, html.kalidaka-modern body .obj_article_details .author a:hover, html.kalidaka-modern body .obj_article_details .author a:focus { color: var(--wise-primary) !important; } html.kalidaka-modern body .kalidaka-biography-item, html.kalidaka-modern body .kalidaka-biography-list, html.kalidaka-modern body .kalidaka-biography-body, html.kalidaka-modern body .kalidaka-biography-meta { border-color: var(--wise-border) !important; } html.kalidaka-modern body .kalidaka-biography-item { background: var(--wise-white) !important; box-shadow: var(--wise-shadow-md) !important; } html.kalidaka-modern body .kalidaka-biography-meta, html.kalidaka-modern body .obj_article_details .affiliation { color: var(--wise-text-muted) !important; } /* ============================================================ 14. ARTICLE TABS / ABSTRACT / REFERENCES / KEYWORDS ============================================================ */ html.kalidaka-modern body .kalidaka-article-tabs, html.kalidaka-modern body .kalidaka-article-tabpanels, html.kalidaka-modern body .kalidaka-article-tabpanel { border-color: var(--wise-border) !important; } html.kalidaka-modern body .kalidaka-article-tablist { background: var(--wise-forest-100) !important; border-color: var(--wise-border) !important; } html.kalidaka-modern body .kalidaka-article-tab { color: var(--wise-text-muted) !important; } html.kalidaka-modern body .kalidaka-article-tab:hover, html.kalidaka-modern body .kalidaka-article-tab:focus { color: var(--wise-primary) !important; background: rgba(42, 114, 93, .06) !important; } html.kalidaka-modern body .kalidaka-article-tab[aria-selected="true"] { color: var(--wise-primary-dark) !important; background: var(--wise-white) !important; } html.kalidaka-modern body .kalidaka-article-tab[aria-selected="true"]::after { background: var(--wise-primary) !important; } html.kalidaka-modern body .kalidaka-article-tabpanel, html.kalidaka-modern body .kalidaka-abstract-body, html.kalidaka-modern body .kalidaka-reference-list { background: var(--wise-white) !important; } html.kalidaka-modern body .kalidaka-keywords-title, html.kalidaka-modern body .kalidaka-panel-heading, html.kalidaka-modern body .kalidaka-download-title, html.kalidaka-modern body .kalidaka-citation-impact-heading, html.kalidaka-modern body .kalidaka-readership-heading, html.kalidaka-modern body .kalidaka-related-header, html.kalidaka-modern body .kalidaka-issue-nav-heading { color: var(--wise-primary-dark) !important; } html.kalidaka-modern body .kalidaka-keyword { border-color: var(--wise-border-strong) !important; background: var(--wise-forest-100) !important; color: var(--wise-primary-deep) !important; } html.kalidaka-modern body .kalidaka-keyword:hover, html.kalidaka-modern body .kalidaka-keyword:focus { border-color: var(--wise-primary) !important; background: var(--wise-primary) !important; color: var(--wise-white) !important; } html.kalidaka-modern body .kalidaka-keyword-arrow { color: currentColor !important; } html.kalidaka-modern body .kalidaka-reference-item { border-bottom-color: var(--wise-border) !important; } html.kalidaka-modern body .kalidaka-reference-number { background: var(--wise-forest-100) !important; color: var(--wise-primary-deep) !important; border-color: var(--wise-border-strong) !important; } html.kalidaka-modern body .kalidaka-reference-text, html.kalidaka-modern body .kalidaka-reference-raw, html.kalidaka-modern body .kalidaka-abstract-body { color: var(--wise-text) !important; } /* ============================================================ 15. ARTICLE TOOLS / METRICS / READERSHIP / CITATION ============================================================ */ html.kalidaka-modern body .kalidaka-article-tools-card, html.kalidaka-modern body .kalidaka-citation-impact-card, html.kalidaka-modern body .kalidaka-readership-card, html.kalidaka-modern body .kalidaka-article-insight, html.kalidaka-modern body .kalidaka-citation-focus { border-color: var(--wise-border) !important; background: linear-gradient(180deg, #FFFFFF 0%, #F3F6F4 100%) !important; box-shadow: var(--wise-shadow-sm) !important; } html.kalidaka-modern body .kalidaka-tool-button, html.kalidaka-modern body .kalidaka-tool-link, html.kalidaka-modern body .kalidaka-copy-citation-button { border-color: var(--wise-border-strong) !important; background: var(--wise-white) !important; color: var(--wise-primary-deep) !important; } html.kalidaka-modern body .kalidaka-tool-button:hover, html.kalidaka-modern body .kalidaka-tool-button:focus, html.kalidaka-modern body .kalidaka-tool-link:hover, html.kalidaka-modern body .kalidaka-tool-link:focus, html.kalidaka-modern body .kalidaka-copy-citation-button:hover, html.kalidaka-modern body .kalidaka-copy-citation-button:focus { border-color: var(--wise-primary) !important; background: var(--wise-forest-100) !important; color: var(--wise-primary) !important; } html.kalidaka-modern body .kalidaka-citation-impact-count, html.kalidaka-modern body .kalidaka-citation-metric, html.kalidaka-modern body .kalidaka-readership-total, html.kalidaka-modern body .kalidaka-insight-value, html.kalidaka-modern body .kalidaka-uforest green-metric { color: var(--wise-primary-dark) !important; } html.kalidaka-modern body .kalidaka-insight-label, html.kalidaka-modern body .kalidaka-readership-note, html.kalidaka-modern body .kalidaka-readership-country-name, html.kalidaka-modern body .kalidaka-country-code { color: var(--wise-text-muted) !important; } html.kalidaka-modern body .kalidaka-readership-track { background: var(--wise-forest-200) !important; } html.kalidaka-modern body .kalidaka-readership-country-line { background: linear-gradient(90deg, var(--wise-primary), var(--wise-primary-light, #74A98C)) !important; } html.kalidaka-modern body .kalidaka-readership-country-value { color: var(--wise-primary-deep) !important; } /* ============================================================ 16. ISSUE ARTICLE NAVIGATION / RELATED ARTICLES ============================================================ */ html.kalidaka-modern body .kalidaka-issue-nav-item { border-color: var(--wise-border) !important; background: var(--wise-white) !important; } html.kalidaka-modern body .kalidaka-issue-nav-item:hover, html.kalidaka-modern body .kalidaka-issue-nav-item:focus-within { border-color: #C7D5CD !important; background: var(--wise-forest-100) !important; } html.kalidaka-modern body .kalidaka-issue-nav-direction, html.kalidaka-modern body .kalidaka-related-eyebrow { color: var(--wise-primary) !important; } html.kalidaka-modern body .kalidaka-related-action, html.kalidaka-modern body .kalidaka-issue-nav-item a { color: var(--wise-primary-deep) !important; } /* ============================================================ 17. ARCHIVES / ISSUE CARDS ============================================================ */ html.kalidaka-modern body .kalidaka-archive-issue-card, html.kalidaka-modern body .obj_issue_summary { border-color: var(--wise-border) !important; background: var(--wise-white) !important; box-shadow: var(--wise-shadow-sm) !important; } html.kalidaka-modern body .kalidaka-archive-issue-card:hover, html.kalidaka-modern body .obj_issue_summary:hover { border-color: #C7D5CD !important; box-shadow: var(--wise-shadow-md) !important; } html.kalidaka-modern body .kalidaka-archive-issue-card__eyebrow, html.kalidaka-modern body .kalidaka-archive-issue-card__series { color: var(--wise-primary) !important; } html.kalidaka-modern body .kalidaka-archive-issue-card__title, html.kalidaka-modern body .kalidaka-archive-issue-card__title a, html.kalidaka-modern body .obj_issue_summary .title a { color: var(--wise-primary-dark) !important; } html.kalidaka-modern body .kalidaka-archive-issue-card__date, html.kalidaka-modern body .kalidaka-archive-issue-card__description { color: var(--wise-text-muted) !important; } html.kalidaka-modern body .kalidaka-archive-issue-card__action { color: var(--wise-primary-deep) !important; } /* ============================================================ 18. INTERNAL OJS PAGES About / Editorial Team / Submissions / Contact / Policies ============================================================ */ html.kalidaka-modern body .page_about, html.kalidaka-modern body .page_editorial_team, html.kalidaka-modern body .page_submissions, html.kalidaka-modern body .page_contact, html.kalidaka-modern body .page_privacy, html.kalidaka-modern body .page_announcement, html.kalidaka-modern body .page_announcements, html.kalidaka-modern body .page_search, html.kalidaka-modern body .page_issue_archive { color: var(--wise-text) !important; } html.kalidaka-modern body .page_about .page_title, html.kalidaka-modern body .page_editorial_team .page_title, html.kalidaka-modern body .page_submissions .page_title, html.kalidaka-modern body .page_contact .page_title, html.kalidaka-modern body .page_privacy .page_title, html.kalidaka-modern body .page_search .page_title, html.kalidaka-modern body .page_issue_archive .page_title { color: var(--wise-primary-dark) !important; } html.kalidaka-modern body .page_about h2, html.kalidaka-modern body .page_about h3, html.kalidaka-modern body .page_editorial_team h2, html.kalidaka-modern body .page_editorial_team h3, html.kalidaka-modern body .page_submissions h2, html.kalidaka-modern body .page_submissions h3, html.kalidaka-modern body .page_contact h2, html.kalidaka-modern body .page_contact h3 { color: var(--wise-primary-dark) !important; } html.kalidaka-modern body .kalidaka-editorial-content, html.kalidaka-modern body .kalidaka-additional-home-content { color: var(--wise-text) !important; } html.kalidaka-modern body .kalidaka-editorial-content a, html.kalidaka-modern body .kalidaka-additional-home-content a { color: var(--wise-primary-deep) !important; } html.kalidaka-modern body .kalidaka-editorial-content blockquote, html.kalidaka-modern body .kalidaka-additional-home-content blockquote { border-left-color: var(--wise-primary) !important; background: var(--wise-forest-100) !important; } /* ============================================================ 19. LOGIN / REGISTER / PASSWORD PAGES ============================================================ */ html.kalidaka-modern body .kalidaka-auth-page, html.kalidaka-modern body .page_login, html.kalidaka-modern body .page_register, html.kalidaka-modern body .page_lost_password, html.kalidaka-modern body .page_reset_password { color: var(--wise-text) !important; } html.kalidaka-modern body .kalidaka-auth-page .page_title, html.kalidaka-modern body .page_login .page_title, html.kalidaka-modern body .page_register .page_title, html.kalidaka-modern body .page_lost_password .page_title, html.kalidaka-modern body .page_reset_password .page_title { color: var(--wise-primary-dark) !important; } /* ============================================================ 20. FORMS / INPUTS / SELECTS / TEXTAREAS ============================================================ */ html.kalidaka-modern body input[type="text"], html.kalidaka-modern body input[type="email"], html.kalidaka-modern body input[type="password"], html.kalidaka-modern body input[type="url"], html.kalidaka-modern body input[type="search"], html.kalidaka-modern body input[type="number"], html.kalidaka-modern body textarea, html.kalidaka-modern body select, html.kalidaka-modern body .cmp_form input, html.kalidaka-modern body .cmp_form textarea, html.kalidaka-modern body .cmp_form select, html.kalidaka-modern body .pkp_form input, html.kalidaka-modern body .pkp_form textarea, html.kalidaka-modern body .pkp_form select { border-color: var(--wise-border-strong) !important; background: var(--wise-white) !important; color: var(--wise-text) !important; } html.kalidaka-modern body input[type="text"]:focus, html.kalidaka-modern body input[type="email"]:focus, html.kalidaka-modern body input[type="password"]:focus, html.kalidaka-modern body input[type="url"]:focus, html.kalidaka-modern body input[type="search"]:focus, html.kalidaka-modern body input[type="number"]:focus, html.kalidaka-modern body textarea:focus, html.kalidaka-modern body select:focus, html.kalidaka-modern body .cmp_form input:focus, html.kalidaka-modern body .cmp_form textarea:focus, html.kalidaka-modern body .cmp_form select:focus, html.kalidaka-modern body .pkp_form input:focus, html.kalidaka-modern body .pkp_form textarea:focus, html.kalidaka-modern body .pkp_form select:focus { border-color: var(--wise-primary) !important; outline: 0 !important; box-shadow: 0 0 0 3px rgba(42, 114, 93, .12) !important; } html.kalidaka-modern body input[type="checkbox"], html.kalidaka-modern body input[type="radio"] { accent-color: var(--wise-primary); } html.kalidaka-modern body label, html.kalidaka-modern body .cmp_form label, html.kalidaka-modern body .pkp_form label { color: var(--wise-text-strong) !important; } html.kalidaka-modern body .pkp_form_error { border-color: #D98595 !important; background: #FFF3F5 !important; color: #8D263B !important; } /* ============================================================ 21. PAGINATION ============================================================ */ html.kalidaka-modern body .cmp_pagination a, html.kalidaka-modern body .cmp_pagination .current { border-color: var(--wise-border) !important; } html.kalidaka-modern body .cmp_pagination a { background: var(--wise-white) !important; color: var(--wise-primary-deep) !important; } html.kalidaka-modern body .cmp_pagination a:hover, html.kalidaka-modern body .cmp_pagination a:focus { border-color: var(--wise-primary) !important; background: var(--wise-forest-100) !important; color: var(--wise-primary) !important; } html.kalidaka-modern body .cmp_pagination .current { border-color: var(--wise-primary) !important; background: var(--wise-primary) !important; color: var(--wise-white) !important; } /* ============================================================ 22. TABLES ============================================================ */ html.kalidaka-modern body table { border-color: var(--wise-border) !important; } html.kalidaka-modern body table thead th { border-color: var(--wise-border) !important; background: var(--wise-primary-dark) !important; color: var(--wise-white) !important; } html.kalidaka-modern body table tbody td, html.kalidaka-modern body table tbody th { border-color: var(--wise-border) !important; } html.kalidaka-modern body table tbody tr:nth-child(even) { background: var(--wise-forest-100) !important; } html.kalidaka-modern body table tbody tr:hover { background: var(--wise-forest-150) !important; } /* ============================================================ 23. SIDEBAR BLOCKS ============================================================ */ html.kalidaka-modern body .pkp_structure_sidebar .pkp_block { border-color: var(--wise-border) !important; background: var(--wise-white) !important; box-shadow: var(--wise-shadow-sm) !important; } html.kalidaka-modern body .pkp_structure_sidebar .pkp_block .title, html.kalidaka-modern body .pkp_structure_sidebar .pkp_block h2, html.kalidaka-modern body .pkp_structure_sidebar .pkp_block h3, html.kalidaka-modern body .kalidaka-sidebar-card-title { color: var(--wise-primary-dark) !important; } html.kalidaka-modern body .pkp_structure_sidebar .pkp_block a { color: var(--wise-primary-deep) !important; } html.kalidaka-modern body .pkp_structure_sidebar .pkp_block a:hover, html.kalidaka-modern body .pkp_structure_sidebar .pkp_block a:focus { color: var(--wise-primary) !important; } /* ============================================================ 24. NOTIFICATIONS / CALLOUTS ============================================================ */ html.kalidaka-modern body .cmp_notification { border-color: var(--wise-border-strong) !important; background: var(--wise-forest-100) !important; color: var(--wise-text) !important; } html.kalidaka-modern body .cmp_notification a { color: var(--wise-primary-deep) !important; } /* ============================================================ 25. BADGES / SMALL LABELS ============================================================ */ html.kalidaka-modern body .kalidaka-badge { border-color: var(--wise-border-strong) !important; background: var(--wise-forest-100) !important; color: var(--wise-primary-deep) !important; } html.kalidaka-modern body .kalidaka-badge--gold, html.kalidaka-modern body .kalidaka-license-badge { border-color: var(--wise-accent-border) !important; background: var(--wise-accent-soft) !important; color: #755F25 !important; } /* ============================================================ 26. PRELOADER ============================================================ */ html.kalidaka-modern body .kalidaka-preloader { background: radial-gradient(circle at 50% 44%, rgba(42, 114, 93, .11), transparent 28%), var(--wise-white) !important; } html.kalidaka-modern body .kalidaka-preloader__emblem, html.kalidaka-modern body .kalidaka-preloader__orbit, html.kalidaka-modern body .kalidaka-preloader__mark { border-color: var(--wise-primary) !important; color: var(--wise-primary) !important; } html.kalidaka-modern body .kalidaka-preloader__name, html.kalidaka-modern body .kalidaka-preloader__wordmark { color: var(--wise-primary-dark) !important; } html.kalidaka-modern body .kalidaka-preloader__sub, html.kalidaka-modern body .kalidaka-preloader__loading { color: var(--wise-text-muted) !important; } html.kalidaka-modern body .kalidaka-preloader__progress { background: var(--wise-forest-200) !important; } html.kalidaka-modern body .kalidaka-preloader__progress-bar { background: linear-gradient(90deg, var(--wise-primary-deep), var(--wise-primary), var(--wise-accent)) !important; } /* ============================================================ 27. OPTIONAL INDEXING / PARTNER LOGO AREAS Covers common custom Additional Content class names. ============================================================ */ html.kalidaka-modern body .kalidaka-indexing, html.kalidaka-modern body .kalidaka-indexing-section, html.kalidaka-modern body .journal-indexing, html.kalidaka-modern body .indexing-section, html.kalidaka-modern body .indexing-logos, html.kalidaka-modern body .indexing-wrapper, html.kalidaka-modern body .logo-marquee, html.kalidaka-modern body .logo-track { border-color: var(--wise-border) !important; } html.kalidaka-modern body .kalidaka-indexing-section, html.kalidaka-modern body .journal-indexing, html.kalidaka-modern body .indexing-section, html.kalidaka-modern body .indexing-wrapper { background: linear-gradient(180deg, #FFFFFF 0%, var(--wise-forest-100) 100%) !important; } html.kalidaka-modern body .kalidaka-indexing h2, html.kalidaka-modern body .kalidaka-indexing-section h2, html.kalidaka-modern body .journal-indexing h2, html.kalidaka-modern body .indexing-section h2 { color: var(--wise-primary-dark) !important; } /* ============================================================ 28. FOOTER ============================================================ */ html.kalidaka-modern body .pkp_structure_footer_wrapper.kalidaka-footer, html.kalidaka-modern body .kalidaka-footer, html.kalidaka-modern body .pkp_structure_footer { background: radial-gradient(circle at 12% 8%, rgba(116, 169, 140, .16), transparent 28%), linear-gradient(135deg, var(--wise-primary-darker) 0%, var(--wise-primary-dark) 48%, var(--wise-primary-deep) 100%) !important; border-top-color: var(--wise-accent) !important; color: rgba(255, 255, 255, .82) !important; } html.kalidaka-modern body .kalidaka-footer::before, html.kalidaka-modern body .pkp_structure_footer_wrapper.kalidaka-footer::before { background: linear-gradient(90deg, var(--wise-accent), #DED09E, var(--wise-primary-light, #74A98C)) !important; } html.kalidaka-modern body .kalidaka-footer__journal-title, html.kalidaka-modern body .kalidaka-footer__column h2, html.kalidaka-modern body .kalidaka-footer__column h3, html.kalidaka-modern body .kalidaka-footer__additional-title, html.kalidaka-modern body .kalidaka-footer__publisher { color: var(--wise-white) !important; } html.kalidaka-modern body .kalidaka-footer__eyebrow, html.kalidaka-modern body .kalidaka-footer__publisher-label { color: #D7C58F !important; } html.kalidaka-modern body .kalidaka-footer__statement, html.kalidaka-modern body .kalidaka-footer__address, html.kalidaka-modern body .kalidaka-footer__copyright, html.kalidaka-modern body .kalidaka-footer__additional-content, html.kalidaka-modern body .kalidaka-copyright-statement { color: rgba(255, 255, 255, .76) !important; } html.kalidaka-modern body .kalidaka-footer a, html.kalidaka-modern body .pkp_structure_footer_wrapper.kalidaka-footer a { color: rgba(255, 255, 255, .88) !important; } html.kalidaka-modern body .kalidaka-footer a:hover, html.kalidaka-modern body .kalidaka-footer a:focus, html.kalidaka-modern body .pkp_structure_footer_wrapper.kalidaka-footer a:hover, html.kalidaka-modern body .pkp_structure_footer_wrapper.kalidaka-footer a:focus { color: #DDD0A6 !important; } html.kalidaka-modern body .kalidaka-footer__bottom, html.kalidaka-modern body .kalidaka-footer__additional, html.kalidaka-modern body .kalidaka-footer__grid { border-color: rgba(255, 255, 255, .12) !important; } html.kalidaka-modern body .kalidaka-footer__address-icon { color: #D7C58F !important; } html.kalidaka-modern body .kalidaka-footer__all-policies { border-color: rgba(255, 255, 255, .20) !important; background: rgba(255, 255, 255, .07) !important; color: var(--wise-white) !important; } html.kalidaka-modern body .kalidaka-footer__all-policies:hover, html.kalidaka-modern body .kalidaka-footer__all-policies:focus { border-color: rgba(215, 197, 143, .70) !important; background: rgba(198, 166, 83, .12) !important; color: #E7DDC2 !important; } /* ============================================================ 29. FLOATING BACK TO TOP ============================================================ */ html.kalidaka-modern body .kalidaka-back-to-top.kalidaka-back-to-top--floating { border-color: rgba(255, 255, 255, .34) !important; background: rgba(34, 82, 69, .95) !important; color: var(--wise-white) !important; box-shadow: 0 10px 28px rgba(30, 69, 51, .22), 0 0 0 1px rgba(42, 114, 93, .10) !important; } html.kalidaka-modern body .kalidaka-back-to-top.kalidaka-back-to-top--floating:hover, html.kalidaka-modern body .kalidaka-back-to-top.kalidaka-back-to-top--floating:focus { border-color: rgba(198, 166, 83, .82) !important; background: var(--wise-primary-dark) !important; color: var(--wise-white) !important; box-shadow: 0 13px 30px rgba(30, 69, 51, .28), 0 0 0 3px rgba(198, 166, 83, .12) !important; } /* ============================================================ 30. FOCUS ACCESSIBILITY ============================================================ */ html.kalidaka-modern body a:focus-visible, html.kalidaka-modern body button:focus-visible, html.kalidaka-modern body input:focus-visible, html.kalidaka-modern body select:focus-visible, html.kalidaka-modern body textarea:focus-visible, html.kalidaka-modern body [tabindex]:focus-visible { outline: 2px solid var(--wise-primary) !important; outline-offset: 3px !important; } /* ============================================================ 31. RESPONSIVE — TABLET ============================================================ */ @media (max-width: 900px) { html.kalidaka-modern body .kalidaka_primary_nav, html.kalidaka-modern body .kalidaka-header__navigation, html.kalidaka-modern body .pkp_site_nav_menu.kalidaka-header__navigation { background: var(--wise-primary-dark) !important; } html.kalidaka-modern body .kalidaka_mobile_toggle { background: rgba(255, 255, 255, .08) !important; } html.kalidaka-modern body .kalidaka_mobile_toggle:hover, html.kalidaka-modern body .kalidaka_mobile_toggle:focus { background: rgba(255, 255, 255, .14) !important; } } /* ============================================================ 32. RESPONSIVE — MOBILE ============================================================ */ @media (max-width: 640px) { html.kalidaka-modern body .kalidaka_journal_identity, html.kalidaka-modern body.pkp_page_index .kalidaka_journal_identity { background: linear-gradient(180deg, #FFFFFF 0%, var(--wise-forest-100) 100%) !important; } html.kalidaka-modern body .kalidaka-home-hero { background: linear-gradient(145deg, #FFFFFF 0%, var(--wise-forest-150) 100%) !important; } html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li > a, html.kalidaka-modern body .kalidaka-header__navigation .pkp_navigation_primary > li > a { border-bottom-color: rgba(255, 255, 255, .10) !important; } html.kalidaka-modern body .pkp_navigation_primary ul, html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary ul, html.kalidaka-modern body .kalidaka-header__navigation .pkp_navigation_primary ul { background: rgba(255, 255, 255, .07) !important; border-color: rgba(255, 255, 255, .10) !important; box-shadow: none !important; } html.kalidaka-modern body .pkp_navigation_primary ul a, html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary ul a, html.kalidaka-modern body .kalidaka-header__navigation .pkp_navigation_primary ul a { color: rgba(255, 255, 255, .88) !important; } html.kalidaka-modern body .pkp_navigation_primary ul a:hover, html.kalidaka-modern body .pkp_navigation_primary ul a:focus { background: rgba(255, 255, 255, .09) !important; color: var(--wise-white) !important; } } /* ============================================================ 33. REDUCED MOTION ============================================================ */ @media (prefers-reduced-motion: reduce) { html.kalidaka-modern body *, html.kalidaka-modern body *::before, html.kalidaka-modern body *::after { scroll-behavior: auto !important; } } /* ============================================================ 34. PRECISION CORRECTIONS — FOOTER / PDF / DROPDOWN ============================================================ Final visual corrections requested for SAKAGURU: 1. View All Policies must blend naturally into the footer. 2. Current-issue PDF buttons use the forest green journal identity. 3. Active/current submenu indicator uses forest green, never legacy blue. ============================================================ */ /* ------------------------------------------------------------ 34.1 FOOTER — VIEW ALL POLICIES Remove the detached translucent block. Keep this as a clean inline footer link, visually consistent with nearby policy links. ------------------------------------------------------------ */ html.kalidaka-modern body .kalidaka-footer__all-policies, html.kalidaka-modern body .pkp_structure_footer .kalidaka-footer__all-policies, html.kalidaka-modern body .pkp_structure_footer_wrapper .kalidaka-footer__all-policies { display: inline-flex !important; align-items: center !important; gap: 6px !important; width: auto !important; margin-top: 8px !important; padding: 5px 0 2px !important; border: 0 !important; border-bottom: 1px solid rgba(116, 169, 140, .42) !important; border-radius: 0 !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; color: rgba(255, 255, 255, .88) !important; text-decoration: none !important; } html.kalidaka-modern body .kalidaka-footer__all-policies:hover, html.kalidaka-modern body .kalidaka-footer__all-policies:focus, html.kalidaka-modern body .pkp_structure_footer .kalidaka-footer__all-policies:hover, html.kalidaka-modern body .pkp_structure_footer .kalidaka-footer__all-policies:focus, html.kalidaka-modern body .pkp_structure_footer_wrapper .kalidaka-footer__all-policies:hover, html.kalidaka-modern body .pkp_structure_footer_wrapper .kalidaka-footer__all-policies:focus { border: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, .72) !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; color: #FFFFFF !important; transform: none !important; } /* ------------------------------------------------------------ 34.2 HOMEPAGE CURRENT ISSUE — PDF BUTTON Override the legacy navy button in articleCards.less with the journal's #2A725D identity and a deeper forest green hover state. ------------------------------------------------------------ */ html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary .cmp_galley_link, html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary .galleys_links a { border-color: #2A725D !important; background: #2A725D !important; background-color: #2A725D !important; color: #FFFFFF !important; box-shadow: 0 5px 14px rgba(42, 114, 93, .16) !important; } html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary .cmp_galley_link:hover, html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary .cmp_galley_link:focus, html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary .galleys_links a:hover, html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary .galleys_links a:focus { border-color: #1E5544 !important; background: #1E5544 !important; background-color: #1E5544 !important; color: #FFFFFF !important; box-shadow: 0 7px 18px rgba(34, 82, 69, .20) !important; } /* Keep PDF/document icons white inside the forest green button. */ html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary .cmp_galley_link .fa, html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary .cmp_galley_link .fas, html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary .cmp_galley_link .far, html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary .cmp_galley_link svg, html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary .galleys_links a .fa, html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary .galleys_links a svg { color: #FFFFFF !important; fill: currentColor !important; } /* ------------------------------------------------------------ 34.3 PRIMARY NAV DROPDOWN — CURRENT/ACTIVE ITEM Eliminate any inherited legacy blue strip and replace it with a clean forest green current-state indicator. ------------------------------------------------------------ */ html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li > ul li.current > a, html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li > ul li.active > a, html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li > ul a[aria-current="page"], html.kalidaka-modern body .kalidaka-header .pkp_navigation_primary > li > ul li.current > a, html.kalidaka-modern body .kalidaka-header .pkp_navigation_primary > li > ul li.active > a, html.kalidaka-modern body .kalidaka-header .pkp_navigation_primary > li > ul a[aria-current="page"] { border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important; border-left: 4px solid #2A725D !important; background: #F6F8F6 !important; background-color: #F6F8F6 !important; color: #236350 !important; box-shadow: none !important; } /* Also neutralize legacy blue pseudo-elements/current-state bars. */ html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li > ul li.current > a::before, html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li > ul li.active > a::before, html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li > ul a[aria-current="page"]::before, html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li > ul li.current::before, html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li > ul li.active::before { background: #2A725D !important; border-color: #2A725D !important; color: #2A725D !important; } html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li > ul li.current > a:hover, html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li > ul li.current > a:focus, html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li > ul li.active > a:hover, html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li > ul li.active > a:focus, html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li > ul a[aria-current="page"]:hover, html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li > ul a[aria-current="page"]:focus { border-left-color: #236350 !important; background: #E9F1EC !important; background-color: #E9F1EC !important; color: #1E5544 !important; } /* Generic submenu hover/focus: ensure no navy/blue accent remains. */ html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li > ul a:hover, html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li > ul a:focus, html.kalidaka-modern body .kalidaka-header__navigation .pkp_navigation_primary > li > ul a:hover, html.kalidaka-modern body .kalidaka-header__navigation .pkp_navigation_primary > li > ul a:focus { border-left-color: #74A98C !important; background: #F4F8F5 !important; color: #236350 !important; } /* ============================================================ END — WISE DEEP FOREST JOURNAL BRAND v4 Primary identity: #2A725D ============================================================ */ /* ============================================================ 36. V5 — PRIMARY NAV FIRST-ITEM PRECISION FIX ------------------------------------------------------------ KALIDAKA's original header gives the first primary menu item (normally Home) padding-left: 0. When Home is the active page, its active surface therefore begins differently from Current, Archives, etc. This override gives the first item the same geometry as every other menu item and removes inherited visual artefacts around top-level active links. ============================================================ */ /* All top-level menu rows must be visually clean. */ html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li, html.kalidaka-modern body .kalidaka-header__navigation .pkp_navigation_primary > li { border: 0 !important; box-shadow: none !important; } html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li::before, html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li::after, html.kalidaka-modern body .kalidaka-header__navigation .pkp_navigation_primary > li::before, html.kalidaka-modern body .kalidaka-header__navigation .pkp_navigation_primary > li::after { display: none !important; width: 0 !important; height: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; content: none !important; opacity: 0 !important; } /* Normalise Home/first item to the same horizontal padding as all other primary menu items. */ @media (min-width: 992px) { html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li:first-child:not(.kalidaka-has-submenu) > a, html.kalidaka-modern body .kalidaka-header__navigation .pkp_navigation_primary > li:first-child:not(.kalidaka-has-submenu) > a { padding-left: 24px !important; padding-right: 24px !important; } } /* Remove any inherited white shadow/border from the primary links. Active/hover distinction is background-only and therefore uniform. */ html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li > a, html.kalidaka-modern body .kalidaka-header__navigation .pkp_navigation_primary > li > a { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; text-shadow: none !important; } html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li.current > a, html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li.active > a, html.kalidaka-modern body .kalidaka_primary_nav .pkp_navigation_primary > li > a[aria-current="page"], html.kalidaka-modern body .kalidaka-header__navigation .pkp_navigation_primary > li.current > a, html.kalidaka-modern body .kalidaka-header__navigation .pkp_navigation_primary > li.active > a, html.kalidaka-modern body .kalidaka-header__navigation .pkp_navigation_primary > li > a[aria-current="page"] { background: rgba(255, 255, 255, .10) !important; border: 0 !important; box-shadow: none !important; color: #FFFFFF !important; } /* The same precision rules must survive compact/sticky mode. */ @media (min-width: 992px) { html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .kalidaka_primary_nav .pkp_navigation_primary > li:first-child:not(.kalidaka-has-submenu) > a, html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .kalidaka-header__navigation .pkp_navigation_primary > li:first-child:not(.kalidaka-has-submenu) > a { padding-left: 24px !important; padding-right: 24px !important; border: 0 !important; box-shadow: none !important; } html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .kalidaka_primary_nav .pkp_navigation_primary > li.current > a, html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .kalidaka_primary_nav .pkp_navigation_primary > li.active > a, html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .kalidaka_primary_nav .pkp_navigation_primary > li > a[aria-current="page"], html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .kalidaka-header__navigation .pkp_navigation_primary > li.current > a, html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .kalidaka-header__navigation .pkp_navigation_primary > li.active > a, html.kalidaka-modern body .pkp_structure_head.kalidaka_header.is-compact .kalidaka-header__navigation .pkp_navigation_primary > li > a[aria-current="page"] { background: rgba(255, 255, 255, .10) !important; border: 0 !important; box-shadow: none !important; color: #FFFFFF !important; } } /* ============================================================ 36. V6 PATCH — VIEW ISSUE BUTTONS DEEP FOREST Requested refinement: make all "View Issue" actions use the forest green journal identity instead of the old blue/white styling. ============================================================ */ html.kalidaka-modern body .kalidaka-tool-link, html.kalidaka-modern body a.kalidaka-tool-link, html.kalidaka-modern body .obj_issue_summary .kalidaka-archive-issue-card__action, html.kalidaka-modern body a.kalidaka-archive-issue-card__action { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; background: var(--wise-primary) !important; border: 1px solid var(--wise-primary) !important; color: #FFFFFF !important; border-radius: 10px !important; box-shadow: 0 10px 24px rgba(34, 82, 69, .16) !important; text-decoration: none !important; transition: all .22s ease !important; } html.kalidaka-modern body .kalidaka-tool-link:hover, html.kalidaka-modern body .kalidaka-tool-link:focus, html.kalidaka-modern body a.kalidaka-tool-link:hover, html.kalidaka-modern body a.kalidaka-tool-link:focus, html.kalidaka-modern body .obj_issue_summary .kalidaka-archive-issue-card__action:hover, html.kalidaka-modern body .obj_issue_summary .kalidaka-archive-issue-card__action:focus, html.kalidaka-modern body a.kalidaka-archive-issue-card__action:hover, html.kalidaka-modern body a.kalidaka-archive-issue-card__action:focus { background: var(--wise-primary-deep) !important; border-color: var(--wise-primary-deep) !important; color: #FFFFFF !important; box-shadow: 0 14px 30px rgba(34, 82, 69, .22) !important; transform: translateY(-1px) !important; } html.kalidaka-modern body .kalidaka-tool-link .fa, html.kalidaka-modern body .kalidaka-tool-link span, html.kalidaka-modern body .kalidaka-archive-issue-card__action span { color: #FFFFFF !important; } html.kalidaka-modern body .kalidaka-archive-issue-card__action[aria-disabled="true"], html.kalidaka-modern body .kalidaka-tool-link[aria-disabled="true"] { background: #74A98C !important; border-color: #74A98C !important; color: #FFFFFF !important; box-shadow: none !important; opacity: .9 !important; } /* ============================================================ 37. V7 PATCH — ARCHIVES PAGE RIGHT-SIDE BACKGROUND Make the empty/right-side area on the Archives page use the same neutral gray as the main content area instead of a different soft forest green tint. ============================================================ */ html.kalidaka-modern body.pkp_page_issue.pkp_op_archive .pkp_structure_page, html.kalidaka-modern body.pkp_page_issue.pkp_op_archive .pkp_structure_main, html.kalidaka-modern body.pkp_page_issue.pkp_op_archive .pkp_structure_content, html.kalidaka-modern body.pkp_page_issue.pkp_op_archive .pkp_structure_sidebar, html.kalidaka-modern body.pkp_page_issue.pkp_op_archive .pkp_structure_sidebar.left, html.kalidaka-modern body.pkp_page_issue.pkp_op_archive .pkp_structure_sidebar.right, html.kalidaka-modern body .page_issue_archive { background: #EFF3F0 !important; } html.kalidaka-modern body.pkp_page_issue.pkp_op_archive .pkp_structure_page::before, html.kalidaka-modern body.pkp_page_issue.pkp_op_archive .pkp_structure_page::after, html.kalidaka-modern body.pkp_page_issue.pkp_op_archive .pkp_structure_main::before, html.kalidaka-modern body.pkp_page_issue.pkp_op_archive .pkp_structure_main::after { background: transparent !important; } /* ============================================================ 38. V8 PATCH — ARTICLE PAGE BLUE TO DEEP FOREST Requested refinement: replace the remaining blue/navy accents on the article page (active tabs and Download Article card) with the forest green journal identity. ============================================================ */ /* Active tab on article page */ html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-article-tab[aria-selected="true"], html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-article-tab.is-active { background: var(--wise-primary-deep) !important; color: #FFFFFF !important; } html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-article-tab[aria-selected="true"]::after, html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-article-tab.is-active::after { background: var(--wise-primary-light) !important; } html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-article-tab:hover, html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-article-tab:focus { background: rgba(42, 114, 93, .08) !important; color: var(--wise-primary-dark) !important; } /* Download Article card */ html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.galleys, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.kalidaka-download-card, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.kalidaka-download-panel { background: linear-gradient(135deg, var(--wise-primary-dark) 0%, var(--wise-primary-deep) 58%, var(--wise-primary) 100%) !important; border-color: transparent !important; box-shadow: 0 12px 28px rgba(34, 82, 69, .20) !important; } html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.galleys .kalidaka-download-title, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.kalidaka-download-card .kalidaka-download-title, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.kalidaka-download-panel .kalidaka-download-title { color: #FFFFFF !important; border-bottom-color: rgba(255, 255, 255, .18) !important; } html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.galleys .cmp_galley_link, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.galleys .obj_galley_link, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.galleys .obj_galley_link_supplementary { background: #FFFFFF !important; border-color: #FFFFFF !important; color: var(--wise-primary-deep) !important; box-shadow: none !important; } html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.galleys .cmp_galley_link:hover, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.galleys .cmp_galley_link:focus, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.galleys .obj_galley_link:hover, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.galleys .obj_galley_link:focus, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.galleys .obj_galley_link_supplementary:hover, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.galleys .obj_galley_link_supplementary:focus { background: var(--wise-forest-100) !important; border-color: var(--wise-forest-100) !important; color: var(--wise-primary-dark) !important; } html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.galleys .cmp_galley_link .fa, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.galleys .cmp_galley_link span, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.galleys .obj_galley_link .fa, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.galleys .obj_galley_link span { color: inherit !important; } /* ============================================================ 39. V9 PATCH — ARTICLE NAVIGATION + TOOL HOVER DEEP FOREST Replace remaining legacy navy hover/focus states on the article page with the journal's forest green brand system. ============================================================ */ /* ------------------------------------------------------------ 39.1 More from this issue — Previous / Next article cards ------------------------------------------------------------ */ html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-issue-nav-item:hover, html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-issue-nav-item:focus, html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-issue-nav-item:focus-within { border-color: var(--wise-primary) !important; background: linear-gradient( 135deg, var(--wise-primary-dark) 0%, var(--wise-primary-deep) 52%, var(--wise-primary) 100% ) !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; box-shadow: 0 12px 28px rgba(34, 82, 69, .18) !important; text-decoration: none !important; transform: translateY(-1px) !important; outline: none !important; } html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-issue-nav-item:hover .kalidaka-issue-nav-direction, html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-issue-nav-item:focus .kalidaka-issue-nav-direction, html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-issue-nav-item:focus-within .kalidaka-issue-nav-direction { color: #E6EEE9 !important; -webkit-text-fill-color: #E6EEE9 !important; } html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-issue-nav-item:hover small, html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-issue-nav-item:focus small, html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-issue-nav-item:focus-within small { color: #F2F6F3 !important; -webkit-text-fill-color: #F2F6F3 !important; } html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-issue-nav-item:focus-visible { box-shadow: 0 0 0 3px rgba(42, 114, 93, .18), 0 12px 28px rgba(34, 82, 69, .18) !important; } /* ------------------------------------------------------------ 39.2 Article Tools — Copy Link / Share / Print / View Issue / Copy DOI hover and focus states ------------------------------------------------------------ */ html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details button.kalidaka-tool-button:hover, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details button.kalidaka-tool-button:focus, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details a.kalidaka-tool-button:hover, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details a.kalidaka-tool-button:focus, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details a.kalidaka-tool-link:hover, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details a.kalidaka-tool-link:focus { border-color: var(--wise-primary) !important; background: var(--wise-primary) !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; box-shadow: 0 8px 18px rgba(34, 82, 69, .16) !important; text-decoration: none !important; outline: none !important; transform: translateY(-1px) !important; } html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details button.kalidaka-tool-button:hover .fa, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details button.kalidaka-tool-button:hover span, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details button.kalidaka-tool-button:focus .fa, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details button.kalidaka-tool-button:focus span, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details a.kalidaka-tool-button:hover .fa, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details a.kalidaka-tool-button:hover span, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details a.kalidaka-tool-button:focus .fa, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details a.kalidaka-tool-button:focus span, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details a.kalidaka-tool-link:hover .fa, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details a.kalidaka-tool-link:hover span, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details a.kalidaka-tool-link:focus .fa, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details a.kalidaka-tool-link:focus span { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details button.kalidaka-tool-button:focus-visible, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details a.kalidaka-tool-button:focus-visible, html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details a.kalidaka-tool-link:focus-visible { box-shadow: 0 0 0 3px rgba(42, 114, 93, .18) !important; } /* ============================================================ 40. V10 PATCH — LICENSE AREA CLEAN BACKGROUND Remove the yellow/accent background from the License section so it blends with the standard article panel background. ============================================================ */ html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-license-panel, html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-license-content, html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-license-terms { background: transparent !important; background-color: transparent !important; } html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-license-badge, html.kalidaka-modern body .kalidaka-license-badge, html.kalidaka-modern body .kalidaka-badge--gold.kalidaka-license-badge { background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--wise-text) !important; } html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-license-badge:hover, html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-license-badge:focus, html.kalidaka-modern body .kalidaka-license-badge:hover, html.kalidaka-modern body .kalidaka-license-badge:focus { background: transparent !important; background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; } html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-license-terms { border-top-color: var(--wise-border) !important; } /* ============================================================ 41. V11 — MOBILE ARTICLE CARD RESPONSIVE REBUILD Purpose: - Homepage Current Issue: force one full-width article per row on phones/small tablets. - Issue landing page: remove inherited fixed/equal heights and absolute footer positioning so each card follows its content. - Prevent article titles from breaking in the middle of words. - Desktop layout remains unchanged. ============================================================ */ @media (max-width: 820px) { /* -------------------------------------------------------- 41.1 HOMEPAGE CURRENT ISSUE — ONE COLUMN The original theme switches to one column only at 640px. Some mobile/tablet viewports can report a wider CSS width, leaving two very narrow columns. Use 820px as the safe journal-content breakpoint. -------------------------------------------------------- */ html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_issue_toc .sections .section .cmp_article_list, html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .cmp_article_list { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .cmp_article_list > li { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 0 16px !important; padding: 0 !important; } html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .cmp_article_list > li:last-child { margin-bottom: 0 !important; } html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 20px !important; overflow: visible !important; box-sizing: border-box !important; } /* Never break normal title words letter-by-letter. */ html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary .title, html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary .title a, html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary h3, html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary h3 a { width: 100% !important; max-width: 100% !important; min-width: 0 !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; hyphens: none !important; } html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary .title, html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary h3 { margin: 0 0 10px !important; font-size: 17px !important; line-height: 1.42 !important; } html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary .meta { position: static !important; display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary .authors { display: block !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; font-size: 13px !important; line-height: 1.55 !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; } /* Mobile card footer: pages and PDF are in normal flow. */ html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary .pages { position: static !important; display: inline-flex !important; width: auto !important; max-width: 100% !important; margin: 18px 0 0 !important; } html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary .galleys_links { position: static !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: wrap !important; width: 100% !important; max-width: 100% !important; margin: 12px 0 0 !important; padding: 12px 0 0 !important; border-top: 1px solid var(--wise-border) !important; } html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary .galleys_links > li { margin: 0 8px 0 0 !important; } html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary::after { display: none !important; content: none !important; } /* -------------------------------------------------------- 41.2 ISSUE LANDING PAGE — COMPACT CONTENT-HEIGHT CARDS -------------------------------------------------------- */ html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_issue_toc .cmp_article_list { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_issue_toc .cmp_article_list > li { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 0 16px !important; padding: 0 !important; } html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_issue_toc .cmp_article_list > li:last-child { margin-bottom: 0 !important; } html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_article_summary { position: relative !important; display: block !important; flex: none !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 20px !important; overflow: visible !important; box-sizing: border-box !important; } html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_article_summary .title, html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_article_summary .title a, html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_article_summary h3, html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_article_summary h3 a { width: 100% !important; max-width: 100% !important; min-width: 0 !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; hyphens: none !important; } html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_article_summary .title, html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_article_summary h3 { margin: 0 0 10px !important; font-size: 17px !important; line-height: 1.42 !important; } html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_article_summary .meta { position: static !important; display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; } html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_article_summary .authors { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; font-size: 13px !important; line-height: 1.55 !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; } html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_article_summary .pages { position: static !important; display: inline-flex !important; width: auto !important; max-width: 100% !important; margin: 18px 0 0 !important; padding: 5px 10px !important; } html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_article_summary .galleys_links { position: static !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: wrap !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 12px 0 0 !important; padding: 12px 0 0 !important; border-top: 1px solid var(--wise-border) !important; list-style: none !important; } html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_article_summary .galleys_links > li { display: block !important; width: auto !important; margin: 0 8px 0 0 !important; padding: 0 !important; } html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_article_summary .cmp_galley_link, html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_article_summary .galleys_links a { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 76px !important; min-height: 38px !important; margin: 0 !important; padding: 8px 13px !important; } html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_article_summary::before, html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_article_summary::after { max-height: none !important; } /* -------------------------------------------------------- 41.3 SECTION HEADING / OUTER SPACING -------------------------------------------------------- */ html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_issue_toc .section > h2, html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_issue_toc .section > h3, html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .section > h2, html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .section > h3 { word-break: normal !important; overflow-wrap: break-word !important; } } /* ============================================================ 42. V11 — SMALL PHONE REFINEMENT ============================================================ */ @media (max-width: 480px) { html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue, html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_issue_toc { max-width: 100% !important; } html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary, html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_article_summary { padding: 18px !important; border-radius: 10px !important; } html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary .title, html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_article_summary .title, html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary h3, html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_article_summary h3 { font-size: 16px !important; line-height: 1.42 !important; } html.kalidaka-modern body .page_index_journal.kalidaka-home .kalidaka-current-issue__toc .obj_article_summary .authors, html.kalidaka-modern body.pkp_page_issue.pkp_op_view .obj_article_summary .authors { font-size: 12.5px !important; line-height: 1.55 !important; } } /* ============================================================ COLOR SYSTEM NOTE — DEEP FOREST / SAGE EDITION Primary: #2A725D | Deep: #225245 | Dark: #1E4533 Light: #74A98C | Soft: #E9F1EC | Accent: #C6A653 All responsive/layout refinements from the previous V11 are retained. ============================================================ */ /* ============================================================ 40. ALFI COVER-MATCH FINAL COLOUR LOCK Palette visually derived from the supplied ALFI journal cover: dark forest/emerald green + botanical sage + muted metallic gold. Layout and responsive behavior remain inherited from the previous build. ============================================================ */ html.kalidaka-modern { --wise-primary: #2A725D; --wise-primary-hover: #236350; --wise-primary-active: #1E5544; --wise-primary-medium: #3A8067; --wise-primary-light: #74A98C; --wise-primary-deep: #225245; --wise-primary-dark: #1E4533; --wise-primary-darker: #0F3D28; --wise-forest-100: #F4F8F5; --wise-forest-150: #E9F1EC; --wise-forest-200: #D8E6DD; --wise-forest-300: #BDD4C5; --wise-forest-400: #74A98C; --wise-accent: #C6A653; --wise-accent-hover: #A8873E; --wise-accent-soft: #FAF6E8; --wise-accent-border: #E1D2A5; --wise-white: #FFFFFF; --wise-surface: #FFFFFF; --wise-surface-soft: #F3F6F4; --wise-surface-muted: #EAEFEB; --wise-text: #26352E; --wise-text-strong: #17261F; --wise-text-muted: #69766F; --wise-text-soft: #87928C; --wise-border: #D5DED8; --wise-border-strong: #B9C9BF; --wise-shadow-sm: 0 4px 14px rgba(30, 69, 51, .07); --wise-shadow-md: 0 10px 30px rgba(30, 69, 51, .10); --wise-shadow-lg: 0 18px 50px rgba(30, 69, 51, .14); } /* Main top identity bar — close to the dark green strip on the cover. */ html.kalidaka-modern body .kalidaka_topbar, html.kalidaka-modern body .kalidaka-header__top, html.kalidaka-modern body .pkp_structure_head .kalidaka_topbar { background: linear-gradient(90deg, #173D31 0%, #1E4533 48%, #225245 100%) !important; } /* Primary navigation — emerald transition from the central cover field. */ html.kalidaka-modern body .kalidaka_primary_nav, html.kalidaka-modern body .kalidaka-header__navigation, html.kalidaka-modern body .pkp_site_nav_menu.kalidaka-header__navigation { background: linear-gradient(90deg, #1E4533 0%, #225245 45%, #2A725D 100%) !important; } /* Footer — return to the deep cover green for visual closure. */ html.kalidaka-modern body .pkp_structure_footer_wrapper.kalidaka-footer, html.kalidaka-modern body .kalidaka-footer, html.kalidaka-modern body .pkp_structure_footer { background: linear-gradient(135deg, #0F3D28 0%, #1E4533 52%, #225245 100%) !important; border-top-color: #C6A653 !important; } /* Buttons/actions — emerald with gold kept only as a restrained accent. */ html.kalidaka-modern body .kalidaka-submit-button, html.kalidaka-modern body .kalidaka-search-submit, html.kalidaka-modern body .kalidaka-archive-issue-card__action, html.kalidaka-modern body .kalidaka-current-issue__toc .cmp_galley_link, html.kalidaka-modern body .kalidaka-current-issue__toc .obj_galley_link { background: #2A725D !important; border-color: #2A725D !important; color: #FFFFFF !important; } html.kalidaka-modern body .kalidaka-submit-button:hover, html.kalidaka-modern body .kalidaka-search-submit:hover, html.kalidaka-modern body .kalidaka-archive-issue-card__action:hover, html.kalidaka-modern body .kalidaka-current-issue__toc .cmp_galley_link:hover, html.kalidaka-modern body .kalidaka-current-issue__toc .obj_galley_link:hover { background: #225245 !important; border-color: #225245 !important; } /* Active article tab and download panel on article landing pages. */ html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-article-tab[aria-selected=\"true\"], html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-article-tab.is-active { background: #225245 !important; color: #FFFFFF !important; } html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-article-tab[aria-selected=\"true\"]::after, html.kalidaka-modern body.pkp_page_article.pkp_op_view .kalidaka-article-tab.is-active::after { background: #C6A653 !important; } html.kalidaka-modern body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.galleys { background: linear-gradient(135deg, #173D31 0%, #225245 55%, #2A725D 100%) !important; } /* Subtle page atmosphere: gray-green instead of cold gray/purple. */ html.kalidaka-modern body .pkp_structure_page, html.kalidaka-modern body.pkp_page_issue.pkp_op_archive .pkp_structure_page, html.kalidaka-modern body.pkp_page_issue.pkp_op_archive .pkp_structure_main, html.kalidaka-modern body.pkp_page_issue.pkp_op_archive .pkp_structure_content { background-color: #F3F6F4 !important; } /* ====================================================================== LAYER 2 — STATIC PAGE / CONTENT MODULE LIBRARY Original dlhd / dlhdx prefixes retained to avoid breaking existing HTML. Visual palette rethemed from cool blue to ALFI forest/emerald + muted gold. ====================================================================== */ /* ========================================================== LEGACY DLHD MODULE LIBRARY — RETHEMED FOR ALFI STATIC-PAGE / CONTENT MODULE STYLESHEET Merged compatibility layer — ALFI Green & Gold Modules: 01. Aims & Scope 02. About the Journal Compatible with: - OJS 3.3 - kalidakaModern theme IMPORTANT: - No theme files are modified. - Upload this file through: Settings > Website > Appearance > Advanced > Journal Style Sheet ========================================================== */ /* ========================================================== GLOBAL SAFETY ========================================================== */ #dlhd-aims-scope-2026 *, #dlhd-aims-scope-2026 *::before, #dlhd-aims-scope-2026 *::after, #dlhd-about-2026 *, #dlhd-about-2026 *::before, #dlhd-about-2026 *::after { box-sizing: border-box !important; } /* ========================================================== MODULE 01 — AIMS & SCOPE ========================================================== */ /* ---------------------------------------------------------- ROOT ---------------------------------------------------------- */ #dlhd-aims-scope-2026 { width: 100% !important; max-width: 1160px !important; margin: 0 auto !important; padding: 0 0 24px !important; color: #304F44 !important; font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; font-size: 15px !important; line-height: 1.75 !important; } /* ---------------------------------------------------------- HERO ---------------------------------------------------------- */ #dlhd-aims-scope-2026 .dlhd-as-hero { position: relative !important; display: block !important; overflow: hidden !important; margin: 0 0 40px !important; padding: 48px 48px 43px !important; border: 1px solid #D8E7E1 !important; border-radius: 18px !important; background: radial-gradient( circle at 96% 5%, rgba(66, 143, 115, 0.13) 0, rgba(66, 143, 115, 0) 28% ), linear-gradient( 135deg, #ffffff 0%, #FAFCFB 58%, #F3F6F5 100% ) !important; box-shadow: 0 5px 18px rgba(34, 68, 56, 0.04) !important; } #dlhd-aims-scope-2026 .dlhd-as-hero::before { content: "" !important; position: absolute !important; top: -115px !important; right: -75px !important; width: 230px !important; height: 230px !important; border: 34px solid rgba(48, 108, 86, 0.05) !important; border-radius: 50% !important; pointer-events: none !important; } /* ---------------------------------------------------------- HERO EYEBROW ---------------------------------------------------------- */ #dlhd-aims-scope-2026 .dlhd-as-eyebrow { position: relative !important; z-index: 2 !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; width: auto !important; margin: 0 0 15px !important; padding: 7px 12px !important; border: 1px solid #D0E1DB !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.92) !important; color: #2E6853 !important; -webkit-text-fill-color: #2E6853 !important; font-size: 10.5px !important; font-weight: 700 !important; letter-spacing: 1.35px !important; line-height: 1.2 !important; text-transform: uppercase !important; } #dlhd-aims-scope-2026 .dlhd-as-eyebrow-dot { display: block !important; flex: 0 0 auto !important; width: 7px !important; height: 7px !important; border-radius: 50% !important; background: #439376 !important; } /* ---------------------------------------------------------- HERO TITLE ---------------------------------------------------------- */ #dlhd-aims-scope-2026 .dlhd-as-hero-title { position: relative !important; z-index: 2 !important; display: block !important; margin: 0 0 13px !important; padding: 0 !important; color: #204B3B !important; -webkit-text-fill-color: #204B3B !important; font-size: 38px !important; font-weight: 750 !important; letter-spacing: -1.2px !important; line-height: 1.15 !important; } /* ---------------------------------------------------------- HERO DESCRIPTION ---------------------------------------------------------- */ #dlhd-aims-scope-2026 .dlhd-as-hero-lead { position: relative !important; z-index: 2 !important; display: block !important; max-width: 950px !important; margin: 0 !important; color: #466157 !important; -webkit-text-fill-color: #466157 !important; font-size: 15.5px !important; line-height: 1.78 !important; } #dlhd-aims-scope-2026 .dlhd-as-hero-lead strong { color: #234D3E !important; -webkit-text-fill-color: #234D3E !important; font-weight: 700 !important; } /* ---------------------------------------------------------- TAGS ---------------------------------------------------------- */ #dlhd-aims-scope-2026 .dlhd-as-tags { position: relative !important; z-index: 2 !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; margin: 23px 0 0 !important; padding: 0 !important; } #dlhd-aims-scope-2026 .dlhd-as-tags span { display: inline-flex !important; align-items: center !important; width: auto !important; margin: 0 !important; padding: 7px 11px !important; border: 1px solid #D4E3DE !important; border-radius: 8px !important; background: rgba(255, 255, 255, 0.9) !important; color: #395F51 !important; -webkit-text-fill-color: #395F51 !important; font-size: 11.5px !important; font-weight: 600 !important; line-height: 1.25 !important; white-space: nowrap !important; } /* ---------------------------------------------------------- GENERAL SECTION ---------------------------------------------------------- */ #dlhd-aims-scope-2026 .dlhd-as-section { display: block !important; margin: 0 0 46px !important; padding: 0 !important; } /* ---------------------------------------------------------- SECTION HEADER ---------------------------------------------------------- */ #dlhd-aims-scope-2026 .dlhd-as-section-header { display: flex !important; align-items: flex-start !important; gap: 14px !important; margin: 0 0 20px !important; padding: 0 !important; } #dlhd-aims-scope-2026 .dlhd-as-section-header-text { display: block !important; flex: 1 1 auto !important; min-width: 0 !important; } /* ---------------------------------------------------------- SECTION NUMBER ---------------------------------------------------------- */ #dlhd-aims-scope-2026 .dlhd-as-number { display: flex !important; flex: 0 0 39px !important; align-items: center !important; justify-content: center !important; width: 39px !important; height: 39px !important; margin: 0 !important; padding: 0 !important; border-radius: 10px !important; background: #224D3D !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1 !important; } /* ---------------------------------------------------------- SECTION TITLE ---------------------------------------------------------- */ #dlhd-aims-scope-2026 .dlhd-as-section-title { display: block !important; margin: 0 0 3px !important; padding: 0 !important; color: #224A3B !important; -webkit-text-fill-color: #224A3B !important; font-size: 23px !important; font-weight: 730 !important; letter-spacing: -0.35px !important; line-height: 1.3 !important; } #dlhd-aims-scope-2026 .dlhd-as-section-subtitle { display: block !important; margin: 0 !important; padding: 0 !important; color: #628779 !important; -webkit-text-fill-color: #628779 !important; font-size: 12.5px !important; font-weight: 400 !important; line-height: 1.5 !important; } /* ---------------------------------------------------------- BODY ---------------------------------------------------------- */ #dlhd-aims-scope-2026 .dlhd-as-body { display: block !important; margin: 0 !important; padding: 0 0 0 53px !important; color: #3A6153 !important; font-size: 14.5px !important; line-height: 1.8 !important; text-align: justify !important; } #dlhd-aims-scope-2026 .dlhd-as-body p { display: block !important; max-width: none !important; margin: 0 !important; padding: 0 !important; color: #3A6153 !important; -webkit-text-fill-color: #3A6153 !important; font-size: 14.5px !important; font-weight: 400 !important; line-height: 1.8 !important; } #dlhd-aims-scope-2026 .dlhd-as-body p + p { margin-top: 15px !important; } /* ---------------------------------------------------------- INTELLECTUAL FOCUS ---------------------------------------------------------- */ #dlhd-aims-scope-2026 .dlhd-as-focus-box { position: relative !important; display: block !important; overflow: hidden !important; margin: 22px 0 0 53px !important; padding: 22px 25px 22px 28px !important; border: 1px solid #D8E6E1 !important; border-radius: 13px !important; background: linear-gradient( 135deg, #FAFCFB, #F4F8F6 ) !important; } #dlhd-aims-scope-2026 .dlhd-as-focus-box::before { content: "" !important; position: absolute !important; top: 0 !important; bottom: 0 !important; left: 0 !important; width: 4px !important; background: linear-gradient( #204B3B, #4A987B ) !important; } #dlhd-aims-scope-2026 .dlhd-as-focus-label { display: block !important; margin: 0 0 7px !important; color: #2F6A54 !important; -webkit-text-fill-color: #2F6A54 !important; font-size: 10.5px !important; font-weight: 700 !important; letter-spacing: 1.1px !important; line-height: 1.4 !important; text-transform: uppercase !important; } #dlhd-aims-scope-2026 .dlhd-as-focus-text { display: block !important; color: #396052 !important; -webkit-text-fill-color: #396052 !important; font-size: 13.5px !important; line-height: 1.75 !important; } /* ---------------------------------------------------------- CORE SCOPE GRID ---------------------------------------------------------- */ #dlhd-aims-scope-2026 .dlhd-as-card-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 15px !important; margin: 0 !important; padding: 0 0 0 53px !important; } /* ---------------------------------------------------------- CORE CARD ---------------------------------------------------------- */ #dlhd-aims-scope-2026 .dlhd-as-card { display: block !important; min-width: 0 !important; min-height: 178px !important; margin: 0 !important; padding: 22px !important; border: 1px solid #E3E9E7 !important; border-radius: 14px !important; background: #ffffff !important; box-shadow: 0 4px 15px rgba(38, 73, 61, 0.025) !important; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important; } #dlhd-aims-scope-2026 .dlhd-as-card:hover { transform: translateY(-3px) !important; border-color: #C2DCD3 !important; box-shadow: 0 12px 28px rgba(37, 75, 61, 0.075) !important; } #dlhd-aims-scope-2026 .dlhd-as-card-header { display: flex !important; align-items: center !important; gap: 12px !important; margin: 0 0 12px !important; } #dlhd-aims-scope-2026 .dlhd-as-card-code { display: flex !important; flex: 0 0 42px !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; border-radius: 10px !important; background: #F3F6F5 !important; color: #275A47 !important; -webkit-text-fill-color: #275A47 !important; font-size: 12.5px !important; font-weight: 800 !important; } #dlhd-aims-scope-2026 .dlhd-as-card-title { display: block !important; margin: 0 !important; color: #234D3E !important; -webkit-text-fill-color: #234D3E !important; font-size: 15.5px !important; font-weight: 700 !important; line-height: 1.38 !important; } #dlhd-aims-scope-2026 .dlhd-as-card-text { display: block !important; margin: 0 !important; color: #57786B !important; -webkit-text-fill-color: #57786B !important; font-size: 12.8px !important; line-height: 1.68 !important; } /* ---------------------------------------------------------- TOPICS ---------------------------------------------------------- */ #dlhd-aims-scope-2026 .dlhd-as-topics { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 0 28px !important; margin: 0 !important; padding: 0 0 0 53px !important; } #dlhd-aims-scope-2026 .dlhd-as-topic { display: flex !important; align-items: flex-start !important; gap: 10px !important; margin: 0 !important; padding: 10px 0 !important; border-bottom: 1px solid #EFF2F1 !important; color: #3A6153 !important; -webkit-text-fill-color: #3A6153 !important; font-size: 13px !important; line-height: 1.5 !important; } #dlhd-aims-scope-2026 .dlhd-as-topic > span { display: block !important; flex: 0 0 6px !important; width: 6px !important; height: 6px !important; margin-top: 7px !important; border-radius: 50% !important; background: #489478 !important; box-shadow: 0 0 0 4px #F3F7F5 !important; } /* ---------------------------------------------------------- ARTICLE TYPES ---------------------------------------------------------- */ #dlhd-aims-scope-2026 .dlhd-as-types { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 !important; padding: 0 0 0 53px !important; } #dlhd-aims-scope-2026 .dlhd-as-types span { display: inline-flex !important; width: auto !important; margin: 0 !important; padding: 8px 13px !important; border: 1px solid #D8E5E0 !important; border-radius: 999px !important; background: #ffffff !important; color: #3A6153 !important; -webkit-text-fill-color: #3A6153 !important; font-size: 11.8px !important; font-weight: 600 !important; line-height: 1.25 !important; } /* ---------------------------------------------------------- QUALITY CARDS ---------------------------------------------------------- */ #dlhd-aims-scope-2026 .dlhd-as-quality-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap: 11px !important; margin: 0 0 0 53px !important; padding: 12px !important; border: 1px solid #E4EAE8 !important; border-radius: 14px !important; background: #F9FAFA !important; } #dlhd-aims-scope-2026 .dlhd-as-quality-card { display: block !important; min-height: 125px !important; margin: 0 !important; padding: 17px 14px !important; border: 1px solid #E8EDEB !important; border-radius: 10px !important; background: #ffffff !important; text-align: center !important; } #dlhd-aims-scope-2026 .dlhd-as-quality-title { display: block !important; margin: 0 0 6px !important; color: #224D3D !important; -webkit-text-fill-color: #224D3D !important; font-size: 12.4px !important; font-weight: 700 !important; line-height: 1.4 !important; } #dlhd-aims-scope-2026 .dlhd-as-quality-text { display: block !important; margin: 0 !important; color: #648B7D !important; -webkit-text-fill-color: #648B7D !important; font-size: 11px !important; line-height: 1.52 !important; } /* ---------------------------------------------------------- OUT OF SCOPE ---------------------------------------------------------- */ #dlhd-aims-scope-2026 .dlhd-as-outscope { display: block !important; overflow: hidden !important; margin: 0 0 0 53px !important; border: 1px solid #E4E9E7 !important; border-radius: 14px !important; background: #ffffff !important; } #dlhd-aims-scope-2026 .dlhd-as-outscope-intro { display: block !important; margin: 0 !important; padding: 21px 23px !important; border-bottom: 1px solid #EAEFED !important; background: #F8FAF9 !important; } #dlhd-aims-scope-2026 .dlhd-as-outscope-intro-title { display: block !important; margin: 0 0 7px !important; color: #325447 !important; -webkit-text-fill-color: #325447 !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.55 !important; } #dlhd-aims-scope-2026 .dlhd-as-outscope-intro-text { display: block !important; margin: 0 !important; color: #5A7D70 !important; -webkit-text-fill-color: #5A7D70 !important; font-size: 12.3px !important; line-height: 1.65 !important; } #dlhd-aims-scope-2026 .dlhd-as-outscope-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 8px 25px !important; margin: 0 !important; padding: 19px 23px 22px !important; } #dlhd-aims-scope-2026 .dlhd-as-outscope-item { display: flex !important; align-items: flex-start !important; gap: 9px !important; margin: 0 !important; padding: 7px 0 !important; color: #506F64 !important; -webkit-text-fill-color: #506F64 !important; font-size: 12.2px !important; line-height: 1.6 !important; } #dlhd-aims-scope-2026 .dlhd-as-outscope-item > span { display: flex !important; flex: 0 0 20px !important; align-items: center !important; justify-content: center !important; width: 20px !important; height: 20px !important; margin-top: 1px !important; border-radius: 50% !important; background: #EFF2F1 !important; color: #699182 !important; -webkit-text-fill-color: #699182 !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; } /* ---------------------------------------------------------- SCHOLARLY POSITIONING ---------------------------------------------------------- */ #dlhd-aims-scope-2026 .dlhd-as-positioning { position: relative !important; display: block !important; isolation: isolate !important; overflow: hidden !important; margin: 48px 0 0 !important; padding: 36px 38px 38px !important; border: 0 !important; border-radius: 17px !important; background: linear-gradient( 135deg, #244F3F 0%, #326351 58%, #45826C 100% ) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; box-shadow: 0 12px 28px rgba(32, 75, 59, 0.08) !important; } #dlhd-aims-scope-2026 .dlhd-as-positioning::before { content: "" !important; position: absolute !important; z-index: -1 !important; top: -105px !important; right: -65px !important; width: 220px !important; height: 220px !important; border: 34px solid rgba(255,255,255,0.065) !important; border-radius: 50% !important; } #dlhd-aims-scope-2026 .dlhd-as-positioning::after { content: "" !important; position: absolute !important; z-index: -1 !important; right: 100px !important; bottom: -125px !important; width: 185px !important; height: 185px !important; border: 28px solid rgba(255,255,255,0.045) !important; border-radius: 50% !important; } #dlhd-aims-scope-2026 .dlhd-as-positioning-label { display: block !important; margin: 0 0 25px !important; color: #E6EEEB !important; -webkit-text-fill-color: #E6EEEB !important; font-size: 10.5px !important; font-weight: 750 !important; letter-spacing: 1.3px !important; line-height: 1.4 !important; text-transform: uppercase !important; } #dlhd-aims-scope-2026 .dlhd-as-positioning-title { display: block !important; max-width: 800px !important; margin: 0 0 12px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; opacity: 1 !important; font-size: 22px !important; font-weight: 750 !important; letter-spacing: -0.35px !important; line-height: 1.38 !important; } #dlhd-aims-scope-2026 .dlhd-as-positioning-text { display: block !important; max-width: 950px !important; margin: 0 !important; color: #F3F6F5 !important; -webkit-text-fill-color: #F3F6F5 !important; opacity: 1 !important; font-size: 13.3px !important; font-weight: 400 !important; line-height: 1.78 !important; } /* ---------------------------------------------------------- AIMS & SCOPE — THEME OVERRIDE PROTECTION ---------------------------------------------------------- */ html body:not(.pkp_page_index):not(.pkp_page_article) .pkp_structure_main .page #dlhd-aims-scope-2026 .dlhd-as-hero-title, html body:not(.pkp_page_index):not(.pkp_page_article) .pkp_structure_main .page #dlhd-aims-scope-2026 .dlhd-as-section-title, html body:not(.pkp_page_index):not(.pkp_page_article) .pkp_structure_main .page #dlhd-aims-scope-2026 .dlhd-as-card-title { color: #224D3D !important; -webkit-text-fill-color: #224D3D !important; } html body:not(.pkp_page_index):not(.pkp_page_article) .pkp_structure_main .page #dlhd-aims-scope-2026 .dlhd-as-positioning-title { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; opacity: 1 !important; } html body:not(.pkp_page_index):not(.pkp_page_article) .pkp_structure_main .page #dlhd-aims-scope-2026 .dlhd-as-positioning-text { color: #F3F6F5 !important; -webkit-text-fill-color: #F3F6F5 !important; opacity: 1 !important; } /* ========================================================== MODULE 02 — ABOUT THE JOURNAL ========================================================== */ /* ---------------------------------------------------------- ROOT ---------------------------------------------------------- */ #dlhd-about-2026 { width: 100% !important; max-width: 1160px !important; margin: 0 auto !important; padding: 0 0 26px !important; color: #304F44 !important; font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; font-size: 15px !important; line-height: 1.75 !important; } /* ---------------------------------------------------------- HERO ---------------------------------------------------------- */ #dlhd-about-2026 .dlhd-about-hero { position: relative !important; display: grid !important; grid-template-columns: minmax(0, 1.55fr) minmax(260px, 0.45fr) !important; gap: 30px !important; overflow: hidden !important; margin: 0 0 18px !important; padding: 50px 48px !important; border: 1px solid #D8E6E1 !important; border-radius: 19px !important; background: linear-gradient( 135deg, #ffffff 0%, #FAFBFB 58%, #F3F6F5 100% ) !important; box-shadow: 0 6px 20px rgba(35, 70, 57, 0.04) !important; } /* ---------------------------------------------------------- HERO CONTENT ---------------------------------------------------------- */ #dlhd-about-2026 .dlhd-about-hero-content { position: relative !important; z-index: 4 !important; display: block !important; min-width: 0 !important; } /* ---------------------------------------------------------- EYEBROW ---------------------------------------------------------- */ #dlhd-about-2026 .dlhd-about-eyebrow { display: inline-flex !important; align-items: center !important; gap: 8px !important; margin: 0 0 17px !important; padding: 7px 12px !important; border: 1px solid #D0E1DB !important; border-radius: 999px !important; background: rgba(255,255,255,.92) !important; color: #2F6A54 !important; -webkit-text-fill-color: #2F6A54 !important; font-size: 10.5px !important; font-weight: 700 !important; letter-spacing: 1.3px !important; line-height: 1.2 !important; text-transform: uppercase !important; } #dlhd-about-2026 .dlhd-about-eyebrow-dot { display: block !important; flex: 0 0 7px !important; width: 7px !important; height: 7px !important; border-radius: 50% !important; background: #459477 !important; } /* ---------------------------------------------------------- HERO TITLE ---------------------------------------------------------- */ #dlhd-about-2026 .dlhd-about-title { display: block !important; max-width: 750px !important; margin: 0 0 18px !important; padding: 0 !important; color: #21483A !important; -webkit-text-fill-color: #21483A !important; font-size: 37px !important; font-weight: 760 !important; letter-spacing: -1.15px !important; line-height: 1.16 !important; } #dlhd-about-2026 .dlhd-about-title span { color: #3F876D !important; -webkit-text-fill-color: #3F876D !important; } /* ---------------------------------------------------------- HERO LEAD ---------------------------------------------------------- */ #dlhd-about-2026 .dlhd-about-lead { display: block !important; max-width: 820px !important; margin: 0 !important; color: #476359 !important; -webkit-text-fill-color: #476359 !important; font-size: 14.8px !important; font-weight: 400 !important; line-height: 1.8 !important; } #dlhd-about-2026 .dlhd-about-lead strong { color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; font-weight: 700 !important; } /* ---------------------------------------------------------- ATTRIBUTES ---------------------------------------------------------- */ #dlhd-about-2026 .dlhd-about-attributes { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 25px 0 0 !important; } #dlhd-about-2026 .dlhd-about-attribute { display: inline-flex !important; align-items: center !important; gap: 7px !important; width: auto !important; margin: 0 !important; padding: 7px 10px !important; border: 1px solid #D8E5E0 !important; border-radius: 8px !important; background: rgba(255,255,255,.9) !important; color: #466056 !important; -webkit-text-fill-color: #466056 !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1.2 !important; } #dlhd-about-2026 .dlhd-about-attribute-mark { display: block !important; width: 5px !important; height: 5px !important; border-radius: 50% !important; background: #499579 !important; } /* ---------------------------------------------------------- HERO VISUAL ---------------------------------------------------------- */ #dlhd-about-2026 .dlhd-about-hero-visual { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; min-height: 250px !important; } #dlhd-about-2026 .dlhd-about-visual-core { position: relative !important; z-index: 4 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 205px !important; height: 205px !important; padding: 23px !important; border: 1px solid rgba(255,255,255,.55) !important; border-radius: 50% !important; background: linear-gradient( 145deg, #255141, #42886E ) !important; box-shadow: 0 20px 45px rgba(37, 80, 64, .16) !important; text-align: center !important; } #dlhd-about-2026 .dlhd-about-core-small { margin: 0 0 8px !important; color: #D2E7DF !important; -webkit-text-fill-color: #D2E7DF !important; font-size: 9.5px !important; font-weight: 750 !important; letter-spacing: 2px !important; line-height: 1 !important; } #dlhd-about-2026 .dlhd-about-core-main { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 22px !important; font-weight: 750 !important; letter-spacing: -.4px !important; line-height: 1.15 !important; } #dlhd-about-2026 .dlhd-about-core-caption { margin: 10px 0 0 !important; color: #E7EEEB !important; -webkit-text-fill-color: #E7EEEB !important; font-size: 9.5px !important; font-weight: 500 !important; line-height: 1.3 !important; } /* ---------------------------------------------------------- ORBITS ---------------------------------------------------------- */ #dlhd-about-2026 .dlhd-about-orbit { position: absolute !important; border: 1px solid rgba(54, 119, 95, .14) !important; border-radius: 50% !important; pointer-events: none !important; } #dlhd-about-2026 .dlhd-about-orbit-one { width: 260px !important; height: 260px !important; } #dlhd-about-2026 .dlhd-about-orbit-two { width: 320px !important; height: 320px !important; border-color: rgba(54, 119, 95, .07) !important; } /* ---------------------------------------------------------- JOURNAL AT A GLANCE ---------------------------------------------------------- */ #dlhd-about-2026 .dlhd-about-glance { display: grid !important; grid-template-columns: 2fr .7fr .8fr .7fr !important; gap: 1px !important; overflow: hidden !important; margin: 0 0 50px !important; padding: 0 !important; border: 1px solid #E4EAE8 !important; border-radius: 13px !important; background: #E4EAE8 !important; } #dlhd-about-2026 .dlhd-about-glance-item { display: block !important; min-width: 0 !important; padding: 15px 18px !important; background: #ffffff !important; } #dlhd-about-2026 .dlhd-about-glance-label { margin: 0 0 3px !important; color: #709789 !important; -webkit-text-fill-color: #709789 !important; font-size: 9.5px !important; font-weight: 700 !important; letter-spacing: 1px !important; line-height: 1.3 !important; text-transform: uppercase !important; } #dlhd-about-2026 .dlhd-about-glance-value { overflow: hidden !important; color: #2D4A3F !important; -webkit-text-fill-color: #2D4A3F !important; font-size: 12px !important; font-weight: 650 !important; line-height: 1.4 !important; } /* ---------------------------------------------------------- GENERAL SECTIONS ---------------------------------------------------------- */ #dlhd-about-2026 .dlhd-about-section { display: block !important; margin: 0 0 52px !important; padding: 0 !important; } /* ---------------------------------------------------------- SECTION HEADERS ---------------------------------------------------------- */ #dlhd-about-2026 .dlhd-about-section-header { display: flex !important; align-items: flex-start !important; gap: 15px !important; margin: 0 0 23px !important; } #dlhd-about-2026 .dlhd-about-section-index { display: flex !important; flex: 0 0 39px !important; align-items: center !important; justify-content: center !important; width: 39px !important; height: 39px !important; margin: 1px 0 0 !important; border-radius: 10px !important; background: #224D3D !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 10.5px !important; font-weight: 700 !important; line-height: 1 !important; } #dlhd-about-2026 .dlhd-about-section-heading { display: block !important; flex: 1 1 auto !important; min-width: 0 !important; } #dlhd-about-2026 .dlhd-about-section-kicker { margin: 0 0 3px !important; color: #40856C !important; -webkit-text-fill-color: #40856C !important; font-size: 9.5px !important; font-weight: 750 !important; letter-spacing: 1.2px !important; line-height: 1.35 !important; text-transform: uppercase !important; } #dlhd-about-2026 .dlhd-about-section-title { max-width: 800px !important; margin: 0 !important; color: #224A3B !important; -webkit-text-fill-color: #224A3B !important; font-size: 23px !important; font-weight: 740 !important; letter-spacing: -.4px !important; line-height: 1.32 !important; } /* ---------------------------------------------------------- PURPOSE ---------------------------------------------------------- */ #dlhd-about-2026 .dlhd-about-purpose-grid { display: grid !important; grid-template-columns: minmax(0,1.55fr) minmax(280px,.65fr) !important; gap: 22px !important; margin: 0 !important; padding: 0 0 0 54px !important; } #dlhd-about-2026 .dlhd-about-purpose-main { color: #466056 !important; font-size: 14.2px !important; line-height: 1.82 !important; text-align: justify !important; } #dlhd-about-2026 .dlhd-about-purpose-main p { max-width: none !important; margin: 0 !important; padding: 0 !important; color: #466056 !important; -webkit-text-fill-color: #466056 !important; font-size: 14.2px !important; line-height: 1.82 !important; } #dlhd-about-2026 .dlhd-about-purpose-main p + p { margin-top: 14px !important; } /* ---------------------------------------------------------- QUOTE ---------------------------------------------------------- */ #dlhd-about-2026 .dlhd-about-purpose-quote { position: relative !important; overflow: hidden !important; padding: 24px 23px !important; border: 1px solid #D7E6E1 !important; border-radius: 14px !important; background: linear-gradient( 145deg, #FAFCFB, #F3F6F5 ) !important; } #dlhd-about-2026 .dlhd-about-quote-symbol { height: 35px !important; margin: 0 0 5px !important; color: #A9D1C2 !important; -webkit-text-fill-color: #A9D1C2 !important; font-family: Georgia, serif !important; font-size: 55px !important; line-height: .9 !important; } #dlhd-about-2026 .dlhd-about-quote-text { margin: 0 0 15px !important; color: #35594C !important; -webkit-text-fill-color: #35594C !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.7 !important; } #dlhd-about-2026 .dlhd-about-quote-label { color: #63897B !important; -webkit-text-fill-color: #63897B !important; font-size: 9.5px !important; font-weight: 650 !important; letter-spacing: .5px !important; line-height: 1.4 !important; text-transform: uppercase !important; } /* ---------------------------------------------------------- SCHOLARLY IDENTITY ---------------------------------------------------------- */ #dlhd-about-2026 .dlhd-about-identity-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 14px !important; margin: 0 0 15px 54px !important; } #dlhd-about-2026 .dlhd-about-identity-card { display: block !important; min-width: 0 !important; min-height: 235px !important; padding: 22px !important; border: 1px solid #DAE5E1 !important; border-radius: 14px !important; background: #ffffff !important; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important; } #dlhd-about-2026 .dlhd-about-identity-card:hover { transform: translateY(-3px) !important; border-color: #BFDAD0 !important; box-shadow: 0 12px 27px rgba(36, 73, 60, .07) !important; } #dlhd-about-2026 .dlhd-about-identity-featured { border-color: #CBE1D9 !important; background: linear-gradient( 145deg, #ffffff, #F7FAF9 ) !important; } #dlhd-about-2026 .dlhd-about-identity-top { display: flex !important; align-items: center !important; gap: 10px !important; margin: 0 0 19px !important; } #dlhd-about-2026 .dlhd-about-identity-number { color: #40876D !important; -webkit-text-fill-color: #40876D !important; font-size: 10px !important; font-weight: 750 !important; letter-spacing: .7px !important; } #dlhd-about-2026 .dlhd-about-identity-line { flex: 1 !important; height: 1px !important; background: #E2EAE7 !important; } #dlhd-about-2026 .dlhd-about-identity-title { margin: 0 0 10px !important; color: #234C3D !important; -webkit-text-fill-color: #234C3D !important; font-size: 17px !important; font-weight: 720 !important; line-height: 1.35 !important; } #dlhd-about-2026 .dlhd-about-identity-text { margin: 0 0 18px !important; color: #57786C !important; -webkit-text-fill-color: #57786C !important; font-size: 12.4px !important; line-height: 1.68 !important; } #dlhd-about-2026 .dlhd-about-identity-keywords { padding-top: 12px !important; border-top: 1px solid #EFF3F1 !important; color: #6C9586 !important; -webkit-text-fill-color: #6C9586 !important; font-size: 9.8px !important; font-weight: 600 !important; line-height: 1.5 !important; } /* ---------------------------------------------------------- IDENTITY NOTE ---------------------------------------------------------- */ #dlhd-about-2026 .dlhd-about-identity-note { display: flex !important; align-items: center !important; gap: 15px !important; margin: 0 0 0 54px !important; padding: 18px 20px !important; border: 1px solid #D8E7E1 !important; border-radius: 12px !important; background: #F8FAF9 !important; } #dlhd-about-2026 .dlhd-about-identity-note-icon { display: flex !important; flex: 0 0 38px !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !important; border-radius: 50% !important; background: #234D3D !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 18px !important; font-weight: 300 !important; } #dlhd-about-2026 .dlhd-about-identity-note-text { display: block !important; } #dlhd-about-2026 .dlhd-about-identity-note-text strong { display: block !important; margin: 0 0 2px !important; color: #2C4C40 !important; -webkit-text-fill-color: #2C4C40 !important; font-size: 12px !important; font-weight: 700 !important; } #dlhd-about-2026 .dlhd-about-identity-note-text span { display: block !important; color: #587A6E !important; -webkit-text-fill-color: #587A6E !important; font-size: 11.8px !important; line-height: 1.55 !important; } /* ---------------------------------------------------------- CONTRIBUTION ---------------------------------------------------------- */ #dlhd-about-2026 .dlhd-about-contribution { margin: 0 0 0 54px !important; } #dlhd-about-2026 .dlhd-about-contribution-intro { max-width: 900px !important; margin: 0 0 18px !important; color: #506F64 !important; -webkit-text-fill-color: #506F64 !important; font-size: 13.5px !important; line-height: 1.72 !important; } #dlhd-about-2026 .dlhd-about-contribution-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 11px !important; } #dlhd-about-2026 .dlhd-about-contribution-item { min-width: 0 !important; padding: 19px 16px !important; border: 1px solid #E4EAE8 !important; border-radius: 12px !important; background: #ffffff !important; } #dlhd-about-2026 .dlhd-about-contribution-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 31px !important; height: 31px !important; margin: 0 0 13px !important; border-radius: 8px !important; background: #F3F6F5 !important; color: #3D876C !important; -webkit-text-fill-color: #3D876C !important; font-size: 9.5px !important; font-weight: 750 !important; } #dlhd-about-2026 .dlhd-about-contribution-title { margin: 0 0 6px !important; color: #2A4A3E !important; -webkit-text-fill-color: #2A4A3E !important; font-size: 12.5px !important; font-weight: 700 !important; line-height: 1.4 !important; } #dlhd-about-2026 .dlhd-about-contribution-text { color: #628779 !important; -webkit-text-fill-color: #628779 !important; font-size: 10.8px !important; line-height: 1.58 !important; } /* ---------------------------------------------------------- GLOBAL ORIENTATION ---------------------------------------------------------- */ #dlhd-about-2026 .dlhd-about-global { display: grid !important; grid-template-columns: 1.15fr .85fr !important; gap: 22px !important; margin: 0 0 0 54px !important; padding: 25px !important; border: 1px solid #DAE7E2 !important; border-radius: 14px !important; background: linear-gradient( 135deg, #FAFBFB, #F4F8F6 ) !important; } #dlhd-about-2026 .dlhd-about-global-title { margin: 0 0 9px !important; color: #2B4D41 !important; -webkit-text-fill-color: #2B4D41 !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.4 !important; } #dlhd-about-2026 .dlhd-about-global-text { color: #587A6E !important; -webkit-text-fill-color: #587A6E !important; font-size: 12.5px !important; line-height: 1.7 !important; } #dlhd-about-2026 .dlhd-about-global-right { display: flex !important; flex-wrap: wrap !important; align-content: center !important; gap: 8px !important; } #dlhd-about-2026 .dlhd-about-global-pill { display: inline-flex !important; width: auto !important; padding: 7px 10px !important; border: 1px solid #D5E4DF !important; border-radius: 999px !important; background: #ffffff !important; color: #4C695E !important; -webkit-text-fill-color: #4C695E !important; font-size: 10.3px !important; font-weight: 600 !important; line-height: 1.3 !important; } /* ---------------------------------------------------------- AUDIENCE ---------------------------------------------------------- */ #dlhd-about-2026 .dlhd-about-audience { display: grid !important; grid-template-columns: .85fr 1.15fr !important; gap: 26px !important; margin: 0 0 0 54px !important; } #dlhd-about-2026 .dlhd-about-audience-main { padding: 22px !important; border-left: 3px solid #468F74 !important; background: #F9FAFA !important; } #dlhd-about-2026 .dlhd-about-audience-title { margin: 0 0 7px !important; color: #2C4D41 !important; -webkit-text-fill-color: #2C4D41 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.4 !important; } #dlhd-about-2026 .dlhd-about-audience-text { color: #597B6E !important; -webkit-text-fill-color: #597B6E !important; font-size: 12.3px !important; line-height: 1.67 !important; } #dlhd-about-2026 .dlhd-about-audience-list { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } #dlhd-about-2026 .dlhd-about-audience-list > div { display: flex !important; align-items: center !important; min-height: 42px !important; padding: 9px 13px !important; border: 1px solid #E4E9E7 !important; border-radius: 9px !important; background: #ffffff !important; color: #49645A !important; -webkit-text-fill-color: #49645A !important; font-size: 11.2px !important; font-weight: 600 !important; line-height: 1.35 !important; } /* ---------------------------------------------------------- EDITORIAL COMMITMENT ---------------------------------------------------------- */ #dlhd-about-2026 .dlhd-about-commitment { position: relative !important; isolation: isolate !important; overflow: hidden !important; margin: 55px 0 0 !important; padding: 37px 39px !important; border-radius: 17px !important; background: linear-gradient( 135deg, #214B3C, #316451 58%, #45826C ) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } #dlhd-about-2026 .dlhd-about-commitment::before { content: "" !important; position: absolute !important; z-index: -1 !important; top: -105px !important; right: -70px !important; width: 225px !important; height: 225px !important; border: 35px solid rgba(255,255,255,.065) !important; border-radius: 50% !important; } #dlhd-about-2026 .dlhd-about-commitment-label { margin: 0 0 21px !important; color: #E2EBE8 !important; -webkit-text-fill-color: #E2EBE8 !important; font-size: 10px !important; font-weight: 750 !important; letter-spacing: 1.35px !important; line-height: 1.4 !important; text-transform: uppercase !important; } #dlhd-about-2026 .dlhd-about-commitment-title { max-width: 820px !important; margin: 0 0 11px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 22px !important; font-weight: 750 !important; letter-spacing: -.35px !important; line-height: 1.4 !important; } #dlhd-about-2026 .dlhd-about-commitment-text { max-width: 960px !important; color: #F3F6F5 !important; -webkit-text-fill-color: #F3F6F5 !important; font-size: 13.2px !important; line-height: 1.78 !important; } /* ---------------------------------------------------------- CTA ---------------------------------------------------------- */ #dlhd-about-2026 .dlhd-about-commitment-actions { display: flex !important; flex-wrap: wrap !important; gap: 9px !important; margin: 22px 0 0 !important; } #dlhd-about-2026 .dlhd-about-primary-link, #dlhd-about-2026 .dlhd-about-primary-link:link, #dlhd-about-2026 .dlhd-about-primary-link:visited { display: inline-flex !important; align-items: center !important; gap: 10px !important; width: auto !important; padding: 9px 14px !important; border: 1px solid rgba(255,255,255,.35) !important; border-radius: 8px !important; background: #ffffff !important; color: #245140 !important; -webkit-text-fill-color: #245140 !important; font-size: 11.5px !important; font-weight: 700 !important; line-height: 1.3 !important; text-decoration: none !important; transition: transform .2s ease, box-shadow .2s ease !important; } #dlhd-about-2026 .dlhd-about-primary-link:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 18px rgba(0,0,0,.12) !important; } #dlhd-about-2026 .dlhd-about-primary-link span { color: #448F73 !important; -webkit-text-fill-color: #448F73 !important; font-size: 16px !important; } /* ---------------------------------------------------------- ABOUT — THEME OVERRIDE PROTECTION ---------------------------------------------------------- */ html body:not(.pkp_page_index):not(.pkp_page_article) .pkp_structure_main .page #dlhd-about-2026 .dlhd-about-title, html body:not(.pkp_page_index):not(.pkp_page_article) .pkp_structure_main .page #dlhd-about-2026 .dlhd-about-section-title, html body:not(.pkp_page_index):not(.pkp_page_article) .pkp_structure_main .page #dlhd-about-2026 .dlhd-about-identity-title { color: #224A3B !important; -webkit-text-fill-color: #224A3B !important; } html body:not(.pkp_page_index):not(.pkp_page_article) .pkp_structure_main .page #dlhd-about-2026 .dlhd-about-commitment-title { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; opacity: 1 !important; } html body:not(.pkp_page_index):not(.pkp_page_article) .pkp_structure_main .page #dlhd-about-2026 .dlhd-about-commitment-text { color: #F3F6F5 !important; -webkit-text-fill-color: #F3F6F5 !important; opacity: 1 !important; } /* ========================================================== SHARED RESPONSIVE — TABLET ========================================================== */ @media screen and (max-width: 960px) { #dlhd-aims-scope-2026 .dlhd-as-quality-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; } #dlhd-about-2026 .dlhd-about-hero { grid-template-columns: 1fr 250px !important; } #dlhd-about-2026 .dlhd-about-contribution-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } #dlhd-about-2026 .dlhd-about-glance { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } /* ========================================================== SHARED RESPONSIVE — SMALL TABLET ========================================================== */ @media screen and (max-width: 760px) { /* Aims & Scope */ #dlhd-aims-scope-2026 .dlhd-as-hero { padding: 36px 25px !important; } #dlhd-aims-scope-2026 .dlhd-as-hero-title { font-size: 31px !important; } #dlhd-aims-scope-2026 .dlhd-as-card-grid, #dlhd-aims-scope-2026 .dlhd-as-topics, #dlhd-aims-scope-2026 .dlhd-as-outscope-grid { grid-template-columns: 1fr !important; } #dlhd-aims-scope-2026 .dlhd-as-body, #dlhd-aims-scope-2026 .dlhd-as-card-grid, #dlhd-aims-scope-2026 .dlhd-as-topics, #dlhd-aims-scope-2026 .dlhd-as-types { padding-left: 0 !important; } #dlhd-aims-scope-2026 .dlhd-as-focus-box, #dlhd-aims-scope-2026 .dlhd-as-quality-grid, #dlhd-aims-scope-2026 .dlhd-as-outscope { margin-left: 0 !important; } /* About */ #dlhd-about-2026 .dlhd-about-hero { grid-template-columns: 1fr !important; padding: 40px 30px !important; } #dlhd-about-2026 .dlhd-about-hero-visual { display: none !important; } #dlhd-about-2026 .dlhd-about-purpose-grid, #dlhd-about-2026 .dlhd-about-global, #dlhd-about-2026 .dlhd-about-audience { grid-template-columns: 1fr !important; } #dlhd-about-2026 .dlhd-about-identity-grid { grid-template-columns: 1fr !important; } #dlhd-about-2026 .dlhd-about-purpose-grid, #dlhd-about-2026 .dlhd-about-identity-grid { padding-left: 0 !important; } #dlhd-about-2026 .dlhd-about-contribution, #dlhd-about-2026 .dlhd-about-global, #dlhd-about-2026 .dlhd-about-audience, #dlhd-about-2026 .dlhd-about-identity-note { margin-left: 0 !important; } } /* ========================================================== SHARED RESPONSIVE — MOBILE ========================================================== */ @media screen and (max-width: 560px) { /* Aims & Scope */ #dlhd-aims-scope-2026 .dlhd-as-hero { padding: 31px 20px !important; border-radius: 14px !important; } #dlhd-aims-scope-2026 .dlhd-as-hero-title { font-size: 28px !important; } #dlhd-aims-scope-2026 .dlhd-as-hero-lead { font-size: 14px !important; } #dlhd-aims-scope-2026 .dlhd-as-section-header { gap: 11px !important; } #dlhd-aims-scope-2026 .dlhd-as-number { flex-basis: 35px !important; width: 35px !important; height: 35px !important; } #dlhd-aims-scope-2026 .dlhd-as-section-title { font-size: 20px !important; } #dlhd-aims-scope-2026 .dlhd-as-body { text-align: left !important; } #dlhd-aims-scope-2026 .dlhd-as-quality-grid { grid-template-columns: 1fr !important; } #dlhd-aims-scope-2026 .dlhd-as-quality-card { min-height: 0 !important; text-align: left !important; } #dlhd-aims-scope-2026 .dlhd-as-positioning { padding: 28px 22px 30px !important; border-radius: 14px !important; } #dlhd-aims-scope-2026 .dlhd-as-positioning-title { font-size: 19px !important; } #dlhd-aims-scope-2026 .dlhd-as-positioning-text { font-size: 12.8px !important; } /* About */ #dlhd-about-2026 .dlhd-about-hero { padding: 31px 20px !important; border-radius: 14px !important; } #dlhd-about-2026 .dlhd-about-title { font-size: 29px !important; } #dlhd-about-2026 .dlhd-about-lead { font-size: 13.8px !important; } #dlhd-about-2026 .dlhd-about-glance { grid-template-columns: 1fr !important; } #dlhd-about-2026 .dlhd-about-section-header { gap: 11px !important; } #dlhd-about-2026 .dlhd-about-section-index { flex-basis: 35px !important; width: 35px !important; height: 35px !important; } #dlhd-about-2026 .dlhd-about-section-title { font-size: 20px !important; } #dlhd-about-2026 .dlhd-about-purpose-main { text-align: left !important; } #dlhd-about-2026 .dlhd-about-contribution-grid { grid-template-columns: 1fr !important; } #dlhd-about-2026 .dlhd-about-audience-list { grid-template-columns: 1fr !important; } #dlhd-about-2026 .dlhd-about-commitment { padding: 29px 22px !important; border-radius: 14px !important; } #dlhd-about-2026 .dlhd-about-commitment-title { font-size: 19px !important; } #dlhd-about-2026 .dlhd-about-commitment-text { font-size: 12.7px !important; } } /* ========================================================== MODULE 03 — HOMEPAGE ADDITIONAL CONTENT FULL REPLACEMENT / REFINED LAYOUT Prefix: dlhdx-ac- ========================================================== */ .dlhdx-ac-root, .dlhdx-ac-root *, .dlhdx-ac-root *::before, .dlhdx-ac-root *::after { box-sizing: border-box !important; } .dlhdx-ac-root { width: 100% !important; margin: 0 !important; padding: 0 !important; font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important; color: #304F44 !important; } /* ---------------------------------------------------------- SHARED ---------------------------------------------------------- */ .dlhdx-ac-kicker, .dlhdx-ac-explore-kicker { display: block !important; margin: 0 0 8px !important; color: #4A856F !important; -webkit-text-fill-color: #4A856F !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; line-height: 1.3 !important; } .dlhdx-ac-title, .dlhdx-ac-explore-title { margin: 0 !important; color: #284C3F !important; -webkit-text-fill-color: #284C3F !important; font-size: 20px !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: -0.2px !important; } .dlhdx-ac-title--compact { margin-bottom: 10px !important; } /* ---------------------------------------------------------- RESEARCH VALUES ---------------------------------------------------------- */ .dlhdx-ac-values { margin: 0 0 32px !important; padding: 28px !important; border: 1px solid #D6E2DE !important; border-radius: 18px !important; background: #FAFBFB !important; } .dlhdx-ac-values-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; margin-top: 18px !important; } .dlhdx-ac-value-card { display: grid !important; grid-template-columns: 40px minmax(0, 1fr) !important; gap: 14px !important; align-items: flex-start !important; padding: 16px !important; border: 1px solid #D6E2DE !important; border-radius: 14px !important; background: #ffffff !important; } .dlhdx-ac-value-no { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; border-radius: 10px !important; background: #2F5A4A !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1 !important; } .dlhdx-ac-value-copy { min-width: 0 !important; } .dlhdx-ac-value-copy h3 { margin: 0 0 6px !important; padding: 0 !important; color: #304F44 !important; -webkit-text-fill-color: #304F44 !important; font-size: 15px !important; font-weight: 750 !important; line-height: 1.4 !important; } .dlhdx-ac-value-copy p { margin: 0 !important; color: #597B6F !important; -webkit-text-fill-color: #597B6F !important; font-size: 13px !important; line-height: 1.62 !important; } /* ---------------------------------------------------------- GLOBAL SCHOLARSHIP ---------------------------------------------------------- */ .dlhdx-ac-context { display: grid !important; grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr) !important; gap: 24px !important; align-items: center !important; margin: 0 0 32px !important; padding: 28px !important; border: 1px solid #D6E2DE !important; border-radius: 18px !important; background: #F8FAF9 !important; } .dlhdx-ac-context-copy { min-width: 0 !important; } .dlhdx-ac-context-text { margin: 0 !important; color: #597B6F !important; -webkit-text-fill-color: #597B6F !important; font-size: 13px !important; line-height: 1.75 !important; } .dlhdx-ac-context-tags { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; align-content: flex-start !important; justify-content: flex-start !important; min-width: 0 !important; } .dlhdx-ac-chip { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 38px !important; max-width: 100% !important; padding: 10px 14px !important; border: 1px solid #D6E5E0 !important; border-radius: 999px !important; background: #ffffff !important; color: #385E50 !important; -webkit-text-fill-color: #385E50 !important; font-size: 12.5px !important; font-weight: 600 !important; line-height: 1.35 !important; white-space: nowrap !important; } /* ---------------------------------------------------------- EXPLORE DLHD ---------------------------------------------------------- */ .dlhdx-ac-explore { position: relative !important; overflow: hidden !important; margin: 0 !important; padding: 30px 32px !important; border-radius: 22px !important; background: linear-gradient(135deg, #2F5A4A 0%, #4C826E 100%) !important; } .dlhdx-ac-explore::before, .dlhdx-ac-explore::after { content: "" !important; position: absolute !important; border-radius: 999px !important; pointer-events: none !important; } .dlhdx-ac-explore::before { top: -35px !important; right: -35px !important; width: 160px !important; height: 160px !important; border: 22px solid rgba(255,255,255,0.06) !important; } .dlhdx-ac-explore::after { top: 18px !important; right: 18px !important; width: 86px !important; height: 86px !important; border: 14px solid rgba(255,255,255,0.05) !important; } .dlhdx-ac-explore-kicker { position: relative !important; z-index: 2 !important; color: #E3ECE9 !important; -webkit-text-fill-color: #E3ECE9 !important; } .dlhdx-ac-explore-title { position: relative !important; z-index: 2 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; margin-bottom: 24px !important; } .dlhdx-ac-explore-grid { position: relative !important; z-index: 2 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } .dlhdx-ac-link-card, .dlhdx-ac-link-card:link, .dlhdx-ac-link-card:visited { display: grid !important; grid-template-columns: 40px minmax(0, 1fr) 20px !important; gap: 12px !important; align-items: center !important; min-width: 0 !important; min-height: 72px !important; padding: 14px 16px !important; border: 1px solid rgba(255,255,255,0.18) !important; border-radius: 14px !important; background: rgba(255,255,255,0.08) !important; text-decoration: none !important; transition: background .2s ease, border-color .2s ease, transform .2s ease !important; } .dlhdx-ac-link-card:hover { background: rgba(255,255,255,0.13) !important; border-color: rgba(255,255,255,0.28) !important; transform: translateY(-1px) !important; } .dlhdx-ac-link-no { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; border-radius: 10px !important; background: rgba(255,255,255,0.14) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1 !important; } .dlhdx-ac-link-copy { display: block !important; min-width: 0 !important; } .dlhdx-ac-link-copy strong { display: block !important; margin: 0 0 3px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.35 !important; } .dlhdx-ac-link-copy small { display: block !important; color: #E4ECE9 !important; -webkit-text-fill-color: #E4ECE9 !important; font-size: 12px !important; line-height: 1.45 !important; } .dlhdx-ac-link-arrow { display: flex !important; align-items: center !important; justify-content: flex-end !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 18px !important; font-weight: 600 !important; line-height: 1 !important; } /* ---------------------------------------------------------- THEME PROTECTION ---------------------------------------------------------- */ html body .dlhdx-ac-title, html body .dlhdx-ac-value-copy h3 { color: #284C3F !important; -webkit-text-fill-color: #284C3F !important; } html body .dlhdx-ac-explore-title, html body .dlhdx-ac-link-copy strong, html body .dlhdx-ac-link-arrow, html body .dlhdx-ac-link-no { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ---------------------------------------------------------- RESPONSIVE ---------------------------------------------------------- */ @media screen and (max-width: 980px) { .dlhdx-ac-context { grid-template-columns: 1fr !important; } .dlhdx-ac-context-tags { max-width: 760px !important; } } @media screen and (max-width: 768px) { .dlhdx-ac-values-grid, .dlhdx-ac-explore-grid { grid-template-columns: 1fr !important; } .dlhdx-ac-values, .dlhdx-ac-context, .dlhdx-ac-explore { padding: 22px !important; } } @media screen and (max-width: 520px) { .dlhdx-ac-title, .dlhdx-ac-explore-title { font-size: 18px !important; } .dlhdx-ac-value-card { grid-template-columns: 36px minmax(0,1fr) !important; gap: 11px !important; padding: 14px !important; } .dlhdx-ac-link-card, .dlhdx-ac-link-card:link, .dlhdx-ac-link-card:visited { grid-template-columns: 36px minmax(0, 1fr) 16px !important; padding: 12px 14px !important; } .dlhdx-ac-chip { width: 100% !important; justify-content: flex-start !important; white-space: normal !important; } } /* ========================================================== MODULE 04 — AUTHOR GUIDELINES CLEAN SINGLE MODULE Prefix: dlhdx-ag- ========================================================== */ .dlhdx-ag-root, .dlhdx-ag-root *, .dlhdx-ag-root *::before, .dlhdx-ag-root *::after { box-sizing: border-box !important; } .dlhdx-ag-root { width: 100% !important; margin: 0 !important; padding: 0 0 26px !important; font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; color: #304F44 !important; } /* INTRO */ .dlhdx-ag-intro { position: relative !important; display: block !important; overflow: hidden !important; width: 100% !important; margin: 0 0 18px !important; padding: 23px 25px 23px 28px !important; border: 1px solid #E2E9E6 !important; border-radius: 14px !important; background: linear-gradient(135deg, #FAFCFB 0%, #F6F8F7 100%) !important; } .dlhdx-ag-intro::before { content: "" !important; position: absolute !important; top: 0 !important; bottom: 0 !important; left: 0 !important; width: 4px !important; background: linear-gradient(180deg, #234D3E, #489277) !important; } .dlhdx-ag-kicker, .dlhdx-ag-block-kicker { display: block !important; margin: 0 0 5px !important; color: #41886E !important; -webkit-text-fill-color: #41886E !important; font-size: 9.5px !important; font-weight: 750 !important; letter-spacing: 1.2px !important; line-height: 1.35 !important; text-transform: uppercase !important; } .dlhdx-ag-intro-title { display: block !important; max-width: 860px !important; margin: 0 0 7px !important; color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; font-size: 22px !important; font-weight: 740 !important; letter-spacing: -.35px !important; line-height: 1.38 !important; } .dlhdx-ag-intro-text { display: block !important; max-width: 960px !important; margin: 0 !important; color: #527266 !important; -webkit-text-fill-color: #527266 !important; font-size: 12.7px !important; line-height: 1.72 !important; } .dlhdx-ag-intro-text strong { color: #325447 !important; -webkit-text-fill-color: #325447 !important; } /* QUICK FACTS */ .dlhdx-ag-facts { display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)) !important; width: 100% !important; gap: 11px !important; margin: 0 0 22px !important; } .dlhdx-ag-fact { min-width: 0 !important; padding: 15px 16px !important; border: 1px solid #E4E9E7 !important; border-radius: 12px !important; background: #ffffff !important; } .dlhdx-ag-fact-label { margin: 0 0 4px !important; color: #739A8B !important; -webkit-text-fill-color: #739A8B !important; font-size: 9px !important; font-weight: 750 !important; letter-spacing: .8px !important; line-height: 1.35 !important; text-transform: uppercase !important; } .dlhdx-ag-fact-value { color: #2C4F42 !important; -webkit-text-fill-color: #2C4F42 !important; font-size: 12.4px !important; font-weight: 700 !important; line-height: 1.42 !important; } /* TEMPLATE */ .dlhdx-ag-template { display: block !important; width: 100% !important; margin: 0 0 39px !important; padding: 24px !important; border: 1px solid #E2E9E6 !important; border-radius: 15px !important; background: linear-gradient(135deg, #ffffff, #FAFCFB) !important; } .dlhdx-ag-template-top { display: grid !important; grid-template-columns: 56px minmax(0,1fr) minmax(260px,320px) !important; align-items: start !important; width: 100% !important; gap: 18px !important; } .dlhdx-ag-word-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 52px !important; height: 52px !important; border-radius: 12px !important; background: #346352 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 23px !important; font-weight: 800 !important; line-height: 1 !important; } .dlhdx-ag-template-info { min-width: 0 !important; } .dlhdx-ag-template-kicker { margin: 1px 0 4px !important; color: #4A816D !important; -webkit-text-fill-color: #4A816D !important; font-size: 9px !important; font-weight: 750 !important; letter-spacing: 1.2px !important; line-height: 1.35 !important; text-transform: uppercase !important; } .dlhdx-ag-template-title { margin: 0 0 7px !important; color: #2C4F42 !important; -webkit-text-fill-color: #2C4F42 !important; font-size: 14.2px !important; font-weight: 720 !important; line-height: 1.42 !important; } .dlhdx-ag-template-text { max-width: 700px !important; margin: 0 !important; color: #618679 !important; -webkit-text-fill-color: #618679 !important; font-size: 11px !important; line-height: 1.7 !important; } .dlhdx-ag-template-buttons { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; gap: 9px !important; } a.dlhdx-ag-download, a.dlhdx-ag-download:link, a.dlhdx-ag-download:visited { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 66px !important; padding: 13px 15px !important; border: 1px solid #346352 !important; border-radius: 11px !important; background: #346352 !important; background-color: #346352 !important; background-image: none !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; opacity: 1 !important; text-decoration: none !important; box-shadow: 0 4px 12px rgba(35, 77, 61, .08) !important; } .dlhdx-ag-download-text { display: block !important; min-width: 0 !important; } a.dlhdx-ag-download strong { display: block !important; margin: 0 0 2px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 11.3px !important; font-weight: 750 !important; line-height: 1.35 !important; } a.dlhdx-ag-download small { display: block !important; color: #E4EDEA !important; -webkit-text-fill-color: #E4EDEA !important; font-size: 9.5px !important; font-weight: 500 !important; line-height: 1.35 !important; } .dlhdx-ag-download-arrow { flex: 0 0 auto !important; margin-left: 12px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 17px !important; font-weight: 750 !important; line-height: 1 !important; } a.dlhdx-ag-download:hover, a.dlhdx-ag-download:focus { background: #2A5344 !important; background-color: #2A5344 !important; border-color: #2A5344 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; transform: translateY(-1px) !important; } a.dlhdx-ag-preview, a.dlhdx-ag-preview:link, a.dlhdx-ag-preview:visited { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 47px !important; padding: 10px 14px !important; border: 1px solid #D3E1DC !important; border-radius: 11px !important; background: #ffffff !important; color: #305447 !important; -webkit-text-fill-color: #305447 !important; font-size: 10.8px !important; font-weight: 700 !important; line-height: 1.35 !important; text-align: center !important; text-decoration: none !important; outline: none !important; box-shadow: none !important; } .dlhdx-ag-template-warning { width: 100% !important; margin: 16px 0 0 !important; padding: 11px 13px !important; border-left: 3px solid #C6A653 !important; background: #faf7f0 !important; color: #7a6945 !important; -webkit-text-fill-color: #7a6945 !important; font-size: 10.6px !important; line-height: 1.62 !important; } /* BLOCKS */ .dlhdx-ag-block { width: 100% !important; margin: 0 0 40px !important; } .dlhdx-ag-block-title { margin: 0 0 17px !important; color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; font-size: 21px !important; font-weight: 740 !important; letter-spacing: -.3px !important; line-height: 1.38 !important; } .dlhdx-ag-block-note { margin: -7px 0 14px !important; color: #63887A !important; -webkit-text-fill-color: #63887A !important; font-size: 11.3px !important; line-height: 1.6 !important; } /* REQUIREMENT CARDS */ .dlhdx-ag-four-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 11px !important; } .dlhdx-ag-info-card { min-width: 0 !important; min-height: 150px !important; padding: 17px 15px !important; border: 1px solid #E4E9E7 !important; border-radius: 12px !important; background: #ffffff !important; } .dlhdx-ag-card-number, .dlhdx-ag-standard-code { display: flex !important; align-items: center !important; justify-content: center !important; width: 29px !important; height: 29px !important; margin: 0 0 11px !important; border-radius: 8px !important; background: #F3F6F5 !important; color: #3C846A !important; -webkit-text-fill-color: #3C846A !important; font-size: 9px !important; font-weight: 750 !important; line-height: 1 !important; } .dlhdx-ag-card-title, .dlhdx-ag-standard-title { margin: 0 0 5px !important; color: #2C4F42 !important; -webkit-text-fill-color: #2C4F42 !important; font-size: 12.3px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-ag-card-text, .dlhdx-ag-standard-text { color: #618679 !important; -webkit-text-fill-color: #618679 !important; font-size: 10.6px !important; line-height: 1.62 !important; } /* ARTICLE STRUCTURE */ .dlhdx-ag-structure-card { display: grid !important; grid-template-columns: 38px minmax(0,1fr) !important; align-items: start !important; width: 100% !important; gap: 13px !important; margin: 0 0 9px !important; padding: 17px 18px !important; border: 1px solid #E4E9E7 !important; border-radius: 12px !important; background: #ffffff !important; } .dlhdx-ag-structure-no { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; border-radius: 9px !important; background: #F2F6F5 !important; color: #3E8168 !important; -webkit-text-fill-color: #3E8168 !important; font-size: 9.5px !important; font-weight: 750 !important; line-height: 1 !important; } .dlhdx-ag-structure-content { min-width: 0 !important; } .dlhdx-ag-structure-title { margin: 0 0 4px !important; color: #2C4F42 !important; -webkit-text-fill-color: #2C4F42 !important; font-size: 12.8px !important; font-weight: 700 !important; line-height: 1.42 !important; } .dlhdx-ag-structure-text { color: #618679 !important; -webkit-text-fill-color: #618679 !important; font-size: 10.5px !important; line-height: 1.62 !important; } .dlhdx-ag-methods-card { border-color: #CDE0D9 !important; background: #FAFCFB !important; } .dlhdx-ag-methods-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 7px !important; margin: 13px 0 0 !important; } .dlhdx-ag-method { display: flex !important; align-items: center !important; min-height: 39px !important; padding: 9px 11px !important; border: 1px solid #DBE6E2 !important; border-radius: 8px !important; background: #ffffff !important; color: #49655B !important; -webkit-text-fill-color: #49655B !important; font-size: 10px !important; font-weight: 600 !important; line-height: 1.45 !important; } /* PRESENTATION */ .dlhdx-ag-three-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 11px !important; } .dlhdx-ag-standard-card { min-width: 0 !important; padding: 18px 16px !important; border: 1px solid #E4E9E7 !important; border-radius: 12px !important; background: #ffffff !important; } .dlhdx-ag-standard-code { width: 36px !important; height: 36px !important; margin-bottom: 12px !important; } /* DECLARATIONS */ .dlhdx-ag-two-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } .dlhdx-ag-declaration { display: flex !important; align-items: center !important; min-height: 43px !important; padding: 10px 13px !important; border: 1px solid #E4E9E7 !important; border-radius: 9px !important; background: #ffffff !important; color: #375B4E !important; -webkit-text-fill-color: #375B4E !important; font-size: 10.3px !important; font-weight: 600 !important; line-height: 1.45 !important; } .dlhdx-ag-ai-box { margin: 14px 0 0 !important; padding: 13px 15px !important; border-left: 3px solid #529079 !important; border-radius: 0 9px 9px 0 !important; background: #F7FAF9 !important; } .dlhdx-ag-ai-title { margin: 0 0 4px !important; color: #375C4F !important; -webkit-text-fill-color: #375C4F !important; font-size: 10.5px !important; font-weight: 700 !important; } .dlhdx-ag-ai-text { color: #5A7C70 !important; -webkit-text-fill-color: #5A7C70 !important; font-size: 10.5px !important; line-height: 1.6 !important; } /* CHECK PANEL */ .dlhdx-ag-check-panel { position: relative !important; overflow: hidden !important; width: 100% !important; margin: 44px 0 0 !important; padding: 30px !important; border-radius: 16px !important; background: linear-gradient(135deg, #224C3D, #326451 60%, #45836D) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } .dlhdx-ag-check-kicker { margin: 0 0 5px !important; color: #D4E8E1 !important; -webkit-text-fill-color: #D4E8E1 !important; font-size: 9px !important; font-weight: 750 !important; letter-spacing: 1.2px !important; text-transform: uppercase !important; } .dlhdx-ag-check-title { margin: 0 0 6px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 20px !important; font-weight: 740 !important; line-height: 1.4 !important; } .dlhdx-ag-check-intro { max-width: 820px !important; margin: 0 0 18px !important; color: #EDF3F1 !important; -webkit-text-fill-color: #EDF3F1 !important; font-size: 10.8px !important; line-height: 1.62 !important; } .dlhdx-ag-check-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 7px !important; } .dlhdx-ag-check-row { display: grid !important; grid-template-columns: 22px minmax(0,1fr) !important; align-items: start !important; gap: 8px !important; padding: 9px 10px !important; border: 1px solid rgba(255,255,255,.12) !important; border-radius: 8px !important; background: rgba(255,255,255,.055) !important; color: #F3F7F5 !important; -webkit-text-fill-color: #F3F7F5 !important; font-size: 10px !important; line-height: 1.48 !important; } .dlhdx-ag-check-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 20px !important; height: 20px !important; border-radius: 50% !important; background: rgba(255,255,255,.13) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 10px !important; font-weight: 700 !important; } .dlhdx-ag-submit-area { display: flex !important; align-items: center !important; gap: 14px !important; margin: 18px 0 0 !important; } a.dlhdx-ag-submit-button, a.dlhdx-ag-submit-button:link, a.dlhdx-ag-submit-button:visited { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 42px !important; padding: 10px 15px !important; border: 1px solid #ffffff !important; border-radius: 9px !important; background: #ffffff !important; color: #245140 !important; -webkit-text-fill-color: #245140 !important; font-size: 10.8px !important; font-weight: 700 !important; text-decoration: none !important; } .dlhdx-ag-submit-note { max-width: 650px !important; color: #E5EDEA !important; -webkit-text-fill-color: #E5EDEA !important; font-size: 9.5px !important; line-height: 1.5 !important; } /* THEME PROTECTION */ html body .dlhdx-ag-intro-title, html body .dlhdx-ag-block-title, html body .dlhdx-ag-structure-title, html body .dlhdx-ag-card-title, html body .dlhdx-ag-standard-title, html body .dlhdx-ag-template-title { color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; } html body .dlhdx-ag-check-title { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* RESPONSIVE */ @media screen and (max-width: 980px) { .dlhdx-ag-facts, .dlhdx-ag-four-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .dlhdx-ag-template-top { grid-template-columns: 56px minmax(0,1fr) !important; } .dlhdx-ag-template-buttons { grid-column: 2 !important; } } @media screen and (max-width: 760px) { .dlhdx-ag-template-top, .dlhdx-ag-three-grid, .dlhdx-ag-two-grid, .dlhdx-ag-check-grid { grid-template-columns: 1fr !important; } .dlhdx-ag-template-buttons { grid-column: 1 !important; } .dlhdx-ag-methods-grid { grid-template-columns: 1fr !important; } .dlhdx-ag-submit-area { align-items: flex-start !important; flex-direction: column !important; } } @media screen and (max-width: 560px) { .dlhdx-ag-facts, .dlhdx-ag-four-grid { grid-template-columns: 1fr !important; } .dlhdx-ag-intro { padding: 20px 18px 20px 21px !important; } .dlhdx-ag-intro-title { font-size: 18px !important; } .dlhdx-ag-template { padding: 18px !important; } .dlhdx-ag-structure-card { grid-template-columns: 34px minmax(0,1fr) !important; gap: 10px !important; padding: 15px !important; } .dlhdx-ag-check-panel { padding: 24px 18px !important; border-radius: 13px !important; } .dlhdx-ag-check-title { font-size: 18px !important; } } /* ========================================================== MODULE 05 — PUBLICATION ETHICS COMPACT UMBRELLA POLICY Prefix: dlhdx-pe2- ========================================================== */ .dlhdx-pe2-root, .dlhdx-pe2-root *, .dlhdx-pe2-root *::before, .dlhdx-pe2-root *::after { box-sizing: border-box !important; } .dlhdx-pe2-root { width: 100% !important; margin: 0 !important; padding: 0 0 30px !important; font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; color: #304F44 !important; } /* ---------------------------------------------------------- INTRO ---------------------------------------------------------- */ .dlhdx-pe2-intro { display: grid !important; grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr) !important; gap: 18px !important; width: 100% !important; margin: 0 0 16px !important; } .dlhdx-pe2-intro-copy { position: relative !important; overflow: hidden !important; padding: 29px 31px 29px 34px !important; border: 1px solid #E2E9E6 !important; border-radius: 15px !important; background: linear-gradient( 135deg, #FAFCFB 0%, #F6F8F7 100% ) !important; } .dlhdx-pe2-intro-copy::before { content: "" !important; position: absolute !important; top: 0 !important; bottom: 0 !important; left: 0 !important; width: 4px !important; background: linear-gradient( 180deg, #234D3E, #489277 ) !important; } .dlhdx-pe2-kicker, .dlhdx-pe2-section-kicker, .dlhdx-pe2-related-kicker { display: block !important; margin: 0 0 5px !important; color: #41886E !important; -webkit-text-fill-color: #41886E !important; font-size: 9.3px !important; font-weight: 750 !important; letter-spacing: 1.2px !important; line-height: 1.35 !important; text-transform: uppercase !important; } .dlhdx-pe2-title { max-width: 800px !important; margin: 0 0 9px !important; color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; font-size: 26px !important; font-weight: 750 !important; letter-spacing: -.55px !important; line-height: 1.28 !important; } .dlhdx-pe2-lead { max-width: 900px !important; color: #547468 !important; -webkit-text-fill-color: #547468 !important; font-size: 12.3px !important; line-height: 1.74 !important; } .dlhdx-pe2-lead strong { color: #325447 !important; -webkit-text-fill-color: #325447 !important; } /* ---------------------------------------------------------- FRAMEWORK ---------------------------------------------------------- */ .dlhdx-pe2-framework { display: flex !important; flex-direction: column !important; justify-content: center !important; min-width: 0 !important; padding: 25px !important; border-radius: 15px !important; background: linear-gradient( 145deg, #224D3D, #3E7F67 ) !important; box-shadow: 0 12px 30px rgba(33, 74, 59, .09) !important; } .dlhdx-pe2-framework-label { margin: 0 0 8px !important; color: #D4E8E1 !important; -webkit-text-fill-color: #D4E8E1 !important; font-size: 9px !important; font-weight: 750 !important; letter-spacing: 1.15px !important; line-height: 1.35 !important; text-transform: uppercase !important; } .dlhdx-pe2-framework-title { margin: 0 0 7px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 15.5px !important; font-weight: 730 !important; line-height: 1.4 !important; } .dlhdx-pe2-framework-text { color: #EEF4F2 !important; -webkit-text-fill-color: #EEF4F2 !important; font-size: 10.6px !important; line-height: 1.64 !important; } .dlhdx-pe2-framework-links { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; margin: 15px 0 0 !important; } .dlhdx-pe2-framework-links a, .dlhdx-pe2-framework-links a:link, .dlhdx-pe2-framework-links a:visited { display: inline-flex !important; padding: 7px 9px !important; border: 1px solid rgba(255,255,255,.20) !important; border-radius: 7px !important; background: rgba(255,255,255,.07) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 9.2px !important; font-weight: 650 !important; line-height: 1.3 !important; text-decoration: none !important; } /* ---------------------------------------------------------- PRINCIPLES ---------------------------------------------------------- */ .dlhdx-pe2-principles { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 10px !important; margin: 0 0 40px !important; } .dlhdx-pe2-principle { min-width: 0 !important; padding: 15px !important; border: 1px solid #E4E9E7 !important; border-radius: 11px !important; background: #ffffff !important; } .dlhdx-pe2-principle-no { display: flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; margin: 0 0 9px !important; border-radius: 7px !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 8.5px !important; font-weight: 750 !important; line-height: 1 !important; } .dlhdx-pe2-principle-title { margin: 0 0 4px !important; color: #305145 !important; -webkit-text-fill-color: #305145 !important; font-size: 11.5px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-pe2-principle-text { color: #648A7C !important; -webkit-text-fill-color: #648A7C !important; font-size: 9.7px !important; line-height: 1.53 !important; } /* ---------------------------------------------------------- GENERAL SECTION ---------------------------------------------------------- */ .dlhdx-pe2-section { width: 100% !important; margin: 0 0 41px !important; padding: 0 !important; } .dlhdx-pe2-section-title { max-width: 900px !important; margin: 0 0 17px !important; color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; font-size: 20.5px !important; font-weight: 740 !important; letter-spacing: -.28px !important; line-height: 1.38 !important; } /* ---------------------------------------------------------- ROLES ---------------------------------------------------------- */ .dlhdx-pe2-role-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 10px !important; } .dlhdx-pe2-role { min-width: 0 !important; padding: 17px 15px !important; border: 1px solid #E4E9E7 !important; border-radius: 11px !important; background: #ffffff !important; } .dlhdx-pe2-role-head { display: flex !important; align-items: center !important; gap: 9px !important; margin: 0 0 9px !important; } .dlhdx-pe2-role-code { display: flex !important; align-items: center !important; justify-content: center !important; width: 33px !important; height: 33px !important; border-radius: 9px !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 9.3px !important; font-weight: 800 !important; line-height: 1 !important; } .dlhdx-pe2-role-title { color: #2C4F42 !important; -webkit-text-fill-color: #2C4F42 !important; font-size: 12.2px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-pe2-role-text { color: #618679 !important; -webkit-text-fill-color: #618679 !important; font-size: 10.2px !important; line-height: 1.62 !important; } /* ---------------------------------------------------------- MISCONDUCT ---------------------------------------------------------- */ .dlhdx-pe2-misconduct-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 10px !important; } .dlhdx-pe2-misconduct { min-width: 0 !important; padding: 16px 15px !important; border: 1px solid #E4E9E7 !important; border-radius: 11px !important; background: #ffffff !important; } .dlhdx-pe2-misconduct-no { display: flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; margin: 0 0 9px !important; border-radius: 7px !important; background: #F4F6F5 !important; color: #597B6F !important; -webkit-text-fill-color: #597B6F !important; font-size: 8.5px !important; font-weight: 750 !important; } .dlhdx-pe2-misconduct-title { margin: 0 0 5px !important; color: #325246 !important; -webkit-text-fill-color: #325246 !important; font-size: 11.6px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-pe2-misconduct-text { color: #63887A !important; -webkit-text-fill-color: #63887A !important; font-size: 9.9px !important; line-height: 1.58 !important; } .dlhdx-pe2-policy-note, .dlhdx-pe2-response-note { margin: 11px 0 0 !important; padding: 11px 14px !important; border-left: 3px solid #5A947E !important; background: #F7FAF9 !important; color: #597B6E !important; -webkit-text-fill-color: #597B6E !important; font-size: 10.3px !important; line-height: 1.62 !important; } .dlhdx-pe2-policy-note a, .dlhdx-pe2-response-note a { color: #387C63 !important; -webkit-text-fill-color: #387C63 !important; font-weight: 700 !important; text-decoration: none !important; } /* ---------------------------------------------------------- ETHICAL OVERSIGHT ---------------------------------------------------------- */ .dlhdx-pe2-oversight { display: grid !important; grid-template-columns: minmax(0,1.4fr) minmax(260px,.6fr) !important; gap: 12px !important; padding: 19px !important; border: 1px solid #E4E9E7 !important; border-radius: 12px !important; background: #ffffff !important; } .dlhdx-pe2-oversight-main { color: #5A7C6F !important; -webkit-text-fill-color: #5A7C6F !important; font-size: 10.8px !important; line-height: 1.68 !important; } .dlhdx-pe2-oversight-side { padding: 14px !important; border-radius: 9px !important; background: #F3F6F5 !important; } .dlhdx-pe2-oversight-side strong { display: block !important; margin: 0 0 4px !important; color: #325A4B !important; -webkit-text-fill-color: #325A4B !important; font-size: 10.3px !important; font-weight: 700 !important; } .dlhdx-pe2-oversight-side span { display: block !important; color: #5A7D70 !important; -webkit-text-fill-color: #5A7D70 !important; font-size: 9.6px !important; line-height: 1.55 !important; } /* ---------------------------------------------------------- PROCESS ---------------------------------------------------------- */ .dlhdx-pe2-process { display: grid !important; grid-template-columns: minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr) !important; align-items: stretch !important; gap: 4px !important; } .dlhdx-pe2-process-step { min-width: 0 !important; padding: 14px !important; border: 1px solid #E4E9E7 !important; border-radius: 10px !important; background: #ffffff !important; } .dlhdx-pe2-process-no { display: flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; margin: 0 0 8px !important; border-radius: 7px !important; background: #234D3E !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 8.5px !important; font-weight: 750 !important; line-height: 1 !important; } .dlhdx-pe2-process-title { margin: 0 0 4px !important; color: #305145 !important; -webkit-text-fill-color: #305145 !important; font-size: 10.7px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-pe2-process-text { color: #63897B !important; -webkit-text-fill-color: #63897B !important; font-size: 9.3px !important; line-height: 1.55 !important; } .dlhdx-pe2-process-arrow { display: flex !important; align-items: center !important; justify-content: center !important; color: #86A89B !important; -webkit-text-fill-color: #86A89B !important; font-size: 15px !important; } /* ---------------------------------------------------------- INDEPENDENCE ---------------------------------------------------------- */ .dlhdx-pe2-independence { padding: 18px 19px !important; border: 1px solid #E4E9E7 !important; border-radius: 11px !important; background: linear-gradient( 135deg, #ffffff, #FAFBFB ) !important; color: #5A7C6F !important; -webkit-text-fill-color: #5A7C6F !important; font-size: 10.8px !important; line-height: 1.68 !important; } /* ---------------------------------------------------------- RELATED POLICIES ---------------------------------------------------------- */ .dlhdx-pe2-related { margin: 0 0 42px !important; padding: 22px !important; border: 1px solid #E2E9E6 !important; border-radius: 13px !important; background: #FAFBFB !important; } .dlhdx-pe2-related-head { display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 18px !important; margin: 0 0 14px !important; } .dlhdx-pe2-related-title { color: #2C4F42 !important; -webkit-text-fill-color: #2C4F42 !important; font-size: 15px !important; font-weight: 720 !important; line-height: 1.4 !important; } .dlhdx-pe2-view-all, .dlhdx-pe2-view-all:link, .dlhdx-pe2-view-all:visited { display: inline-flex !important; flex: 0 0 auto !important; color: #3B7C64 !important; -webkit-text-fill-color: #3B7C64 !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1.4 !important; text-decoration: none !important; } .dlhdx-pe2-related-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } .dlhdx-pe2-related-card, .dlhdx-pe2-related-card:link, .dlhdx-pe2-related-card:visited { display: grid !important; grid-template-columns: 29px minmax(0,1fr) 18px !important; align-items: center !important; gap: 9px !important; min-width: 0 !important; padding: 11px 12px !important; border: 1px solid #E4E9E7 !important; border-radius: 9px !important; background: #ffffff !important; text-decoration: none !important; } .dlhdx-pe2-related-no { display: flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; border-radius: 7px !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 8.3px !important; font-weight: 750 !important; } .dlhdx-pe2-related-copy { display: block !important; min-width: 0 !important; } .dlhdx-pe2-related-copy strong { display: block !important; margin: 0 0 2px !important; color: #335649 !important; -webkit-text-fill-color: #335649 !important; font-size: 10.3px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-pe2-related-copy small { display: block !important; color: #678E80 !important; -webkit-text-fill-color: #678E80 !important; font-size: 9.1px !important; line-height: 1.45 !important; } .dlhdx-pe2-related-arrow { color: #79A393 !important; -webkit-text-fill-color: #79A393 !important; font-size: 14px !important; line-height: 1 !important; } /* ---------------------------------------------------------- CTA ---------------------------------------------------------- */ .dlhdx-pe2-cta { position: relative !important; overflow: hidden !important; display: grid !important; grid-template-columns: minmax(0,1.35fr) minmax(240px,.65fr) !important; align-items: center !important; gap: 20px !important; padding: 29px !important; border-radius: 15px !important; background: linear-gradient( 135deg, #224C3D, #326451 60%, #45836D ) !important; } .dlhdx-pe2-cta::before { content: "" !important; position: absolute !important; top: -105px !important; right: -70px !important; width: 210px !important; height: 210px !important; border: 32px solid rgba(255,255,255,.05) !important; border-radius: 50% !important; pointer-events: none !important; } .dlhdx-pe2-cta-copy, .dlhdx-pe2-cta-actions { position: relative !important; z-index: 2 !important; } .dlhdx-pe2-cta-label { margin: 0 0 5px !important; color: #D4E8E1 !important; -webkit-text-fill-color: #D4E8E1 !important; font-size: 9px !important; font-weight: 750 !important; letter-spacing: 1.2px !important; text-transform: uppercase !important; } .dlhdx-pe2-cta-title { max-width: 720px !important; margin: 0 0 7px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 18.5px !important; font-weight: 740 !important; line-height: 1.4 !important; } .dlhdx-pe2-cta-text { max-width: 770px !important; color: #ECF2F0 !important; -webkit-text-fill-color: #ECF2F0 !important; font-size: 10.4px !important; line-height: 1.62 !important; } .dlhdx-pe2-cta-actions { display: flex !important; flex-direction: column !important; gap: 8px !important; } .dlhdx-pe2-cta-primary, .dlhdx-pe2-cta-primary:link, .dlhdx-pe2-cta-primary:visited, .dlhdx-pe2-cta-secondary, .dlhdx-pe2-cta-secondary:link, .dlhdx-pe2-cta-secondary:visited { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 42px !important; padding: 9px 13px !important; border-radius: 9px !important; font-size: 10.4px !important; font-weight: 700 !important; line-height: 1.35 !important; text-align: center !important; text-decoration: none !important; } .dlhdx-pe2-cta-primary, .dlhdx-pe2-cta-primary:link, .dlhdx-pe2-cta-primary:visited { border: 1px solid #ffffff !important; background: #ffffff !important; color: #245140 !important; -webkit-text-fill-color: #245140 !important; } .dlhdx-pe2-cta-secondary, .dlhdx-pe2-cta-secondary:link, .dlhdx-pe2-cta-secondary:visited { border: 1px solid rgba(255,255,255,.2) !important; background: rgba(255,255,255,.07) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ---------------------------------------------------------- THEME PROTECTION ---------------------------------------------------------- */ html body .dlhdx-pe2-title, html body .dlhdx-pe2-section-title, html body .dlhdx-pe2-role-title, html body .dlhdx-pe2-misconduct-title, html body .dlhdx-pe2-process-title, html body .dlhdx-pe2-related-title { color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; } html body .dlhdx-pe2-framework-title, html body .dlhdx-pe2-cta-title { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ---------------------------------------------------------- TABLET ---------------------------------------------------------- */ @media screen and (max-width: 980px) { .dlhdx-pe2-principles, .dlhdx-pe2-role-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .dlhdx-pe2-misconduct-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .dlhdx-pe2-process { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } .dlhdx-pe2-process-arrow { display: none !important; } } /* ---------------------------------------------------------- SMALL TABLET ---------------------------------------------------------- */ @media screen and (max-width: 760px) { .dlhdx-pe2-intro, .dlhdx-pe2-oversight, .dlhdx-pe2-cta { grid-template-columns: 1fr !important; } .dlhdx-pe2-related-head { align-items: flex-start !important; flex-direction: column !important; } } /* ---------------------------------------------------------- MOBILE ---------------------------------------------------------- */ @media screen and (max-width: 560px) { .dlhdx-pe2-title { font-size: 21px !important; } .dlhdx-pe2-principles, .dlhdx-pe2-role-grid, .dlhdx-pe2-misconduct-grid, .dlhdx-pe2-process, .dlhdx-pe2-related-grid { grid-template-columns: 1fr !important; } .dlhdx-pe2-intro-copy, .dlhdx-pe2-framework { padding: 21px 18px !important; } .dlhdx-pe2-related { padding: 18px !important; } .dlhdx-pe2-cta { padding: 23px 18px !important; border-radius: 13px !important; } .dlhdx-pe2-cta-title { font-size: 17px !important; } } /* ========================================================== MODULE 06 — CORRECTIONS & RETRACTIONS POLICY Prefix: dlhdx-cr- ========================================================== */ .dlhdx-cr-root, .dlhdx-cr-root *, .dlhdx-cr-root *::before, .dlhdx-cr-root *::after { box-sizing: border-box !important; } .dlhdx-cr-root { width: 100% !important; margin: 0 !important; padding: 0 0 30px !important; font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; color: #304F44 !important; } /* ---------------------------------------------------------- INTRO ---------------------------------------------------------- */ .dlhdx-cr-intro { display: grid !important; grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr) !important; gap: 18px !important; width: 100% !important; margin: 0 0 16px !important; } .dlhdx-cr-intro-copy { position: relative !important; overflow: hidden !important; padding: 29px 31px 29px 34px !important; border: 1px solid #E2E9E6 !important; border-radius: 15px !important; background: linear-gradient( 135deg, #FAFCFB 0%, #F6F8F7 100% ) !important; } .dlhdx-cr-intro-copy::before { content: "" !important; position: absolute !important; top: 0 !important; bottom: 0 !important; left: 0 !important; width: 4px !important; background: linear-gradient( 180deg, #234D3E, #489277 ) !important; } .dlhdx-cr-kicker, .dlhdx-cr-section-kicker, .dlhdx-cr-related-kicker { display: block !important; margin: 0 0 5px !important; color: #41886E !important; -webkit-text-fill-color: #41886E !important; font-size: 9.3px !important; font-weight: 750 !important; letter-spacing: 1.2px !important; line-height: 1.35 !important; text-transform: uppercase !important; } .dlhdx-cr-title { max-width: 800px !important; margin: 0 0 9px !important; color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; font-size: 26px !important; font-weight: 750 !important; letter-spacing: -.55px !important; line-height: 1.28 !important; } .dlhdx-cr-lead { max-width: 900px !important; color: #547468 !important; -webkit-text-fill-color: #547468 !important; font-size: 12.3px !important; line-height: 1.74 !important; } .dlhdx-cr-lead strong { color: #325447 !important; -webkit-text-fill-color: #325447 !important; } /* ---------------------------------------------------------- FRAMEWORK CARD ---------------------------------------------------------- */ .dlhdx-cr-framework { display: flex !important; flex-direction: column !important; justify-content: center !important; min-width: 0 !important; padding: 25px !important; border-radius: 15px !important; background: linear-gradient( 145deg, #224D3D, #3E7F67 ) !important; box-shadow: 0 12px 30px rgba(33, 74, 59, .09) !important; } .dlhdx-cr-framework-label { margin: 0 0 8px !important; color: #D4E8E1 !important; -webkit-text-fill-color: #D4E8E1 !important; font-size: 9px !important; font-weight: 750 !important; letter-spacing: 1.15px !important; line-height: 1.35 !important; text-transform: uppercase !important; } .dlhdx-cr-framework-title { margin: 0 0 7px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 15.5px !important; font-weight: 730 !important; line-height: 1.4 !important; } .dlhdx-cr-framework-text { color: #EEF4F2 !important; -webkit-text-fill-color: #EEF4F2 !important; font-size: 10.6px !important; line-height: 1.64 !important; } .dlhdx-cr-framework-link, .dlhdx-cr-framework-link:link, .dlhdx-cr-framework-link:visited { display: inline-flex !important; align-self: flex-start !important; margin: 15px 0 0 !important; padding: 7px 9px !important; border: 1px solid rgba(255,255,255,.20) !important; border-radius: 7px !important; background: rgba(255,255,255,.07) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 9.2px !important; font-weight: 650 !important; line-height: 1.3 !important; text-decoration: none !important; } /* ---------------------------------------------------------- STATUS CARDS ---------------------------------------------------------- */ .dlhdx-cr-status-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 10px !important; margin: 0 0 40px !important; } .dlhdx-cr-status-card { min-width: 0 !important; padding: 15px !important; border: 1px solid #E4E9E7 !important; border-radius: 11px !important; background: #ffffff !important; } .dlhdx-cr-status-code { display: flex !important; align-items: center !important; justify-content: center !important; width: 31px !important; height: 31px !important; margin: 0 0 9px !important; border-radius: 8px !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 8.7px !important; font-weight: 800 !important; line-height: 1 !important; } .dlhdx-cr-status-title { margin: 0 0 4px !important; color: #305145 !important; -webkit-text-fill-color: #305145 !important; font-size: 11.5px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-cr-status-text { color: #648A7C !important; -webkit-text-fill-color: #648A7C !important; font-size: 9.7px !important; line-height: 1.53 !important; } /* ---------------------------------------------------------- GENERAL SECTION ---------------------------------------------------------- */ .dlhdx-cr-section { width: 100% !important; margin: 0 0 41px !important; padding: 0 !important; } .dlhdx-cr-section-title { max-width: 930px !important; margin: 0 0 17px !important; color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; font-size: 20.5px !important; font-weight: 740 !important; letter-spacing: -.28px !important; line-height: 1.38 !important; } /* ---------------------------------------------------------- TWO PANELS ---------------------------------------------------------- */ .dlhdx-cr-two-panel { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; } .dlhdx-cr-panel { min-width: 0 !important; padding: 18px !important; border: 1px solid #E4E9E7 !important; border-radius: 11px !important; background: #ffffff !important; } .dlhdx-cr-panel-soft { background: linear-gradient( 135deg, #ffffff, #FAFBFB ) !important; } .dlhdx-cr-panel-title { margin: 0 0 9px !important; color: #2C4F42 !important; -webkit-text-fill-color: #2C4F42 !important; font-size: 12.5px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-cr-panel-text { color: #608477 !important; -webkit-text-fill-color: #608477 !important; font-size: 10.5px !important; line-height: 1.65 !important; } .dlhdx-cr-panel-text + .dlhdx-cr-panel-text { margin-top: 10px !important; } /* ---------------------------------------------------------- LIST ---------------------------------------------------------- */ .dlhdx-cr-list { display: grid !important; gap: 7px !important; } .dlhdx-cr-list-item { display: grid !important; grid-template-columns: 28px minmax(0,1fr) !important; align-items: start !important; gap: 9px !important; padding: 9px 10px !important; border: 1px solid #E7ECEA !important; border-radius: 8px !important; background: #FBFCFB !important; color: #5C7E72 !important; -webkit-text-fill-color: #5C7E72 !important; font-size: 10px !important; line-height: 1.55 !important; } .dlhdx-cr-list-item span { display: flex !important; align-items: center !important; justify-content: center !important; width: 26px !important; height: 26px !important; border-radius: 7px !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 8px !important; font-weight: 750 !important; } /* ---------------------------------------------------------- EXPRESSION OF CONCERN ---------------------------------------------------------- */ .dlhdx-cr-eoc { display: grid !important; grid-template-columns: minmax(0,1.4fr) minmax(260px,.6fr) !important; gap: 12px !important; padding: 19px !important; border: 1px solid #E4E9E7 !important; border-radius: 12px !important; background: #ffffff !important; } .dlhdx-cr-eoc-main { color: #5A7C6F !important; -webkit-text-fill-color: #5A7C6F !important; font-size: 10.8px !important; line-height: 1.68 !important; } .dlhdx-cr-eoc-main strong { color: #335649 !important; -webkit-text-fill-color: #335649 !important; } .dlhdx-cr-eoc-side { padding: 14px !important; border-radius: 9px !important; background: #F3F6F5 !important; } .dlhdx-cr-eoc-side strong { display: block !important; margin: 0 0 4px !important; color: #325A4B !important; -webkit-text-fill-color: #325A4B !important; font-size: 10.3px !important; font-weight: 700 !important; } .dlhdx-cr-eoc-side span { display: block !important; color: #5A7D70 !important; -webkit-text-fill-color: #5A7D70 !important; font-size: 9.6px !important; line-height: 1.55 !important; } /* ---------------------------------------------------------- RETRACTION GRID ---------------------------------------------------------- */ .dlhdx-cr-retraction-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 10px !important; } .dlhdx-cr-retraction-card { min-width: 0 !important; padding: 16px 15px !important; border: 1px solid #E4E9E7 !important; border-radius: 11px !important; background: #ffffff !important; } .dlhdx-cr-retraction-no { display: flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; margin: 0 0 9px !important; border-radius: 7px !important; background: #F4F6F5 !important; color: #597B6F !important; -webkit-text-fill-color: #597B6F !important; font-size: 8.5px !important; font-weight: 750 !important; } .dlhdx-cr-retraction-title { margin: 0 0 5px !important; color: #325246 !important; -webkit-text-fill-color: #325246 !important; font-size: 11.6px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-cr-retraction-text { color: #63887A !important; -webkit-text-fill-color: #63887A !important; font-size: 9.9px !important; line-height: 1.58 !important; } /* ---------------------------------------------------------- RETRACTION RECORD ---------------------------------------------------------- */ .dlhdx-cr-record { display: grid !important; grid-template-columns: minmax(0,1.1fr) minmax(330px,.9fr) !important; gap: 12px !important; padding: 19px !important; border: 1px solid #E4E9E7 !important; border-radius: 12px !important; background: linear-gradient( 135deg, #ffffff, #FAFBFB ) !important; } .dlhdx-cr-record-main { color: #5A7C6F !important; -webkit-text-fill-color: #5A7C6F !important; font-size: 10.7px !important; line-height: 1.67 !important; } .dlhdx-cr-record-points { display: grid !important; gap: 6px !important; } .dlhdx-cr-record-point { display: grid !important; grid-template-columns: 21px minmax(0,1fr) !important; gap: 8px !important; align-items: start !important; padding: 8px 9px !important; border: 1px solid #E5EAE8 !important; border-radius: 8px !important; background: #ffffff !important; color: #5A7C70 !important; -webkit-text-fill-color: #5A7C70 !important; font-size: 9.7px !important; line-height: 1.5 !important; } .dlhdx-cr-record-point span { display: flex !important; align-items: center !important; justify-content: center !important; width: 20px !important; height: 20px !important; border-radius: 50% !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 9px !important; font-weight: 700 !important; } .dlhdx-cr-record-note { margin: 10px 0 0 !important; padding: 11px 14px !important; border-left: 3px solid #5A947E !important; background: #F7FAF9 !important; color: #597B6E !important; -webkit-text-fill-color: #597B6E !important; font-size: 10.2px !important; line-height: 1.62 !important; } /* ---------------------------------------------------------- REMOVAL ---------------------------------------------------------- */ .dlhdx-cr-removal { display: grid !important; grid-template-columns: minmax(0,1.4fr) minmax(260px,.6fr) !important; gap: 12px !important; padding: 19px !important; border: 1px solid #E4E9E7 !important; border-radius: 12px !important; background: #ffffff !important; } .dlhdx-cr-removal-text { color: #5A7C6F !important; -webkit-text-fill-color: #5A7C6F !important; font-size: 10.8px !important; line-height: 1.68 !important; } .dlhdx-cr-removal-badge { padding: 14px !important; border-radius: 9px !important; background: #f8f5ee !important; } .dlhdx-cr-removal-badge strong { display: block !important; margin: 0 0 4px !important; color: #6c5a38 !important; -webkit-text-fill-color: #6c5a38 !important; font-size: 10.3px !important; font-weight: 700 !important; } .dlhdx-cr-removal-badge span { display: block !important; color: #766b56 !important; -webkit-text-fill-color: #766b56 !important; font-size: 9.6px !important; line-height: 1.55 !important; } /* ---------------------------------------------------------- PROCESS ---------------------------------------------------------- */ .dlhdx-cr-process { display: grid !important; grid-template-columns: minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr) !important; align-items: stretch !important; gap: 4px !important; } .dlhdx-cr-process-step { min-width: 0 !important; padding: 14px !important; border: 1px solid #E4E9E7 !important; border-radius: 10px !important; background: #ffffff !important; } .dlhdx-cr-process-no { display: flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; margin: 0 0 8px !important; border-radius: 7px !important; background: #234D3E !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 8.5px !important; font-weight: 750 !important; line-height: 1 !important; } .dlhdx-cr-process-title { margin: 0 0 4px !important; color: #305145 !important; -webkit-text-fill-color: #305145 !important; font-size: 10.7px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-cr-process-text { color: #63897B !important; -webkit-text-fill-color: #63897B !important; font-size: 9.3px !important; line-height: 1.55 !important; } .dlhdx-cr-process-arrow { display: flex !important; align-items: center !important; justify-content: center !important; color: #86A89B !important; -webkit-text-fill-color: #86A89B !important; font-size: 15px !important; } .dlhdx-cr-process-note { margin: 11px 0 0 !important; padding: 11px 14px !important; border-left: 3px solid #5A947E !important; background: #F7FAF9 !important; color: #597B6E !important; -webkit-text-fill-color: #597B6E !important; font-size: 10.2px !important; line-height: 1.62 !important; } /* ---------------------------------------------------------- AUTHOR REQUEST ---------------------------------------------------------- */ .dlhdx-cr-author-request { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; } .dlhdx-cr-author-request > div { padding: 17px !important; border: 1px solid #E4E9E7 !important; border-radius: 10px !important; background: #ffffff !important; color: #5C7E72 !important; -webkit-text-fill-color: #5C7E72 !important; font-size: 10.4px !important; line-height: 1.64 !important; } /* ---------------------------------------------------------- RELATED POLICIES ---------------------------------------------------------- */ .dlhdx-cr-related { margin: 0 0 42px !important; padding: 22px !important; border: 1px solid #E2E9E6 !important; border-radius: 13px !important; background: #FAFBFB !important; } .dlhdx-cr-related-head { display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 18px !important; margin: 0 0 14px !important; } .dlhdx-cr-related-title { color: #2C4F42 !important; -webkit-text-fill-color: #2C4F42 !important; font-size: 15px !important; font-weight: 720 !important; line-height: 1.4 !important; } .dlhdx-cr-view-all, .dlhdx-cr-view-all:link, .dlhdx-cr-view-all:visited { display: inline-flex !important; flex: 0 0 auto !important; color: #3B7C64 !important; -webkit-text-fill-color: #3B7C64 !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1.4 !important; text-decoration: none !important; } .dlhdx-cr-related-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } .dlhdx-cr-related-card, .dlhdx-cr-related-card:link, .dlhdx-cr-related-card:visited { display: grid !important; grid-template-columns: 29px minmax(0,1fr) 18px !important; align-items: center !important; gap: 9px !important; min-width: 0 !important; padding: 11px 12px !important; border: 1px solid #E4E9E7 !important; border-radius: 9px !important; background: #ffffff !important; text-decoration: none !important; } .dlhdx-cr-related-no { display: flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; border-radius: 7px !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 8.3px !important; font-weight: 750 !important; } .dlhdx-cr-related-copy { display: block !important; min-width: 0 !important; } .dlhdx-cr-related-copy strong { display: block !important; margin: 0 0 2px !important; color: #335649 !important; -webkit-text-fill-color: #335649 !important; font-size: 10.3px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-cr-related-copy small { display: block !important; color: #678E80 !important; -webkit-text-fill-color: #678E80 !important; font-size: 9.1px !important; line-height: 1.45 !important; } .dlhdx-cr-related-arrow { color: #79A393 !important; -webkit-text-fill-color: #79A393 !important; font-size: 14px !important; line-height: 1 !important; } /* ---------------------------------------------------------- CTA ---------------------------------------------------------- */ .dlhdx-cr-cta { position: relative !important; overflow: hidden !important; display: grid !important; grid-template-columns: minmax(0,1.35fr) minmax(240px,.65fr) !important; align-items: center !important; gap: 20px !important; padding: 29px !important; border-radius: 15px !important; background: linear-gradient( 135deg, #224C3D, #326451 60%, #45836D ) !important; } .dlhdx-cr-cta::before { content: "" !important; position: absolute !important; top: -105px !important; right: -70px !important; width: 210px !important; height: 210px !important; border: 32px solid rgba(255,255,255,.05) !important; border-radius: 50% !important; pointer-events: none !important; } .dlhdx-cr-cta-copy, .dlhdx-cr-cta-actions { position: relative !important; z-index: 2 !important; } .dlhdx-cr-cta-label { margin: 0 0 5px !important; color: #D4E8E1 !important; -webkit-text-fill-color: #D4E8E1 !important; font-size: 9px !important; font-weight: 750 !important; letter-spacing: 1.2px !important; text-transform: uppercase !important; } .dlhdx-cr-cta-title { max-width: 720px !important; margin: 0 0 7px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 18.5px !important; font-weight: 740 !important; line-height: 1.4 !important; } .dlhdx-cr-cta-text { max-width: 770px !important; color: #ECF2F0 !important; -webkit-text-fill-color: #ECF2F0 !important; font-size: 10.4px !important; line-height: 1.62 !important; } .dlhdx-cr-cta-actions { display: flex !important; flex-direction: column !important; gap: 8px !important; } .dlhdx-cr-cta-primary, .dlhdx-cr-cta-primary:link, .dlhdx-cr-cta-primary:visited, .dlhdx-cr-cta-secondary, .dlhdx-cr-cta-secondary:link, .dlhdx-cr-cta-secondary:visited { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 42px !important; padding: 9px 13px !important; border-radius: 9px !important; font-size: 10.4px !important; font-weight: 700 !important; line-height: 1.35 !important; text-align: center !important; text-decoration: none !important; } .dlhdx-cr-cta-primary, .dlhdx-cr-cta-primary:link, .dlhdx-cr-cta-primary:visited { border: 1px solid #ffffff !important; background: #ffffff !important; color: #245140 !important; -webkit-text-fill-color: #245140 !important; } .dlhdx-cr-cta-secondary, .dlhdx-cr-cta-secondary:link, .dlhdx-cr-cta-secondary:visited { border: 1px solid rgba(255,255,255,.2) !important; background: rgba(255,255,255,.07) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ---------------------------------------------------------- THEME PROTECTION ---------------------------------------------------------- */ html body .dlhdx-cr-title, html body .dlhdx-cr-section-title, html body .dlhdx-cr-panel-title, html body .dlhdx-cr-status-title, html body .dlhdx-cr-retraction-title, html body .dlhdx-cr-process-title, html body .dlhdx-cr-related-title { color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; } html body .dlhdx-cr-framework-title, html body .dlhdx-cr-cta-title { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ---------------------------------------------------------- TABLET ---------------------------------------------------------- */ @media screen and (max-width: 980px) { .dlhdx-cr-status-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .dlhdx-cr-retraction-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .dlhdx-cr-process { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } .dlhdx-cr-process-arrow { display: none !important; } } /* ---------------------------------------------------------- SMALL TABLET ---------------------------------------------------------- */ @media screen and (max-width: 760px) { .dlhdx-cr-intro, .dlhdx-cr-two-panel, .dlhdx-cr-eoc, .dlhdx-cr-record, .dlhdx-cr-removal, .dlhdx-cr-author-request, .dlhdx-cr-cta { grid-template-columns: 1fr !important; } .dlhdx-cr-related-head { align-items: flex-start !important; flex-direction: column !important; } } /* ---------------------------------------------------------- MOBILE ---------------------------------------------------------- */ @media screen and (max-width: 560px) { .dlhdx-cr-title { font-size: 21px !important; } .dlhdx-cr-status-grid, .dlhdx-cr-retraction-grid, .dlhdx-cr-process, .dlhdx-cr-related-grid { grid-template-columns: 1fr !important; } .dlhdx-cr-intro-copy, .dlhdx-cr-framework { padding: 21px 18px !important; } .dlhdx-cr-related { padding: 18px !important; } .dlhdx-cr-cta { padding: 23px 18px !important; border-radius: 13px !important; } .dlhdx-cr-cta-title { font-size: 17px !important; } } /* ========================================================== MODULE 07 — SIMILARITY & PLAGIARISM POLICY Prefix: dlhdx-sp- ========================================================== */ .dlhdx-sp-root, .dlhdx-sp-root *, .dlhdx-sp-root *::before, .dlhdx-sp-root *::after { box-sizing: border-box !important; } .dlhdx-sp-root { width: 100% !important; margin: 0 !important; padding: 0 0 30px !important; font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; color: #304F44 !important; } /* ---------------------------------------------------------- INTRO ---------------------------------------------------------- */ .dlhdx-sp-intro { display: grid !important; grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr) !important; gap: 18px !important; width: 100% !important; margin: 0 0 16px !important; } .dlhdx-sp-intro-copy { position: relative !important; overflow: hidden !important; padding: 29px 31px 29px 34px !important; border: 1px solid #E2E9E6 !important; border-radius: 15px !important; background: linear-gradient( 135deg, #FAFCFB 0%, #F6F8F7 100% ) !important; } .dlhdx-sp-intro-copy::before { content: "" !important; position: absolute !important; top: 0 !important; bottom: 0 !important; left: 0 !important; width: 4px !important; background: linear-gradient( 180deg, #234D3E, #489277 ) !important; } .dlhdx-sp-kicker, .dlhdx-sp-section-kicker, .dlhdx-sp-related-kicker { display: block !important; margin: 0 0 5px !important; color: #41886E !important; -webkit-text-fill-color: #41886E !important; font-size: 9.3px !important; font-weight: 750 !important; letter-spacing: 1.2px !important; line-height: 1.35 !important; text-transform: uppercase !important; } .dlhdx-sp-title { max-width: 800px !important; margin: 0 0 9px !important; color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; font-size: 26px !important; font-weight: 750 !important; letter-spacing: -.55px !important; line-height: 1.28 !important; } .dlhdx-sp-lead { max-width: 900px !important; color: #547468 !important; -webkit-text-fill-color: #547468 !important; font-size: 12.3px !important; line-height: 1.74 !important; } .dlhdx-sp-lead strong { color: #325447 !important; -webkit-text-fill-color: #325447 !important; } /* ---------------------------------------------------------- FRAMEWORK CARD ---------------------------------------------------------- */ .dlhdx-sp-framework { display: flex !important; flex-direction: column !important; justify-content: center !important; min-width: 0 !important; padding: 25px !important; border-radius: 15px !important; background: linear-gradient( 145deg, #224D3D, #3E7F67 ) !important; box-shadow: 0 12px 30px rgba(33, 74, 59, .09) !important; } .dlhdx-sp-framework-label { margin: 0 0 8px !important; color: #D4E8E1 !important; -webkit-text-fill-color: #D4E8E1 !important; font-size: 9px !important; font-weight: 750 !important; letter-spacing: 1.15px !important; line-height: 1.35 !important; text-transform: uppercase !important; } .dlhdx-sp-framework-title { margin: 0 0 7px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 15.5px !important; font-weight: 730 !important; line-height: 1.4 !important; } .dlhdx-sp-framework-text { color: #EEF4F2 !important; -webkit-text-fill-color: #EEF4F2 !important; font-size: 10.6px !important; line-height: 1.64 !important; } .dlhdx-sp-framework-links { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; margin: 15px 0 0 !important; } .dlhdx-sp-framework-links a, .dlhdx-sp-framework-links a:link, .dlhdx-sp-framework-links a:visited { display: inline-flex !important; padding: 7px 9px !important; border: 1px solid rgba(255,255,255,.20) !important; border-radius: 7px !important; background: rgba(255,255,255,.07) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 9.2px !important; font-weight: 650 !important; line-height: 1.3 !important; text-decoration: none !important; } /* ---------------------------------------------------------- PRINCIPLES ---------------------------------------------------------- */ .dlhdx-sp-principles { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 10px !important; margin: 0 0 40px !important; } .dlhdx-sp-principle { min-width: 0 !important; padding: 15px !important; border: 1px solid #E4E9E7 !important; border-radius: 11px !important; background: #ffffff !important; } .dlhdx-sp-principle-no { display: flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; margin: 0 0 9px !important; border-radius: 7px !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 8.5px !important; font-weight: 750 !important; line-height: 1 !important; } .dlhdx-sp-principle-title { margin: 0 0 4px !important; color: #305145 !important; -webkit-text-fill-color: #305145 !important; font-size: 11.5px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-sp-principle-text { color: #648A7C !important; -webkit-text-fill-color: #648A7C !important; font-size: 9.7px !important; line-height: 1.53 !important; } /* ---------------------------------------------------------- GENERAL SECTIONS ---------------------------------------------------------- */ .dlhdx-sp-section { width: 100% !important; margin: 0 0 41px !important; padding: 0 !important; } .dlhdx-sp-section-title { max-width: 930px !important; margin: 0 0 17px !important; color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; font-size: 20.5px !important; font-weight: 740 !important; letter-spacing: -.28px !important; line-height: 1.38 !important; } /* ---------------------------------------------------------- VIOLATIONS ---------------------------------------------------------- */ .dlhdx-sp-violation-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 10px !important; } .dlhdx-sp-violation { min-width: 0 !important; padding: 16px 15px !important; border: 1px solid #E4E9E7 !important; border-radius: 11px !important; background: #ffffff !important; } .dlhdx-sp-violation-no { display: flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; margin: 0 0 9px !important; border-radius: 7px !important; background: #F4F6F5 !important; color: #597B6F !important; -webkit-text-fill-color: #597B6F !important; font-size: 8.5px !important; font-weight: 750 !important; } .dlhdx-sp-violation-title { margin: 0 0 5px !important; color: #325246 !important; -webkit-text-fill-color: #325246 !important; font-size: 11.6px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-sp-violation-text { color: #63887A !important; -webkit-text-fill-color: #63887A !important; font-size: 9.9px !important; line-height: 1.58 !important; } /* ---------------------------------------------------------- SCORE INTERPRETATION ---------------------------------------------------------- */ .dlhdx-sp-score-panel { display: grid !important; grid-template-columns: minmax(0,1.15fr) minmax(330px,.85fr) !important; gap: 12px !important; padding: 19px !important; border: 1px solid #E4E9E7 !important; border-radius: 12px !important; background: linear-gradient( 135deg, #ffffff, #FAFBFB ) !important; } .dlhdx-sp-score-title { margin: 0 0 7px !important; color: #2C4F42 !important; -webkit-text-fill-color: #2C4F42 !important; font-size: 13px !important; font-weight: 720 !important; line-height: 1.4 !important; } .dlhdx-sp-score-text { color: #5C7E72 !important; -webkit-text-fill-color: #5C7E72 !important; font-size: 10.5px !important; line-height: 1.65 !important; } .dlhdx-sp-score-text + .dlhdx-sp-score-text { margin-top: 9px !important; } .dlhdx-sp-score-checks { display: grid !important; gap: 6px !important; } .dlhdx-sp-score-check { display: grid !important; grid-template-columns: 26px minmax(0,1fr) !important; align-items: start !important; gap: 8px !important; padding: 8px 9px !important; border: 1px solid #E5EAE8 !important; border-radius: 8px !important; background: #ffffff !important; color: #5A7C70 !important; -webkit-text-fill-color: #5A7C70 !important; font-size: 9.7px !important; line-height: 1.5 !important; } .dlhdx-sp-score-check span { display: flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 24px !important; border-radius: 7px !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 8px !important; font-weight: 750 !important; } /* ---------------------------------------------------------- CONTEXT CARDS ---------------------------------------------------------- */ .dlhdx-sp-context-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 10px !important; } .dlhdx-sp-context-card { min-width: 0 !important; padding: 16px 15px !important; border: 1px solid #E4E9E7 !important; border-radius: 11px !important; background: #ffffff !important; } .dlhdx-sp-context-code { display: flex !important; align-items: center !important; justify-content: center !important; width: 31px !important; height: 31px !important; margin: 0 0 10px !important; border-radius: 8px !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 8.7px !important; font-weight: 800 !important; } .dlhdx-sp-context-title { margin: 0 0 5px !important; color: #305145 !important; -webkit-text-fill-color: #305145 !important; font-size: 11.3px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-sp-context-text { color: #63887A !important; -webkit-text-fill-color: #63887A !important; font-size: 9.8px !important; line-height: 1.58 !important; } /* ---------------------------------------------------------- TEXT RECYCLING ---------------------------------------------------------- */ .dlhdx-sp-recycling { display: grid !important; grid-template-columns: minmax(0,1.4fr) minmax(260px,.6fr) !important; gap: 12px !important; padding: 19px !important; border: 1px solid #E4E9E7 !important; border-radius: 12px !important; background: #ffffff !important; } .dlhdx-sp-recycling-main { color: #5A7C6F !important; -webkit-text-fill-color: #5A7C6F !important; font-size: 10.8px !important; line-height: 1.68 !important; } .dlhdx-sp-recycling-main strong { color: #335649 !important; -webkit-text-fill-color: #335649 !important; } .dlhdx-sp-recycling-side { padding: 14px !important; border-radius: 9px !important; background: #F3F6F5 !important; } .dlhdx-sp-recycling-side strong { display: block !important; margin: 0 0 4px !important; color: #325A4B !important; -webkit-text-fill-color: #325A4B !important; font-size: 10.3px !important; font-weight: 700 !important; } .dlhdx-sp-recycling-side span { display: block !important; color: #5A7D70 !important; -webkit-text-fill-color: #5A7D70 !important; font-size: 9.6px !important; line-height: 1.55 !important; } .dlhdx-sp-recycling-link { margin: 10px 0 0 !important; padding: 11px 14px !important; border-left: 3px solid #5A947E !important; background: #F7FAF9 !important; color: #597B6E !important; -webkit-text-fill-color: #597B6E !important; font-size: 10.2px !important; line-height: 1.62 !important; } .dlhdx-sp-recycling-link a { color: #387C63 !important; -webkit-text-fill-color: #387C63 !important; font-weight: 700 !important; text-decoration: none !important; } /* ---------------------------------------------------------- PROCESS ---------------------------------------------------------- */ .dlhdx-sp-process { display: grid !important; grid-template-columns: minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr) !important; align-items: stretch !important; gap: 4px !important; } .dlhdx-sp-process-step { min-width: 0 !important; padding: 14px !important; border: 1px solid #E4E9E7 !important; border-radius: 10px !important; background: #ffffff !important; } .dlhdx-sp-process-no { display: flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; margin: 0 0 8px !important; border-radius: 7px !important; background: #234D3E !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 8.5px !important; font-weight: 750 !important; line-height: 1 !important; } .dlhdx-sp-process-title { margin: 0 0 4px !important; color: #305145 !important; -webkit-text-fill-color: #305145 !important; font-size: 10.7px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-sp-process-text { color: #63897B !important; -webkit-text-fill-color: #63897B !important; font-size: 9.3px !important; line-height: 1.55 !important; } .dlhdx-sp-process-arrow { display: flex !important; align-items: center !important; justify-content: center !important; color: #86A89B !important; -webkit-text-fill-color: #86A89B !important; font-size: 15px !important; } /* ---------------------------------------------------------- EDITORIAL ACTIONS ---------------------------------------------------------- */ .dlhdx-sp-action-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 10px !important; } .dlhdx-sp-action-card { min-width: 0 !important; padding: 17px 15px !important; border: 1px solid #E4E9E7 !important; border-radius: 11px !important; background: #ffffff !important; } .dlhdx-sp-action-label { display: inline-flex !important; margin: 0 0 9px !important; padding: 5px 8px !important; border-radius: 999px !important; background: #F3F6F5 !important; color: #3E836A !important; -webkit-text-fill-color: #3E836A !important; font-size: 8px !important; font-weight: 750 !important; letter-spacing: .4px !important; line-height: 1.2 !important; text-transform: uppercase !important; } .dlhdx-sp-action-title { margin: 0 0 5px !important; color: #305145 !important; -webkit-text-fill-color: #305145 !important; font-size: 11.5px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-sp-action-text { color: #63887A !important; -webkit-text-fill-color: #63887A !important; font-size: 9.9px !important; line-height: 1.58 !important; } .dlhdx-sp-action-note { margin: 11px 0 0 !important; padding: 11px 14px !important; border-left: 3px solid #5A947E !important; background: #F7FAF9 !important; color: #597B6E !important; -webkit-text-fill-color: #597B6E !important; font-size: 10.2px !important; line-height: 1.62 !important; } .dlhdx-sp-action-note a { color: #387C63 !important; -webkit-text-fill-color: #387C63 !important; font-weight: 700 !important; text-decoration: none !important; } /* ---------------------------------------------------------- POST-PUBLICATION ---------------------------------------------------------- */ .dlhdx-sp-postpub { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; align-items: center !important; gap: 16px !important; padding: 18px 19px !important; border: 1px solid #E4E9E7 !important; border-radius: 11px !important; background: linear-gradient( 135deg, #ffffff, #FAFBFB ) !important; } .dlhdx-sp-postpub-main { color: #5A7C6F !important; -webkit-text-fill-color: #5A7C6F !important; font-size: 10.7px !important; line-height: 1.67 !important; } .dlhdx-sp-postpub-link, .dlhdx-sp-postpub-link:link, .dlhdx-sp-postpub-link:visited { display: inline-flex !important; flex: 0 0 auto !important; padding: 9px 11px !important; border: 1px solid #D0E1DB !important; border-radius: 8px !important; background: #F3F6F5 !important; color: #3B7C64 !important; -webkit-text-fill-color: #3B7C64 !important; font-size: 9.8px !important; font-weight: 700 !important; line-height: 1.4 !important; text-decoration: none !important; } /* ---------------------------------------------------------- AUTHOR CHECKS ---------------------------------------------------------- */ .dlhdx-sp-author-checks { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } .dlhdx-sp-author-check { display: grid !important; grid-template-columns: 22px minmax(0,1fr) !important; align-items: start !important; gap: 8px !important; padding: 10px 11px !important; border: 1px solid #E4E9E7 !important; border-radius: 9px !important; background: #ffffff !important; color: #5A7C70 !important; -webkit-text-fill-color: #5A7C70 !important; font-size: 10px !important; line-height: 1.55 !important; } .dlhdx-sp-author-check span { display: flex !important; align-items: center !important; justify-content: center !important; width: 20px !important; height: 20px !important; border-radius: 50% !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 9px !important; font-weight: 700 !important; } /* ---------------------------------------------------------- RELATED POLICIES ---------------------------------------------------------- */ .dlhdx-sp-related { margin: 0 0 42px !important; padding: 22px !important; border: 1px solid #E2E9E6 !important; border-radius: 13px !important; background: #FAFBFB !important; } .dlhdx-sp-related-head { display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 18px !important; margin: 0 0 14px !important; } .dlhdx-sp-related-title { color: #2C4F42 !important; -webkit-text-fill-color: #2C4F42 !important; font-size: 15px !important; font-weight: 720 !important; line-height: 1.4 !important; } .dlhdx-sp-view-all, .dlhdx-sp-view-all:link, .dlhdx-sp-view-all:visited { display: inline-flex !important; flex: 0 0 auto !important; color: #3B7C64 !important; -webkit-text-fill-color: #3B7C64 !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1.4 !important; text-decoration: none !important; } .dlhdx-sp-related-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } .dlhdx-sp-related-card, .dlhdx-sp-related-card:link, .dlhdx-sp-related-card:visited { display: grid !important; grid-template-columns: 29px minmax(0,1fr) 18px !important; align-items: center !important; gap: 9px !important; min-width: 0 !important; padding: 11px 12px !important; border: 1px solid #E4E9E7 !important; border-radius: 9px !important; background: #ffffff !important; text-decoration: none !important; } .dlhdx-sp-related-no { display: flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; border-radius: 7px !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 8.3px !important; font-weight: 750 !important; } .dlhdx-sp-related-copy { display: block !important; min-width: 0 !important; } .dlhdx-sp-related-copy strong { display: block !important; margin: 0 0 2px !important; color: #335649 !important; -webkit-text-fill-color: #335649 !important; font-size: 10.3px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-sp-related-copy small { display: block !important; color: #678E80 !important; -webkit-text-fill-color: #678E80 !important; font-size: 9.1px !important; line-height: 1.45 !important; } .dlhdx-sp-related-arrow { color: #79A393 !important; -webkit-text-fill-color: #79A393 !important; font-size: 14px !important; line-height: 1 !important; } /* ---------------------------------------------------------- CTA ---------------------------------------------------------- */ .dlhdx-sp-cta { position: relative !important; overflow: hidden !important; display: grid !important; grid-template-columns: minmax(0,1.35fr) minmax(240px,.65fr) !important; align-items: center !important; gap: 20px !important; padding: 29px !important; border-radius: 15px !important; background: linear-gradient( 135deg, #224C3D, #326451 60%, #45836D ) !important; } .dlhdx-sp-cta::before { content: "" !important; position: absolute !important; top: -105px !important; right: -70px !important; width: 210px !important; height: 210px !important; border: 32px solid rgba(255,255,255,.05) !important; border-radius: 50% !important; pointer-events: none !important; } .dlhdx-sp-cta-copy, .dlhdx-sp-cta-actions { position: relative !important; z-index: 2 !important; } .dlhdx-sp-cta-label { margin: 0 0 5px !important; color: #D4E8E1 !important; -webkit-text-fill-color: #D4E8E1 !important; font-size: 9px !important; font-weight: 750 !important; letter-spacing: 1.2px !important; text-transform: uppercase !important; } .dlhdx-sp-cta-title { max-width: 720px !important; margin: 0 0 7px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 18.5px !important; font-weight: 740 !important; line-height: 1.4 !important; } .dlhdx-sp-cta-text { max-width: 770px !important; color: #ECF2F0 !important; -webkit-text-fill-color: #ECF2F0 !important; font-size: 10.4px !important; line-height: 1.62 !important; } .dlhdx-sp-cta-actions { display: flex !important; flex-direction: column !important; gap: 8px !important; } .dlhdx-sp-cta-primary, .dlhdx-sp-cta-primary:link, .dlhdx-sp-cta-primary:visited, .dlhdx-sp-cta-secondary, .dlhdx-sp-cta-secondary:link, .dlhdx-sp-cta-secondary:visited { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 42px !important; padding: 9px 13px !important; border-radius: 9px !important; font-size: 10.4px !important; font-weight: 700 !important; line-height: 1.35 !important; text-align: center !important; text-decoration: none !important; } .dlhdx-sp-cta-primary, .dlhdx-sp-cta-primary:link, .dlhdx-sp-cta-primary:visited { border: 1px solid #ffffff !important; background: #ffffff !important; color: #245140 !important; -webkit-text-fill-color: #245140 !important; } .dlhdx-sp-cta-secondary, .dlhdx-sp-cta-secondary:link, .dlhdx-sp-cta-secondary:visited { border: 1px solid rgba(255,255,255,.2) !important; background: rgba(255,255,255,.07) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ---------------------------------------------------------- THEME PROTECTION ---------------------------------------------------------- */ html body .dlhdx-sp-title, html body .dlhdx-sp-section-title, html body .dlhdx-sp-violation-title, html body .dlhdx-sp-score-title, html body .dlhdx-sp-context-title, html body .dlhdx-sp-process-title, html body .dlhdx-sp-action-title, html body .dlhdx-sp-related-title { color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; } html body .dlhdx-sp-framework-title, html body .dlhdx-sp-cta-title { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ---------------------------------------------------------- TABLET ---------------------------------------------------------- */ @media screen and (max-width: 980px) { .dlhdx-sp-principles, .dlhdx-sp-context-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .dlhdx-sp-violation-grid, .dlhdx-sp-action-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .dlhdx-sp-process { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } .dlhdx-sp-process-arrow { display: none !important; } } /* ---------------------------------------------------------- SMALL TABLET ---------------------------------------------------------- */ @media screen and (max-width: 760px) { .dlhdx-sp-intro, .dlhdx-sp-score-panel, .dlhdx-sp-recycling, .dlhdx-sp-postpub, .dlhdx-sp-cta { grid-template-columns: 1fr !important; } .dlhdx-sp-related-head { align-items: flex-start !important; flex-direction: column !important; } } /* ---------------------------------------------------------- MOBILE ---------------------------------------------------------- */ @media screen and (max-width: 560px) { .dlhdx-sp-title { font-size: 21px !important; } .dlhdx-sp-principles, .dlhdx-sp-violation-grid, .dlhdx-sp-context-grid, .dlhdx-sp-process, .dlhdx-sp-action-grid, .dlhdx-sp-author-checks, .dlhdx-sp-related-grid { grid-template-columns: 1fr !important; } .dlhdx-sp-intro-copy, .dlhdx-sp-framework { padding: 21px 18px !important; } .dlhdx-sp-related { padding: 18px !important; } .dlhdx-sp-cta { padding: 23px 18px !important; border-radius: 13px !important; } .dlhdx-sp-cta-title { font-size: 17px !important; } } /* ========================================================== MODULE 08 — ARCHIVING POLICY Prefix: dlhdx-ar- ========================================================== */ .dlhdx-ar-root, .dlhdx-ar-root *, .dlhdx-ar-root *::before, .dlhdx-ar-root *::after { box-sizing: border-box !important; } .dlhdx-ar-root { width: 100% !important; margin: 0 !important; padding: 0 0 30px !important; font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; color: #304F44 !important; } /* ---------------------------------------------------------- INTRO ---------------------------------------------------------- */ .dlhdx-ar-intro { display: grid !important; grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr) !important; gap: 18px !important; width: 100% !important; margin: 0 0 16px !important; } .dlhdx-ar-intro-copy { position: relative !important; overflow: hidden !important; padding: 29px 31px 29px 34px !important; border: 1px solid #E2E9E6 !important; border-radius: 15px !important; background: linear-gradient( 135deg, #FAFCFB 0%, #F6F8F7 100% ) !important; } .dlhdx-ar-intro-copy::before { content: "" !important; position: absolute !important; top: 0 !important; bottom: 0 !important; left: 0 !important; width: 4px !important; background: linear-gradient( 180deg, #234D3E, #489277 ) !important; } .dlhdx-ar-kicker, .dlhdx-ar-section-kicker, .dlhdx-ar-related-kicker { display: block !important; margin: 0 0 5px !important; color: #41886E !important; -webkit-text-fill-color: #41886E !important; font-size: 9.3px !important; font-weight: 750 !important; letter-spacing: 1.2px !important; line-height: 1.35 !important; text-transform: uppercase !important; } .dlhdx-ar-title { max-width: 800px !important; margin: 0 0 9px !important; color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; font-size: 26px !important; font-weight: 750 !important; letter-spacing: -.55px !important; line-height: 1.28 !important; } .dlhdx-ar-lead { max-width: 900px !important; color: #547468 !important; -webkit-text-fill-color: #547468 !important; font-size: 12.3px !important; line-height: 1.74 !important; } .dlhdx-ar-lead strong { color: #325447 !important; -webkit-text-fill-color: #325447 !important; } /* ---------------------------------------------------------- FRAMEWORK ---------------------------------------------------------- */ .dlhdx-ar-framework { display: flex !important; flex-direction: column !important; justify-content: center !important; min-width: 0 !important; padding: 25px !important; border-radius: 15px !important; background: linear-gradient( 145deg, #224D3D, #3E7F67 ) !important; box-shadow: 0 12px 30px rgba(33, 74, 59, .09) !important; } .dlhdx-ar-framework-label { margin: 0 0 8px !important; color: #D4E8E1 !important; -webkit-text-fill-color: #D4E8E1 !important; font-size: 9px !important; font-weight: 750 !important; letter-spacing: 1.15px !important; line-height: 1.35 !important; text-transform: uppercase !important; } .dlhdx-ar-framework-title { margin: 0 0 7px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 15.5px !important; font-weight: 730 !important; line-height: 1.4 !important; } .dlhdx-ar-framework-text { color: #EEF4F2 !important; -webkit-text-fill-color: #EEF4F2 !important; font-size: 10.6px !important; line-height: 1.64 !important; } .dlhdx-ar-framework-links { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; margin: 15px 0 0 !important; } .dlhdx-ar-framework-links a, .dlhdx-ar-framework-links a:link, .dlhdx-ar-framework-links a:visited { display: inline-flex !important; padding: 7px 9px !important; border: 1px solid rgba(255,255,255,.20) !important; border-radius: 7px !important; background: rgba(255,255,255,.07) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 9.2px !important; font-weight: 650 !important; line-height: 1.3 !important; text-decoration: none !important; } /* ---------------------------------------------------------- LAYERS ---------------------------------------------------------- */ .dlhdx-ar-layer-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 10px !important; margin: 0 0 40px !important; } .dlhdx-ar-layer { min-width: 0 !important; padding: 15px !important; border: 1px solid #E4E9E7 !important; border-radius: 11px !important; background: #ffffff !important; } .dlhdx-ar-layer-no { display: flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; margin: 0 0 9px !important; border-radius: 7px !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 8.5px !important; font-weight: 750 !important; line-height: 1 !important; } .dlhdx-ar-layer-title { margin: 0 0 4px !important; color: #305145 !important; -webkit-text-fill-color: #305145 !important; font-size: 11.4px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-ar-layer-text { color: #648A7C !important; -webkit-text-fill-color: #648A7C !important; font-size: 9.7px !important; line-height: 1.53 !important; } /* ---------------------------------------------------------- GENERAL SECTION ---------------------------------------------------------- */ .dlhdx-ar-section { width: 100% !important; margin: 0 0 41px !important; padding: 0 !important; } .dlhdx-ar-section-title { max-width: 930px !important; margin: 0 0 17px !important; color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; font-size: 20.5px !important; font-weight: 740 !important; letter-spacing: -.28px !important; line-height: 1.38 !important; } /* ---------------------------------------------------------- TWO PANELS ---------------------------------------------------------- */ .dlhdx-ar-two-panel { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; } .dlhdx-ar-panel { min-width: 0 !important; padding: 18px !important; border: 1px solid #E4E9E7 !important; border-radius: 11px !important; background: #ffffff !important; } .dlhdx-ar-panel-accent { background: linear-gradient( 135deg, #ffffff, #F9FBFA ) !important; } .dlhdx-ar-panel-code { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; margin: 0 0 10px !important; border-radius: 9px !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 9px !important; font-weight: 800 !important; line-height: 1 !important; } .dlhdx-ar-panel-title { margin: 0 0 7px !important; color: #2C4F42 !important; -webkit-text-fill-color: #2C4F42 !important; font-size: 12.5px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-ar-panel-text { color: #608477 !important; -webkit-text-fill-color: #608477 !important; font-size: 10.5px !important; line-height: 1.65 !important; } /* ---------------------------------------------------------- CONTENT PRESERVED ---------------------------------------------------------- */ .dlhdx-ar-content-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 10px !important; } .dlhdx-ar-content-card { min-width: 0 !important; padding: 16px 15px !important; border: 1px solid #E4E9E7 !important; border-radius: 11px !important; background: #ffffff !important; } .dlhdx-ar-content-code { display: flex !important; align-items: center !important; justify-content: center !important; width: 31px !important; height: 31px !important; margin: 0 0 10px !important; border-radius: 8px !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 8.7px !important; font-weight: 800 !important; } .dlhdx-ar-content-title { margin: 0 0 5px !important; color: #305145 !important; -webkit-text-fill-color: #305145 !important; font-size: 11.3px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-ar-content-text { color: #63887A !important; -webkit-text-fill-color: #63887A !important; font-size: 9.8px !important; line-height: 1.58 !important; } /* ---------------------------------------------------------- NETWORK ---------------------------------------------------------- */ .dlhdx-ar-network { display: grid !important; grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr) !important; gap: 12px !important; padding: 19px !important; border: 1px solid #E4E9E7 !important; border-radius: 12px !important; background: #ffffff !important; } .dlhdx-ar-network-title { margin: 0 0 7px !important; color: #2C4F42 !important; -webkit-text-fill-color: #2C4F42 !important; font-size: 12.7px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-ar-network-text { color: #5A7C6F !important; -webkit-text-fill-color: #5A7C6F !important; font-size: 10.7px !important; line-height: 1.67 !important; } .dlhdx-ar-network-text + .dlhdx-ar-network-text { margin-top: 9px !important; } .dlhdx-ar-status { padding: 15px !important; border: 1px solid #D0E3DC !important; border-radius: 9px !important; background: #F3F6F5 !important; } .dlhdx-ar-status-label { margin: 0 0 5px !important; color: #41866D !important; -webkit-text-fill-color: #41866D !important; font-size: 8.6px !important; font-weight: 750 !important; letter-spacing: .9px !important; text-transform: uppercase !important; } .dlhdx-ar-status-title { margin: 0 0 5px !important; color: #325A4B !important; -webkit-text-fill-color: #325A4B !important; font-size: 11.2px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-ar-status-text { color: #5A7D70 !important; -webkit-text-fill-color: #5A7D70 !important; font-size: 9.6px !important; line-height: 1.55 !important; } /* ---------------------------------------------------------- CONTINUITY ---------------------------------------------------------- */ .dlhdx-ar-continuity, .dlhdx-ar-removal { display: grid !important; grid-template-columns: minmax(0,1.4fr) minmax(260px,.6fr) !important; gap: 12px !important; padding: 19px !important; border: 1px solid #E4E9E7 !important; border-radius: 12px !important; background: #ffffff !important; } .dlhdx-ar-continuity-main { color: #5A7C6F !important; -webkit-text-fill-color: #5A7C6F !important; font-size: 10.8px !important; line-height: 1.68 !important; } .dlhdx-ar-continuity-side { padding: 14px !important; border-radius: 9px !important; background: #F3F6F5 !important; } .dlhdx-ar-continuity-side strong { display: block !important; margin: 0 0 4px !important; color: #325A4B !important; -webkit-text-fill-color: #325A4B !important; font-size: 10.3px !important; font-weight: 700 !important; } .dlhdx-ar-continuity-side span { display: block !important; color: #5A7D70 !important; -webkit-text-fill-color: #5A7D70 !important; font-size: 9.6px !important; line-height: 1.55 !important; } /* ---------------------------------------------------------- PROCESS ---------------------------------------------------------- */ .dlhdx-ar-process { display: grid !important; grid-template-columns: minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr) !important; align-items: stretch !important; gap: 4px !important; } .dlhdx-ar-process-step { min-width: 0 !important; padding: 14px !important; border: 1px solid #E4E9E7 !important; border-radius: 10px !important; background: #ffffff !important; } .dlhdx-ar-process-no { display: flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; margin: 0 0 8px !important; border-radius: 7px !important; background: #234D3E !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 8.5px !important; font-weight: 750 !important; line-height: 1 !important; } .dlhdx-ar-process-title { margin: 0 0 4px !important; color: #305145 !important; -webkit-text-fill-color: #305145 !important; font-size: 10.7px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-ar-process-text { color: #63897B !important; -webkit-text-fill-color: #63897B !important; font-size: 9.3px !important; line-height: 1.55 !important; } .dlhdx-ar-process-arrow { display: flex !important; align-items: center !important; justify-content: center !important; color: #86A89B !important; -webkit-text-fill-color: #86A89B !important; font-size: 15px !important; } /* ---------------------------------------------------------- RECORD / SELF ARCHIVING ---------------------------------------------------------- */ .dlhdx-ar-record, .dlhdx-ar-selfarchive { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; align-items: center !important; gap: 16px !important; padding: 18px 19px !important; border: 1px solid #E4E9E7 !important; border-radius: 11px !important; background: linear-gradient( 135deg, #ffffff, #FAFBFB ) !important; } .dlhdx-ar-record-text, .dlhdx-ar-selfarchive-main { color: #5A7C6F !important; -webkit-text-fill-color: #5A7C6F !important; font-size: 10.7px !important; line-height: 1.67 !important; } .dlhdx-ar-record-link, .dlhdx-ar-record-link:link, .dlhdx-ar-record-link:visited, .dlhdx-ar-selfarchive-link, .dlhdx-ar-selfarchive-link:link, .dlhdx-ar-selfarchive-link:visited { display: inline-flex !important; flex: 0 0 auto !important; padding: 9px 11px !important; border: 1px solid #D0E1DB !important; border-radius: 8px !important; background: #F3F6F5 !important; color: #3B7C64 !important; -webkit-text-fill-color: #3B7C64 !important; font-size: 9.8px !important; font-weight: 700 !important; line-height: 1.4 !important; text-decoration: none !important; } /* ---------------------------------------------------------- RELATED POLICIES ---------------------------------------------------------- */ .dlhdx-ar-related { margin: 0 0 42px !important; padding: 22px !important; border: 1px solid #E2E9E6 !important; border-radius: 13px !important; background: #FAFBFB !important; } .dlhdx-ar-related-head { display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 18px !important; margin: 0 0 14px !important; } .dlhdx-ar-related-title { color: #2C4F42 !important; -webkit-text-fill-color: #2C4F42 !important; font-size: 15px !important; font-weight: 720 !important; line-height: 1.4 !important; } .dlhdx-ar-view-all, .dlhdx-ar-view-all:link, .dlhdx-ar-view-all:visited { display: inline-flex !important; flex: 0 0 auto !important; color: #3B7C64 !important; -webkit-text-fill-color: #3B7C64 !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1.4 !important; text-decoration: none !important; } .dlhdx-ar-related-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } .dlhdx-ar-related-card, .dlhdx-ar-related-card:link, .dlhdx-ar-related-card:visited { display: grid !important; grid-template-columns: 29px minmax(0,1fr) 18px !important; align-items: center !important; gap: 9px !important; min-width: 0 !important; padding: 11px 12px !important; border: 1px solid #E4E9E7 !important; border-radius: 9px !important; background: #ffffff !important; text-decoration: none !important; } .dlhdx-ar-related-no { display: flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; border-radius: 7px !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 8.3px !important; font-weight: 750 !important; } .dlhdx-ar-related-copy { display: block !important; min-width: 0 !important; } .dlhdx-ar-related-copy strong { display: block !important; margin: 0 0 2px !important; color: #335649 !important; -webkit-text-fill-color: #335649 !important; font-size: 10.3px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-ar-related-copy small { display: block !important; color: #678E80 !important; -webkit-text-fill-color: #678E80 !important; font-size: 9.1px !important; line-height: 1.45 !important; } .dlhdx-ar-related-arrow { color: #79A393 !important; -webkit-text-fill-color: #79A393 !important; font-size: 14px !important; line-height: 1 !important; } /* ---------------------------------------------------------- CTA ---------------------------------------------------------- */ .dlhdx-ar-cta { position: relative !important; overflow: hidden !important; display: grid !important; grid-template-columns: minmax(0,1.35fr) minmax(240px,.65fr) !important; align-items: center !important; gap: 20px !important; padding: 29px !important; border-radius: 15px !important; background: linear-gradient( 135deg, #224C3D, #326451 60%, #45836D ) !important; } .dlhdx-ar-cta::before { content: "" !important; position: absolute !important; top: -105px !important; right: -70px !important; width: 210px !important; height: 210px !important; border: 32px solid rgba(255,255,255,.05) !important; border-radius: 50% !important; pointer-events: none !important; } .dlhdx-ar-cta-copy, .dlhdx-ar-cta-actions { position: relative !important; z-index: 2 !important; } .dlhdx-ar-cta-label { margin: 0 0 5px !important; color: #D4E8E1 !important; -webkit-text-fill-color: #D4E8E1 !important; font-size: 9px !important; font-weight: 750 !important; letter-spacing: 1.2px !important; text-transform: uppercase !important; } .dlhdx-ar-cta-title { max-width: 720px !important; margin: 0 0 7px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 18.5px !important; font-weight: 740 !important; line-height: 1.4 !important; } .dlhdx-ar-cta-text { max-width: 770px !important; color: #ECF2F0 !important; -webkit-text-fill-color: #ECF2F0 !important; font-size: 10.4px !important; line-height: 1.62 !important; } .dlhdx-ar-cta-actions { display: flex !important; flex-direction: column !important; gap: 8px !important; } .dlhdx-ar-cta-primary, .dlhdx-ar-cta-primary:link, .dlhdx-ar-cta-primary:visited, .dlhdx-ar-cta-secondary, .dlhdx-ar-cta-secondary:link, .dlhdx-ar-cta-secondary:visited { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 42px !important; padding: 9px 13px !important; border-radius: 9px !important; font-size: 10.4px !important; font-weight: 700 !important; line-height: 1.35 !important; text-align: center !important; text-decoration: none !important; } .dlhdx-ar-cta-primary, .dlhdx-ar-cta-primary:link, .dlhdx-ar-cta-primary:visited { border: 1px solid #ffffff !important; background: #ffffff !important; color: #245140 !important; -webkit-text-fill-color: #245140 !important; } .dlhdx-ar-cta-secondary, .dlhdx-ar-cta-secondary:link, .dlhdx-ar-cta-secondary:visited { border: 1px solid rgba(255,255,255,.2) !important; background: rgba(255,255,255,.07) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ---------------------------------------------------------- THEME PROTECTION ---------------------------------------------------------- */ html body .dlhdx-ar-title, html body .dlhdx-ar-section-title, html body .dlhdx-ar-layer-title, html body .dlhdx-ar-panel-title, html body .dlhdx-ar-content-title, html body .dlhdx-ar-network-title, html body .dlhdx-ar-process-title, html body .dlhdx-ar-related-title { color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; } html body .dlhdx-ar-framework-title, html body .dlhdx-ar-cta-title { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ---------------------------------------------------------- TABLET ---------------------------------------------------------- */ @media screen and (max-width: 980px) { .dlhdx-ar-layer-grid, .dlhdx-ar-content-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .dlhdx-ar-process { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } .dlhdx-ar-process-arrow { display: none !important; } } /* ---------------------------------------------------------- SMALL TABLET ---------------------------------------------------------- */ @media screen and (max-width: 760px) { .dlhdx-ar-intro, .dlhdx-ar-two-panel, .dlhdx-ar-network, .dlhdx-ar-continuity, .dlhdx-ar-record, .dlhdx-ar-selfarchive, .dlhdx-ar-cta { grid-template-columns: 1fr !important; } .dlhdx-ar-related-head { align-items: flex-start !important; flex-direction: column !important; } } /* ---------------------------------------------------------- MOBILE ---------------------------------------------------------- */ @media screen and (max-width: 560px) { .dlhdx-ar-title { font-size: 21px !important; } .dlhdx-ar-layer-grid, .dlhdx-ar-content-grid, .dlhdx-ar-process, .dlhdx-ar-related-grid { grid-template-columns: 1fr !important; } .dlhdx-ar-intro-copy, .dlhdx-ar-framework { padding: 21px 18px !important; } .dlhdx-ar-related { padding: 18px !important; } .dlhdx-ar-cta { padding: 23px 18px !important; border-radius: 13px !important; } .dlhdx-ar-cta-title { font-size: 17px !important; } } /* ========================================================== MODULE 09 — CROSSMARK POLICY Prefix: dlhdx-cm- ========================================================== */ .dlhdx-cm-root, .dlhdx-cm-root *, .dlhdx-cm-root *::before, .dlhdx-cm-root *::after { box-sizing: border-box !important; } .dlhdx-cm-root { width: 100% !important; margin: 0 !important; padding: 0 0 30px !important; font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; color: #304F44 !important; } /* ---------------------------------------------------------- INTRO ---------------------------------------------------------- */ .dlhdx-cm-intro { display: grid !important; grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr) !important; gap: 18px !important; width: 100% !important; margin: 0 0 16px !important; } .dlhdx-cm-intro-copy { position: relative !important; overflow: hidden !important; padding: 29px 31px 29px 34px !important; border: 1px solid #E2E9E6 !important; border-radius: 15px !important; background: linear-gradient( 135deg, #FAFCFB 0%, #F6F8F7 100% ) !important; } .dlhdx-cm-intro-copy::before { content: "" !important; position: absolute !important; top: 0 !important; bottom: 0 !important; left: 0 !important; width: 4px !important; background: linear-gradient( 180deg, #234D3E, #489277 ) !important; } .dlhdx-cm-kicker, .dlhdx-cm-section-kicker, .dlhdx-cm-related-kicker { display: block !important; margin: 0 0 5px !important; color: #41886E !important; -webkit-text-fill-color: #41886E !important; font-size: 9.3px !important; font-weight: 750 !important; letter-spacing: 1.2px !important; line-height: 1.35 !important; text-transform: uppercase !important; } .dlhdx-cm-title { max-width: 800px !important; margin: 0 0 9px !important; color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; font-size: 26px !important; font-weight: 750 !important; letter-spacing: -.55px !important; line-height: 1.28 !important; } .dlhdx-cm-lead { max-width: 900px !important; color: #547468 !important; -webkit-text-fill-color: #547468 !important; font-size: 12.3px !important; line-height: 1.74 !important; } .dlhdx-cm-lead strong { color: #325447 !important; -webkit-text-fill-color: #325447 !important; } /* ---------------------------------------------------------- FRAMEWORK ---------------------------------------------------------- */ .dlhdx-cm-framework { display: flex !important; flex-direction: column !important; justify-content: center !important; min-width: 0 !important; padding: 25px !important; border-radius: 15px !important; background: linear-gradient( 145deg, #224D3D, #3E7F67 ) !important; box-shadow: 0 12px 30px rgba(33, 74, 59, .09) !important; } .dlhdx-cm-framework-label { margin: 0 0 8px !important; color: #D4E8E1 !important; -webkit-text-fill-color: #D4E8E1 !important; font-size: 9px !important; font-weight: 750 !important; letter-spacing: 1.15px !important; line-height: 1.35 !important; text-transform: uppercase !important; } .dlhdx-cm-framework-title { margin: 0 0 7px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 15.5px !important; font-weight: 730 !important; line-height: 1.4 !important; } .dlhdx-cm-framework-text { color: #EEF4F2 !important; -webkit-text-fill-color: #EEF4F2 !important; font-size: 10.6px !important; line-height: 1.64 !important; } .dlhdx-cm-framework-link, .dlhdx-cm-framework-link:link, .dlhdx-cm-framework-link:visited { display: inline-flex !important; align-self: flex-start !important; margin: 15px 0 0 !important; padding: 7px 9px !important; border: 1px solid rgba(255,255,255,.20) !important; border-radius: 7px !important; background: rgba(255,255,255,.07) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 9.2px !important; font-weight: 650 !important; line-height: 1.3 !important; text-decoration: none !important; } /* ---------------------------------------------------------- IMPLEMENTATION STATUS ---------------------------------------------------------- */ .dlhdx-cm-status { display: grid !important; grid-template-columns: 38px minmax(0,1fr) !important; align-items: start !important; gap: 12px !important; margin: 0 0 16px !important; padding: 15px 17px !important; border: 1px solid #D5E4DF !important; border-radius: 11px !important; background: #F8FAF9 !important; } .dlhdx-cm-status-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; border-radius: 9px !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1 !important; } .dlhdx-cm-status-label { margin: 0 0 3px !important; color: #41886E !important; -webkit-text-fill-color: #41886E !important; font-size: 8.6px !important; font-weight: 750 !important; letter-spacing: .9px !important; text-transform: uppercase !important; } .dlhdx-cm-status-title { margin: 0 0 4px !important; color: #305145 !important; -webkit-text-fill-color: #305145 !important; font-size: 11.4px !important; font-weight: 700 !important; line-height: 1.42 !important; } .dlhdx-cm-status-text { color: #5E8174 !important; -webkit-text-fill-color: #5E8174 !important; font-size: 9.8px !important; line-height: 1.58 !important; } /* ---------------------------------------------------------- PRINCIPLES ---------------------------------------------------------- */ .dlhdx-cm-principles { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 10px !important; margin: 0 0 40px !important; } .dlhdx-cm-principle { min-width: 0 !important; padding: 15px !important; border: 1px solid #E4E9E7 !important; border-radius: 11px !important; background: #ffffff !important; } .dlhdx-cm-principle-no { display: flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; margin: 0 0 9px !important; border-radius: 7px !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 8.5px !important; font-weight: 750 !important; line-height: 1 !important; } .dlhdx-cm-principle-title { margin: 0 0 4px !important; color: #305145 !important; -webkit-text-fill-color: #305145 !important; font-size: 11.4px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-cm-principle-text { color: #648A7C !important; -webkit-text-fill-color: #648A7C !important; font-size: 9.7px !important; line-height: 1.53 !important; } /* ---------------------------------------------------------- GENERAL SECTION ---------------------------------------------------------- */ .dlhdx-cm-section { width: 100% !important; margin: 0 0 41px !important; padding: 0 !important; } .dlhdx-cm-section-title { max-width: 930px !important; margin: 0 0 17px !important; color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; font-size: 20.5px !important; font-weight: 740 !important; letter-spacing: -.28px !important; line-height: 1.38 !important; } /* ---------------------------------------------------------- UPDATE TYPES ---------------------------------------------------------- */ .dlhdx-cm-update-intro { margin: -5px 0 14px !important; color: #5C7E72 !important; -webkit-text-fill-color: #5C7E72 !important; font-size: 10.5px !important; line-height: 1.64 !important; } .dlhdx-cm-update-intro strong { color: #335649 !important; -webkit-text-fill-color: #335649 !important; } .dlhdx-cm-update-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 10px !important; } .dlhdx-cm-update-card { min-width: 0 !important; padding: 16px 15px !important; border: 1px solid #E4E9E7 !important; border-radius: 11px !important; background: #ffffff !important; } .dlhdx-cm-update-code { display: flex !important; align-items: center !important; justify-content: center !important; width: 31px !important; height: 31px !important; margin: 0 0 10px !important; border-radius: 8px !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 8.7px !important; font-weight: 800 !important; } .dlhdx-cm-update-title { margin: 0 0 5px !important; color: #305145 !important; -webkit-text-fill-color: #305145 !important; font-size: 11.3px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-cm-update-text { color: #63887A !important; -webkit-text-fill-color: #63887A !important; font-size: 9.8px !important; line-height: 1.58 !important; } /* ---------------------------------------------------------- MINOR CHANGES ---------------------------------------------------------- */ .dlhdx-cm-minor { display: grid !important; grid-template-columns: minmax(0,1.4fr) minmax(260px,.6fr) !important; gap: 12px !important; padding: 19px !important; border: 1px solid #E4E9E7 !important; border-radius: 12px !important; background: #ffffff !important; } .dlhdx-cm-minor-main { color: #5A7C6F !important; -webkit-text-fill-color: #5A7C6F !important; font-size: 10.8px !important; line-height: 1.68 !important; } .dlhdx-cm-minor-side { padding: 14px !important; border-radius: 9px !important; background: #F3F6F5 !important; } .dlhdx-cm-minor-side strong { display: block !important; margin: 0 0 4px !important; color: #325A4B !important; -webkit-text-fill-color: #325A4B !important; font-size: 10.3px !important; font-weight: 700 !important; } .dlhdx-cm-minor-side span { display: block !important; color: #5A7D70 !important; -webkit-text-fill-color: #5A7D70 !important; font-size: 9.6px !important; line-height: 1.55 !important; } /* ---------------------------------------------------------- PROCESS ---------------------------------------------------------- */ .dlhdx-cm-process { display: grid !important; grid-template-columns: minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr) !important; align-items: stretch !important; gap: 4px !important; } .dlhdx-cm-process-step { min-width: 0 !important; padding: 14px !important; border: 1px solid #E4E9E7 !important; border-radius: 10px !important; background: #ffffff !important; } .dlhdx-cm-process-no { display: flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; margin: 0 0 8px !important; border-radius: 7px !important; background: #234D3E !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 8.5px !important; font-weight: 750 !important; line-height: 1 !important; } .dlhdx-cm-process-title { margin: 0 0 4px !important; color: #305145 !important; -webkit-text-fill-color: #305145 !important; font-size: 10.7px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-cm-process-text { color: #63897B !important; -webkit-text-fill-color: #63897B !important; font-size: 9.3px !important; line-height: 1.55 !important; } .dlhdx-cm-process-arrow { display: flex !important; align-items: center !important; justify-content: center !important; color: #86A89B !important; -webkit-text-fill-color: #86A89B !important; font-size: 15px !important; } /* ---------------------------------------------------------- VERSION OF RECORD ---------------------------------------------------------- */ .dlhdx-cm-record { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; align-items: center !important; gap: 16px !important; padding: 18px 19px !important; border: 1px solid #E4E9E7 !important; border-radius: 11px !important; background: linear-gradient( 135deg, #ffffff, #FAFBFB ) !important; } .dlhdx-cm-record-main { color: #5A7C6F !important; -webkit-text-fill-color: #5A7C6F !important; font-size: 10.7px !important; line-height: 1.67 !important; } .dlhdx-cm-record-link, .dlhdx-cm-record-link:link, .dlhdx-cm-record-link:visited { display: inline-flex !important; flex: 0 0 auto !important; padding: 9px 11px !important; border: 1px solid #D0E1DB !important; border-radius: 8px !important; background: #F3F6F5 !important; color: #3B7C64 !important; -webkit-text-fill-color: #3B7C64 !important; font-size: 9.8px !important; font-weight: 700 !important; line-height: 1.4 !important; text-decoration: none !important; } /* ---------------------------------------------------------- DISPLAY ---------------------------------------------------------- */ .dlhdx-cm-display { display: grid !important; grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr) !important; gap: 12px !important; padding: 19px !important; border: 1px solid #E4E9E7 !important; border-radius: 12px !important; background: #ffffff !important; } .dlhdx-cm-display-title { margin: 0 0 7px !important; color: #2C4F42 !important; -webkit-text-fill-color: #2C4F42 !important; font-size: 12.7px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-cm-display-text { color: #5A7C6F !important; -webkit-text-fill-color: #5A7C6F !important; font-size: 10.7px !important; line-height: 1.67 !important; } .dlhdx-cm-display-text + .dlhdx-cm-display-text { margin-top: 9px !important; } .dlhdx-cm-display-badge { padding: 15px !important; border: 1px solid #D0E3DC !important; border-radius: 9px !important; background: #F3F6F5 !important; } .dlhdx-cm-display-badge-label { margin: 0 0 5px !important; color: #41866D !important; -webkit-text-fill-color: #41866D !important; font-size: 8.6px !important; font-weight: 750 !important; letter-spacing: .9px !important; text-transform: uppercase !important; } .dlhdx-cm-display-badge-title { margin: 0 0 5px !important; color: #325A4B !important; -webkit-text-fill-color: #325A4B !important; font-size: 11.2px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-cm-display-badge-text { color: #5A7D70 !important; -webkit-text-fill-color: #5A7D70 !important; font-size: 9.6px !important; line-height: 1.55 !important; } /* ---------------------------------------------------------- OPTIONAL METADATA ---------------------------------------------------------- */ .dlhdx-cm-metadata-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 10px !important; } .dlhdx-cm-metadata-card { min-width: 0 !important; padding: 16px 15px !important; border: 1px solid #E4E9E7 !important; border-radius: 11px !important; background: #ffffff !important; } .dlhdx-cm-metadata-code { display: flex !important; align-items: center !important; justify-content: center !important; width: 31px !important; height: 31px !important; margin: 0 0 10px !important; border-radius: 8px !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 8.7px !important; font-weight: 800 !important; } .dlhdx-cm-metadata-title { margin: 0 0 5px !important; color: #305145 !important; -webkit-text-fill-color: #305145 !important; font-size: 11.3px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-cm-metadata-text { color: #63887A !important; -webkit-text-fill-color: #63887A !important; font-size: 9.8px !important; line-height: 1.58 !important; } .dlhdx-cm-metadata-note { margin: 10px 0 0 !important; padding: 11px 14px !important; border-left: 3px solid #5A947E !important; background: #F7FAF9 !important; color: #597B6E !important; -webkit-text-fill-color: #597B6E !important; font-size: 10.2px !important; line-height: 1.62 !important; } /* ---------------------------------------------------------- POLICY DOI ---------------------------------------------------------- */ .dlhdx-cm-policydoi { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(210px,.35fr) !important; align-items: center !important; gap: 15px !important; padding: 18px 19px !important; border: 1px solid #E4E9E7 !important; border-radius: 11px !important; background: linear-gradient( 135deg, #ffffff, #FAFBFB ) !important; } .dlhdx-cm-policydoi-title { margin: 0 0 5px !important; color: #2C4F42 !important; -webkit-text-fill-color: #2C4F42 !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-cm-policydoi-text { color: #5A7C6F !important; -webkit-text-fill-color: #5A7C6F !important; font-size: 10.4px !important; line-height: 1.64 !important; } .dlhdx-cm-policydoi-status { display: flex !important; flex-direction: column !important; justify-content: center !important; min-height: 68px !important; padding: 12px 14px !important; border: 1px solid #D3E1DC !important; border-radius: 9px !important; background: #ffffff !important; } .dlhdx-cm-policydoi-status span { display: block !important; margin: 0 0 3px !important; color: #749A8C !important; -webkit-text-fill-color: #749A8C !important; font-size: 8.5px !important; font-weight: 700 !important; letter-spacing: .7px !important; text-transform: uppercase !important; } .dlhdx-cm-policydoi-status strong { display: block !important; color: #335649 !important; -webkit-text-fill-color: #335649 !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.4 !important; } /* ---------------------------------------------------------- RELATED POLICIES ---------------------------------------------------------- */ .dlhdx-cm-related { margin: 0 0 42px !important; padding: 22px !important; border: 1px solid #E2E9E6 !important; border-radius: 13px !important; background: #FAFBFB !important; } .dlhdx-cm-related-head { display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 18px !important; margin: 0 0 14px !important; } .dlhdx-cm-related-title { color: #2C4F42 !important; -webkit-text-fill-color: #2C4F42 !important; font-size: 15px !important; font-weight: 720 !important; line-height: 1.4 !important; } .dlhdx-cm-view-all, .dlhdx-cm-view-all:link, .dlhdx-cm-view-all:visited { display: inline-flex !important; flex: 0 0 auto !important; color: #3B7C64 !important; -webkit-text-fill-color: #3B7C64 !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1.4 !important; text-decoration: none !important; } .dlhdx-cm-related-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } .dlhdx-cm-related-card, .dlhdx-cm-related-card:link, .dlhdx-cm-related-card:visited { display: grid !important; grid-template-columns: 29px minmax(0,1fr) 18px !important; align-items: center !important; gap: 9px !important; min-width: 0 !important; padding: 11px 12px !important; border: 1px solid #E4E9E7 !important; border-radius: 9px !important; background: #ffffff !important; text-decoration: none !important; } .dlhdx-cm-related-no { display: flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; border-radius: 7px !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 8.3px !important; font-weight: 750 !important; } .dlhdx-cm-related-copy { display: block !important; min-width: 0 !important; } .dlhdx-cm-related-copy strong { display: block !important; margin: 0 0 2px !important; color: #335649 !important; -webkit-text-fill-color: #335649 !important; font-size: 10.3px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-cm-related-copy small { display: block !important; color: #678E80 !important; -webkit-text-fill-color: #678E80 !important; font-size: 9.1px !important; line-height: 1.45 !important; } .dlhdx-cm-related-arrow { color: #79A393 !important; -webkit-text-fill-color: #79A393 !important; font-size: 14px !important; line-height: 1 !important; } /* ---------------------------------------------------------- CTA ---------------------------------------------------------- */ .dlhdx-cm-cta { position: relative !important; overflow: hidden !important; display: grid !important; grid-template-columns: minmax(0,1.35fr) minmax(240px,.65fr) !important; align-items: center !important; gap: 20px !important; padding: 29px !important; border-radius: 15px !important; background: linear-gradient( 135deg, #224C3D, #326451 60%, #45836D ) !important; } .dlhdx-cm-cta::before { content: "" !important; position: absolute !important; top: -105px !important; right: -70px !important; width: 210px !important; height: 210px !important; border: 32px solid rgba(255,255,255,.05) !important; border-radius: 50% !important; pointer-events: none !important; } .dlhdx-cm-cta-copy, .dlhdx-cm-cta-actions { position: relative !important; z-index: 2 !important; } .dlhdx-cm-cta-label { margin: 0 0 5px !important; color: #D4E8E1 !important; -webkit-text-fill-color: #D4E8E1 !important; font-size: 9px !important; font-weight: 750 !important; letter-spacing: 1.2px !important; text-transform: uppercase !important; } .dlhdx-cm-cta-title { max-width: 720px !important; margin: 0 0 7px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 18.5px !important; font-weight: 740 !important; line-height: 1.4 !important; } .dlhdx-cm-cta-text { max-width: 770px !important; color: #ECF2F0 !important; -webkit-text-fill-color: #ECF2F0 !important; font-size: 10.4px !important; line-height: 1.62 !important; } .dlhdx-cm-cta-actions { display: flex !important; flex-direction: column !important; gap: 8px !important; } .dlhdx-cm-cta-primary, .dlhdx-cm-cta-primary:link, .dlhdx-cm-cta-primary:visited, .dlhdx-cm-cta-secondary, .dlhdx-cm-cta-secondary:link, .dlhdx-cm-cta-secondary:visited { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 42px !important; padding: 9px 13px !important; border-radius: 9px !important; font-size: 10.4px !important; font-weight: 700 !important; line-height: 1.35 !important; text-align: center !important; text-decoration: none !important; } .dlhdx-cm-cta-primary, .dlhdx-cm-cta-primary:link, .dlhdx-cm-cta-primary:visited { border: 1px solid #ffffff !important; background: #ffffff !important; color: #245140 !important; -webkit-text-fill-color: #245140 !important; } .dlhdx-cm-cta-secondary, .dlhdx-cm-cta-secondary:link, .dlhdx-cm-cta-secondary:visited { border: 1px solid rgba(255,255,255,.2) !important; background: rgba(255,255,255,.07) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ---------------------------------------------------------- THEME PROTECTION ---------------------------------------------------------- */ html body .dlhdx-cm-title, html body .dlhdx-cm-section-title, html body .dlhdx-cm-status-title, html body .dlhdx-cm-principle-title, html body .dlhdx-cm-update-title, html body .dlhdx-cm-process-title, html body .dlhdx-cm-display-title, html body .dlhdx-cm-metadata-title, html body .dlhdx-cm-policydoi-title, html body .dlhdx-cm-related-title { color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; } html body .dlhdx-cm-framework-title, html body .dlhdx-cm-cta-title { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ---------------------------------------------------------- TABLET ---------------------------------------------------------- */ @media screen and (max-width: 980px) { .dlhdx-cm-principles, .dlhdx-cm-update-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .dlhdx-cm-process { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } .dlhdx-cm-process-arrow { display: none !important; } } /* ---------------------------------------------------------- SMALL TABLET ---------------------------------------------------------- */ @media screen and (max-width: 760px) { .dlhdx-cm-intro, .dlhdx-cm-minor, .dlhdx-cm-record, .dlhdx-cm-display, .dlhdx-cm-policydoi, .dlhdx-cm-cta { grid-template-columns: 1fr !important; } .dlhdx-cm-related-head { align-items: flex-start !important; flex-direction: column !important; } } /* ---------------------------------------------------------- MOBILE ---------------------------------------------------------- */ @media screen and (max-width: 560px) { .dlhdx-cm-title { font-size: 21px !important; } .dlhdx-cm-principles, .dlhdx-cm-update-grid, .dlhdx-cm-process, .dlhdx-cm-metadata-grid, .dlhdx-cm-related-grid { grid-template-columns: 1fr !important; } .dlhdx-cm-status { grid-template-columns: 1fr !important; } .dlhdx-cm-intro-copy, .dlhdx-cm-framework { padding: 21px 18px !important; } .dlhdx-cm-related { padding: 18px !important; } .dlhdx-cm-cta { padding: 23px 18px !important; border-radius: 13px !important; } .dlhdx-cm-cta-title { font-size: 17px !important; } } /* ========================================================== MODULE 10 — EDITORIAL TEAM OPTION 3 / PER-PHOTO POSITION CONTROL Prefix: dlhdx-et8- ========================================================== */ .dlhdx-et8-root, .dlhdx-et8-root *, .dlhdx-et8-root *::before, .dlhdx-et8-root *::after { box-sizing: border-box !important; } .dlhdx-et8-root { width: 100% !important; margin: 0 !important; padding: 0 0 30px !important; font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; color: #304F44 !important; } .dlhdx-et8-note { margin: 0 0 28px !important; padding: 12px 14px !important; border: 1px solid #E1D2A5 !important; border-left: 3px solid #C6A653 !important; border-radius: 14px !important; background: #faf8f2 !important; color: #796e5c !important; -webkit-text-fill-color: #796e5c !important; font-size: 10px !important; line-height: 1.55 !important; } .dlhdx-et8-note strong { color: #665944 !important; -webkit-text-fill-color: #665944 !important; } .dlhdx-et8-section { margin: 0 0 40px !important; } .dlhdx-et8-section-head { margin: 0 0 16px !important; } .dlhdx-et8-section-head--meta { display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 14px !important; padding-bottom: 10px !important; border-bottom: 1px solid #E3E9E7 !important; } .dlhdx-et8-section-head h2 { margin: 0 !important; padding: 0 !important; border: 0 !important; color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; font-size: 20px !important; font-weight: 780 !important; letter-spacing: -.25px !important; line-height: 1.3 !important; } .dlhdx-et8-section-head p { margin: 4px 0 0 !important; color: #779D8F !important; -webkit-text-fill-color: #779D8F !important; font-size: 10px !important; font-weight: 620 !important; line-height: 1.4 !important; } .dlhdx-et8-count { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 24px !important; padding: 0 11px !important; border: 1px solid #D8E3DF !important; border-radius: 999px !important; background: #FAFBFB !important; color: #63887A !important; -webkit-text-fill-color: #63887A !important; font-size: 9px !important; font-weight: 740 !important; line-height: 1 !important; white-space: nowrap !important; } .dlhdx-et8-eic-wrap { max-width: 760px !important; } .dlhdx-et8-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important; } .dlhdx-et8-card { display: flex !important; align-items: flex-start !important; gap: 16px !important; min-width: 0 !important; min-height: 208px !important; padding: 16px !important; border: 1px solid #DAE5E1 !important; border-radius: 18px !important; background: linear-gradient(180deg, #ffffff 0%, #fcfdff 100%) !important; box-shadow: 0 10px 22px rgba(36, 76, 61, .045) !important; } .dlhdx-et8-card--eic { min-height: 186px !important; } .dlhdx-et8-photo-frame { position: relative !important; flex: 0 0 88px !important; width: 88px !important; height: 108px !important; overflow: hidden !important; border: 1px solid #D9E4E0 !important; border-radius: 28px 28px 28px 12px !important; background: linear-gradient(180deg, #F9FAFA 0%, #F1F5F4 100%) !important; } .dlhdx-et8-photo-frame::after { content: "" !important; position: absolute !important; inset: 0 !important; border-radius: inherit !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.55) !important; pointer-events: none !important; } .dlhdx-et8-photo-frame--eic { flex-basis: 98px !important; width: 98px !important; height: 122px !important; border-radius: 32px 32px 32px 14px !important; } .dlhdx-et8-photo-frame img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; transform: scale(1.03) !important; } /* precise per-photo control */ .dlhdx-et8-pos-center { object-position: center center !important; } .dlhdx-et8-pos-topsoft { object-position: center 22% !important; } .dlhdx-et8-pos-top { object-position: center 12% !important; } .dlhdx-et8-pos-low { object-position: center 35% !important; } .dlhdx-et8-pos-left { object-position: 38% 20% !important; } .dlhdx-et8-pos-right { object-position: 62% 20% !important; } .dlhdx-et8-pos-rahma { object-position: 62% 24% !important; transform: scale(1.08) !important; } .dlhdx-et8-content { flex: 1 1 auto !important; min-width: 0 !important; } .dlhdx-et8-role { display: inline-flex !important; margin: 0 0 8px !important; padding: 4px 9px !important; border-radius: 999px !important; background: #F2F6F5 !important; color: #40856C !important; -webkit-text-fill-color: #40856C !important; font-size: 8.2px !important; font-weight: 780 !important; letter-spacing: .45px !important; line-height: 1.2 !important; text-transform: uppercase !important; } .dlhdx-et8-content h3 { margin: 0 0 5px !important; padding: 0 !important; color: #2C4F42 !important; -webkit-text-fill-color: #2C4F42 !important; font-size: 12.8px !important; font-weight: 780 !important; line-height: 1.36 !important; word-break: break-word !important; } .dlhdx-et8-card--eic .dlhdx-et8-content h3 { font-size: 14px !important; } .dlhdx-et8-affiliation { margin: 0 0 2px !important; color: #57786C !important; -webkit-text-fill-color: #57786C !important; font-size: 10px !important; font-weight: 620 !important; line-height: 1.45 !important; } .dlhdx-et8-country { margin: 0 0 11px !important; color: #779C8F !important; -webkit-text-fill-color: #779C8F !important; font-size: 9px !important; line-height: 1.35 !important; } .dlhdx-et8-links { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; } .dlhdx-et8-links a, .dlhdx-et8-links a:link, .dlhdx-et8-links a:visited { display: inline-flex !important; align-items: center !important; gap: 6px !important; min-height: 30px !important; padding: 6px 9px !important; border: 1px solid #E3E9E7 !important; border-radius: 999px !important; background: #FBFCFB !important; color: #4E6C61 !important; -webkit-text-fill-color: #4E6C61 !important; font-size: 8.8px !important; font-weight: 700 !important; line-height: 1 !important; text-decoration: none !important; white-space: nowrap !important; } .dlhdx-et8-links a:hover { border-color: #CBDED7 !important; background: #F5F8F7 !important; color: #367860 !important; -webkit-text-fill-color: #367860 !important; } .dlhdx-et8-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 18px !important; width: 18px !important; height: 18px !important; border-radius: 50% !important; font-size: 8px !important; font-weight: 800 !important; line-height: 1 !important; } .dlhdx-et8-icon--orcid { background: #e8f6e1 !important; color: #9ac93c !important; -webkit-text-fill-color: #9ac93c !important; border: 1px solid #cce8b9 !important; } .dlhdx-et8-icon--scopus { background: #fff0e6 !important; color: #f47a20 !important; -webkit-text-fill-color: #f47a20 !important; border: 1px solid #ffd8bf !important; } .dlhdx-et8-icon--scholar { background: #eaf1ff !important; color: #4f7ddf !important; -webkit-text-fill-color: #4f7ddf !important; border: 1px solid #cfdbfb !important; } .dlhdx-et8-icon--email { background: #F0F3F2 !important; color: #4E6C61 !important; -webkit-text-fill-color: #4E6C61 !important; border: 1px solid #D5DFDB !important; } html body .dlhdx-et8-section-head h2, html body .dlhdx-et8-content h3 { color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; } @media screen and (max-width: 1120px) { .dlhdx-et8-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media screen and (max-width: 760px) { .dlhdx-et8-grid { grid-template-columns: 1fr !important; } .dlhdx-et8-section-head--meta { flex-direction: column !important; align-items: flex-start !important; } } @media screen and (max-width: 520px) { .dlhdx-et8-card, .dlhdx-et8-card--eic { gap: 13px !important; padding: 14px !important; min-height: 0 !important; } .dlhdx-et8-photo-frame, .dlhdx-et8-photo-frame--eic { flex-basis: 78px !important; width: 78px !important; height: 96px !important; border-radius: 24px 24px 24px 12px !important; } .dlhdx-et8-section-head h2 { font-size: 17px !important; } .dlhdx-et8-content h3, .dlhdx-et8-card--eic .dlhdx-et8-content h3 { font-size: 12px !important; } } /* ========================================================== MODULE 11 — JOURNAL POLICIES HUB ROBUST DIV-CARD DIRECTORY Prefix: dlhdx-jp4- ========================================================== */ .dlhdx-jp4-root, .dlhdx-jp4-root *, .dlhdx-jp4-root *::before, .dlhdx-jp4-root *::after { box-sizing: border-box !important; } .dlhdx-jp4-root { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 0 30px !important; font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; color: #4E6C61 !important; } /* ---------------------------------------------------------- INTRO ---------------------------------------------------------- */ .dlhdx-jp4-root .dlhdx-jp4-intro { display: flex !important; float: none !important; position: relative !important; align-items: center !important; justify-content: space-between !important; gap: 22px !important; width: 100% !important; margin: 0 0 34px !important; padding: 22px 24px !important; border: 1px solid #E2E9E6 !important; border-radius: 15px !important; background: linear-gradient(135deg, #FAFCFB 0%, #F6F9F8 100%) !important; } .dlhdx-jp4-root .dlhdx-jp4-intro-copy { display: block !important; float: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } .dlhdx-jp4-root .dlhdx-jp4-kicker { display: block !important; float: none !important; position: static !important; width: auto !important; max-width: 100% !important; margin: 0 0 5px !important; padding: 0 !important; border: 0 !important; color: #41886E !important; -webkit-text-fill-color: #41886E !important; font-size: 9px !important; font-weight: 760 !important; letter-spacing: 1.1px !important; line-height: 1.35 !important; text-align: left !important; text-transform: uppercase !important; } .dlhdx-jp4-root .dlhdx-jp4-title { display: block !important; float: none !important; position: static !important; width: auto !important; margin: 0 0 6px !important; padding: 0 !important; border: 0 !important; color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; font-size: 23px !important; font-weight: 770 !important; line-height: 1.3 !important; text-align: left !important; } .dlhdx-jp4-root .dlhdx-jp4-lead { display: block !important; float: none !important; position: static !important; max-width: 760px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; color: #5E8174 !important; -webkit-text-fill-color: #5E8174 !important; font-size: 10.4px !important; font-weight: 400 !important; line-height: 1.62 !important; text-align: left !important; } .dlhdx-jp4-root .dlhdx-jp4-summary { display: flex !important; float: none !important; position: static !important; align-items: center !important; gap: 9px !important; flex: 0 0 auto !important; margin: 0 !important; padding: 9px 12px !important; border: 1px solid #D5E3DE !important; border-radius: 11px !important; background: #ffffff !important; } .dlhdx-jp4-root .dlhdx-jp4-summary-number { display: block !important; margin: 0 !important; padding: 0 !important; color: #2C5C4B !important; -webkit-text-fill-color: #2C5C4B !important; font-size: 20px !important; font-weight: 800 !important; line-height: 1 !important; } .dlhdx-jp4-root .dlhdx-jp4-summary-text { display: block !important; margin: 0 !important; padding: 0 !important; color: #689081 !important; -webkit-text-fill-color: #689081 !important; font-size: 8.6px !important; font-weight: 600 !important; line-height: 1.3 !important; } /* ---------------------------------------------------------- SECTION HEAD ---------------------------------------------------------- */ .dlhdx-jp4-root .dlhdx-jp4-section { display: block !important; float: none !important; position: static !important; width: 100% !important; margin: 0 0 38px !important; padding: 0 !important; } .dlhdx-jp4-root .dlhdx-jp4-section-head { display: flex !important; float: none !important; position: static !important; align-items: flex-end !important; justify-content: space-between !important; gap: 16px !important; width: 100% !important; margin: 0 0 14px !important; padding: 0 0 10px !important; border: 0 !important; border-bottom: 1px solid #E3E9E7 !important; background: transparent !important; } .dlhdx-jp4-root .dlhdx-jp4-section-copy { display: block !important; float: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } .dlhdx-jp4-root .dlhdx-jp4-section-title { display: block !important; float: none !important; position: static !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; font-size: 17px !important; font-weight: 750 !important; line-height: 1.38 !important; text-align: left !important; } .dlhdx-jp4-root .dlhdx-jp4-count { display: inline-flex !important; float: none !important; position: static !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-height: 25px !important; margin: 0 !important; padding: 5px 10px !important; border: 1px solid #D8E3DF !important; border-radius: 999px !important; background: #FAFBFB !important; color: #658B7D !important; -webkit-text-fill-color: #658B7D !important; font-size: 8.7px !important; font-weight: 700 !important; line-height: 1 !important; white-space: nowrap !important; } /* ---------------------------------------------------------- POLICY GRID ---------------------------------------------------------- */ .dlhdx-jp4-root .dlhdx-jp4-grid { display: grid !important; float: none !important; position: static !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-flow: row !important; gap: 12px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ---------------------------------------------------------- POLICY CARD IMPORTANT: CARD IS A DIV, NOT AN ANCHOR ---------------------------------------------------------- */ .dlhdx-jp4-root .dlhdx-jp4-card { display: grid !important; float: none !important; position: relative !important; grid-template-columns: 42px minmax(0, 1fr) !important; align-items: start !important; gap: 13px !important; width: auto !important; min-width: 0 !important; min-height: 116px !important; margin: 0 !important; padding: 16px !important; border: 1px solid #DAE5E1 !important; border-radius: 13px !important; background: #ffffff !important; box-shadow: 0 5px 16px rgba(44, 79, 66, .035) !important; overflow: hidden !important; } .dlhdx-jp4-root .dlhdx-jp4-card--wide { grid-column: 1 / -1 !important; min-height: 102px !important; } .dlhdx-jp4-root .dlhdx-jp4-code { display: flex !important; float: none !important; position: static !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 10px !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: .15px !important; line-height: 1 !important; text-align: center !important; } .dlhdx-jp4-root .dlhdx-jp4-card-main { display: flex !important; float: none !important; position: static !important; flex-direction: column !important; align-items: flex-start !important; min-width: 0 !important; width: 100% !important; min-height: 82px !important; margin: 0 !important; padding: 0 !important; } .dlhdx-jp4-root .dlhdx-jp4-card-title { display: block !important; float: none !important; position: static !important; width: auto !important; max-width: 100% !important; margin: 0 0 4px !important; padding: 0 !important; border: 0 !important; color: #305145 !important; -webkit-text-fill-color: #305145 !important; font-size: 11.5px !important; font-weight: 740 !important; line-height: 1.4 !important; text-align: left !important; white-space: normal !important; overflow-wrap: anywhere !important; } .dlhdx-jp4-root .dlhdx-jp4-card-desc { display: block !important; float: none !important; position: static !important; width: auto !important; max-width: 100% !important; margin: 0 0 10px !important; padding: 0 !important; border: 0 !important; color: #648B7D !important; -webkit-text-fill-color: #648B7D !important; font-size: 9.4px !important; font-weight: 400 !important; line-height: 1.5 !important; text-align: left !important; white-space: normal !important; overflow-wrap: anywhere !important; } /* ---------------------------------------------------------- ACTION LINK ---------------------------------------------------------- */ .dlhdx-jp4-root a.dlhdx-jp4-action, .dlhdx-jp4-root a.dlhdx-jp4-action:link, .dlhdx-jp4-root a.dlhdx-jp4-action:visited { display: inline-flex !important; float: none !important; position: static !important; align-items: center !important; justify-content: flex-start !important; gap: 5px !important; width: auto !important; min-width: 0 !important; min-height: 27px !important; margin: auto 0 0 !important; padding: 5px 8px !important; border: 1px solid #D7E5E0 !important; border-radius: 7px !important; background: #F9FAFA !important; color: #3F7D67 !important; -webkit-text-fill-color: #3F7D67 !important; font-size: 8.6px !important; font-weight: 700 !important; line-height: 1 !important; text-align: left !important; text-decoration: none !important; white-space: nowrap !important; } .dlhdx-jp4-root a.dlhdx-jp4-action:hover { border-color: #C8DDD5 !important; background: #F2F6F5 !important; color: #306954 !important; -webkit-text-fill-color: #306954 !important; text-decoration: none !important; } .dlhdx-jp4-root a.dlhdx-jp4-action span { display: inline !important; float: none !important; position: static !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: inherit !important; -webkit-text-fill-color: inherit !important; font-size: 11px !important; line-height: 1 !important; } /* ---------------------------------------------------------- THEME PROTECTION ---------------------------------------------------------- */ html body .dlhdx-jp4-root .dlhdx-jp4-title, html body .dlhdx-jp4-root .dlhdx-jp4-section-title { color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; } html body .dlhdx-jp4-root .dlhdx-jp4-card-title { color: #305145 !important; -webkit-text-fill-color: #305145 !important; } html body .dlhdx-jp4-root .dlhdx-jp4-card-desc { color: #648B7D !important; -webkit-text-fill-color: #648B7D !important; } /* ---------------------------------------------------------- RESPONSIVE ---------------------------------------------------------- */ @media screen and (max-width: 820px) { .dlhdx-jp4-root .dlhdx-jp4-grid { grid-template-columns: 1fr !important; } .dlhdx-jp4-root .dlhdx-jp4-card--wide { grid-column: auto !important; } } @media screen and (max-width: 620px) { .dlhdx-jp4-root .dlhdx-jp4-intro { align-items: flex-start !important; flex-direction: column !important; padding: 19px 18px !important; } .dlhdx-jp4-root .dlhdx-jp4-section-head { align-items: flex-start !important; flex-direction: column !important; gap: 8px !important; } .dlhdx-jp4-root .dlhdx-jp4-card { grid-template-columns: 38px minmax(0, 1fr) !important; gap: 11px !important; min-height: 0 !important; padding: 14px !important; } .dlhdx-jp4-root .dlhdx-jp4-card-main { min-height: 0 !important; } .dlhdx-jp4-root .dlhdx-jp4-code { width: 36px !important; height: 36px !important; } } @media screen and (max-width: 420px) { .dlhdx-jp4-root .dlhdx-jp4-title { font-size: 20px !important; } .dlhdx-jp4-root .dlhdx-jp4-section-title { font-size: 15.5px !important; } } /* ========================================================== MODULE 12 — OPEN ACCESS POLICY BOAI-ALIGNED / LTSM-ADAPTED VERSION Prefix: dlhdx-oa2- ========================================================== */ .dlhdx-oa2-root, .dlhdx-oa2-root *, .dlhdx-oa2-root *::before, .dlhdx-oa2-root *::after { box-sizing: border-box !important; } .dlhdx-oa2-root { width: 100% !important; margin: 0 !important; padding: 0 0 30px !important; font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; color: #304F44 !important; } /* ---------------------------------------------------------- HERO ---------------------------------------------------------- */ .dlhdx-oa2-hero { display: grid !important; grid-template-columns: minmax(0,1.45fr) minmax(280px,.55fr) !important; gap: 15px !important; margin: 0 0 36px !important; } .dlhdx-oa2-hero-main { position: relative !important; overflow: hidden !important; padding: 28px 30px 28px 34px !important; border: 1px solid #E2E9E6 !important; border-radius: 15px !important; background: linear-gradient( 135deg, #FAFCFB, #F6F8F7 ) !important; } .dlhdx-oa2-hero-main::before { content: "" !important; position: absolute !important; top: 0 !important; bottom: 0 !important; left: 0 !important; width: 4px !important; background: linear-gradient( 180deg, #234D3E, #489277 ) !important; } .dlhdx-oa2-kicker, .dlhdx-oa2-section-kicker, .dlhdx-oa2-related-kicker { display: block !important; margin: 0 0 5px !important; color: #41886E !important; -webkit-text-fill-color: #41886E !important; font-size: 9.2px !important; font-weight: 760 !important; letter-spacing: 1.15px !important; line-height: 1.35 !important; text-transform: uppercase !important; } .dlhdx-oa2-title { max-width: 800px !important; margin: 0 0 8px !important; color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; font-size: 25px !important; font-weight: 770 !important; letter-spacing: -.48px !important; line-height: 1.29 !important; } .dlhdx-oa2-lead { max-width: 850px !important; color: #597B6F !important; -webkit-text-fill-color: #597B6F !important; font-size: 11.3px !important; line-height: 1.7 !important; } .dlhdx-oa2-lead strong { color: #335649 !important; -webkit-text-fill-color: #335649 !important; } /* ---------------------------------------------------------- ACCESS STATUS ---------------------------------------------------------- */ .dlhdx-oa2-status { display: flex !important; flex-direction: column !important; justify-content: center !important; padding: 23px !important; border-radius: 15px !important; background: linear-gradient( 145deg, #224D3D, #3E7F67 ) !important; } .dlhdx-oa2-status-label { margin: 0 0 7px !important; color: #D4E8E1 !important; -webkit-text-fill-color: #D4E8E1 !important; font-size: 8.8px !important; font-weight: 760 !important; letter-spacing: 1.05px !important; text-transform: uppercase !important; } .dlhdx-oa2-status-value { margin: 0 0 7px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 16px !important; font-weight: 750 !important; line-height: 1.35 !important; } .dlhdx-oa2-status-text { color: #EDF3F1 !important; -webkit-text-fill-color: #EDF3F1 !important; font-size: 9.5px !important; line-height: 1.55 !important; } /* ---------------------------------------------------------- SECTION ---------------------------------------------------------- */ .dlhdx-oa2-section { margin: 0 0 40px !important; } .dlhdx-oa2-section-head { margin: 0 0 15px !important; } .dlhdx-oa2-section-head h2 { margin: 0 !important; padding: 0 !important; border: 0 !important; color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; font-size: 19px !important; font-weight: 750 !important; letter-spacing: -.22px !important; line-height: 1.38 !important; } /* ---------------------------------------------------------- RIGHTS ---------------------------------------------------------- */ .dlhdx-oa2-rights { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 8px !important; } .dlhdx-oa2-right { display: flex !important; align-items: center !important; gap: 8px !important; min-width: 0 !important; padding: 11px !important; border: 1px solid #E4E9E7 !important; border-radius: 9px !important; background: #ffffff !important; } .dlhdx-oa2-right-code { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 27px !important; width: 27px !important; height: 27px !important; border-radius: 7px !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 8px !important; font-weight: 760 !important; line-height: 1 !important; } .dlhdx-oa2-right strong { color: #456157 !important; -webkit-text-fill-color: #456157 !important; font-size: 9.8px !important; font-weight: 700 !important; } .dlhdx-oa2-rights-note { margin: 9px 0 0 !important; padding: 10px 12px !important; border-left: 3px solid #5A947E !important; background: #F7FAF9 !important; color: #5E8275 !important; -webkit-text-fill-color: #5E8275 !important; font-size: 9.5px !important; line-height: 1.55 !important; } /* ---------------------------------------------------------- BOAI ---------------------------------------------------------- */ .dlhdx-oa2-boai { display: grid !important; grid-template-columns: minmax(0,1.45fr) minmax(230px,.55fr) !important; gap: 12px !important; padding: 18px !important; border: 1px solid #E4E9E7 !important; border-radius: 12px !important; background: #ffffff !important; } .dlhdx-oa2-boai-title { margin: 0 0 7px !important; color: #305145 !important; -webkit-text-fill-color: #305145 !important; font-size: 11.5px !important; font-weight: 720 !important; line-height: 1.48 !important; } .dlhdx-oa2-boai-text { color: #5C7E72 !important; -webkit-text-fill-color: #5C7E72 !important; font-size: 10px !important; line-height: 1.63 !important; } .dlhdx-oa2-boai-text + .dlhdx-oa2-boai-text { margin-top: 7px !important; } .dlhdx-oa2-boai-link, .dlhdx-oa2-boai-link:link, .dlhdx-oa2-boai-link:visited { display: flex !important; flex-direction: column !important; justify-content: center !important; padding: 15px !important; border: 1px solid #D0E3DC !important; border-radius: 10px !important; background: linear-gradient( 135deg, #F7F9F8, #F0F4F3 ) !important; text-decoration: none !important; } .dlhdx-oa2-boai-link span { display: block !important; margin: 0 0 5px !important; color: #41886E !important; -webkit-text-fill-color: #41886E !important; font-size: 8.5px !important; font-weight: 800 !important; letter-spacing: .8px !important; } .dlhdx-oa2-boai-link strong { display: block !important; margin: 0 0 4px !important; color: #335649 !important; -webkit-text-fill-color: #335649 !important; font-size: 10.5px !important; font-weight: 720 !important; line-height: 1.4 !important; } .dlhdx-oa2-boai-link small { display: block !important; color: #699283 !important; -webkit-text-fill-color: #699283 !important; font-size: 8.7px !important; line-height: 1.45 !important; } /* ---------------------------------------------------------- BENEFITS ---------------------------------------------------------- */ .dlhdx-oa2-benefit-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 9px !important; } .dlhdx-oa2-benefit { padding: 14px !important; border: 1px solid #E4E9E7 !important; border-radius: 10px !important; background: #ffffff !important; } .dlhdx-oa2-benefit-code { display: flex !important; align-items: center !important; justify-content: center !important; width: 31px !important; height: 31px !important; margin: 0 0 8px !important; border-radius: 8px !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 8.5px !important; font-weight: 800 !important; } .dlhdx-oa2-benefit-title { margin: 0 0 4px !important; color: #335649 !important; -webkit-text-fill-color: #335649 !important; font-size: 10.3px !important; font-weight: 710 !important; line-height: 1.4 !important; } .dlhdx-oa2-benefit-text { color: #648B7D !important; -webkit-text-fill-color: #648B7D !important; font-size: 9.1px !important; line-height: 1.53 !important; } /* ---------------------------------------------------------- STRATEGIES ---------------------------------------------------------- */ .dlhdx-oa2-strategy-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; } .dlhdx-oa2-strategy { display: grid !important; grid-template-columns: 42px minmax(0,1fr) !important; align-items: start !important; gap: 11px !important; padding: 17px !important; border: 1px solid #E4E9E7 !important; border-radius: 11px !important; background: linear-gradient( 135deg, #ffffff, #FAFCFB ) !important; } .dlhdx-oa2-strategy-no { display: flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; border-radius: 10px !important; background: #234D3E !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 12px !important; font-weight: 780 !important; line-height: 1 !important; } .dlhdx-oa2-strategy-title { margin: 0 0 5px !important; color: #305145 !important; -webkit-text-fill-color: #305145 !important; font-size: 11.3px !important; font-weight: 720 !important; line-height: 1.4 !important; } .dlhdx-oa2-strategy-text { color: #5D8174 !important; -webkit-text-fill-color: #5D8174 !important; font-size: 9.7px !important; line-height: 1.6 !important; } /* ---------------------------------------------------------- IMPLEMENTATION ---------------------------------------------------------- */ .dlhdx-oa2-implementation { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } .dlhdx-oa2-implementation-item { display: grid !important; grid-template-columns: 28px minmax(0,1fr) !important; align-items: start !important; gap: 9px !important; padding: 11px !important; border: 1px solid #E4E9E7 !important; border-radius: 9px !important; background: #ffffff !important; } .dlhdx-oa2-implementation-item > span { display: flex !important; align-items: center !important; justify-content: center !important; width: 27px !important; height: 27px !important; border-radius: 7px !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 8px !important; font-weight: 760 !important; } .dlhdx-oa2-implementation-item strong { display: block !important; margin: 0 0 2px !important; color: #335649 !important; -webkit-text-fill-color: #335649 !important; font-size: 9.8px !important; font-weight: 700 !important; line-height: 1.4 !important; } .dlhdx-oa2-implementation-item small { display: block !important; color: #678E80 !important; -webkit-text-fill-color: #678E80 !important; font-size: 8.8px !important; line-height: 1.45 !important; } /* ---------------------------------------------------------- COST ---------------------------------------------------------- */ .dlhdx-oa2-cost { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; align-items: center !important; gap: 16px !important; padding: 17px 18px !important; border: 1px solid #E4E9E7 !important; border-radius: 11px !important; background: linear-gradient( 135deg, #ffffff, #FAFBFB ) !important; } .dlhdx-oa2-cost-main { color: #5A7C6F !important; -webkit-text-fill-color: #5A7C6F !important; font-size: 10px !important; line-height: 1.64 !important; } .dlhdx-oa2-cost-link, .dlhdx-oa2-cost-link:link, .dlhdx-oa2-cost-link:visited { display: inline-flex !important; padding: 8px 10px !important; border: 1px solid #D0E1DB !important; border-radius: 8px !important; background: #F3F6F5 !important; color: #3B7C64 !important; -webkit-text-fill-color: #3B7C64 !important; font-size: 9.4px !important; font-weight: 700 !important; text-decoration: none !important; white-space: nowrap !important; } /* ---------------------------------------------------------- RELATED ---------------------------------------------------------- */ .dlhdx-oa2-related { margin: 0 !important; padding: 20px !important; border: 1px solid #E2E9E6 !important; border-radius: 13px !important; background: #FAFBFB !important; } .dlhdx-oa2-related-head { display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 18px !important; margin: 0 0 14px !important; } .dlhdx-oa2-related-heading { display: block !important; flex: 1 1 auto !important; min-width: 0 !important; } .dlhdx-oa2-related-title { margin: 0 !important; color: #2C4F42 !important; -webkit-text-fill-color: #2C4F42 !important; font-size: 13.5px !important; font-weight: 720 !important; line-height: 1.4 !important; } .dlhdx-oa2-view-all, .dlhdx-oa2-view-all:link, .dlhdx-oa2-view-all:visited { display: inline-flex !important; align-items: center !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; color: #3B7C64 !important; -webkit-text-fill-color: #3B7C64 !important; font-size: 9.3px !important; font-weight: 700 !important; line-height: 1.4 !important; text-decoration: none !important; white-space: nowrap !important; } .dlhdx-oa2-related-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .dlhdx-oa2-related-card, .dlhdx-oa2-related-card:link, .dlhdx-oa2-related-card:visited { display: grid !important; grid-template-columns: 34px minmax(0, 1fr) 18px !important; align-items: center !important; column-gap: 10px !important; width: 100% !important; min-width: 0 !important; min-height: 72px !important; margin: 0 !important; padding: 11px 12px !important; border: 1px solid #E4E9E7 !important; border-radius: 10px !important; background: #ffffff !important; color: inherit !important; -webkit-text-fill-color: initial !important; text-decoration: none !important; overflow: hidden !important; transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease !important; } .dlhdx-oa2-related-card:hover { transform: translateY(-1px) !important; border-color: #CCDDD7 !important; background: #FAFCFB !important; box-shadow: 0 6px 16px rgba(37, 76, 62, .04) !important; } .dlhdx-oa2-related-code { display: flex !important; align-items: center !important; justify-content: center !important; grid-column: 1 !important; width: 34px !important; height: 34px !important; margin: 0 !important; padding: 0 !important; border-radius: 9px !important; background: #F3F6F5 !important; color: #3D846A !important; -webkit-text-fill-color: #3D846A !important; font-size: 8.2px !important; font-weight: 800 !important; line-height: 1 !important; text-align: center !important; } .dlhdx-oa2-related-copy { display: block !important; grid-column: 2 !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } .dlhdx-oa2-related-copy strong { display: block !important; width: 100% !important; margin: 0 0 3px !important; padding: 0 !important; color: #335649 !important; -webkit-text-fill-color: #335649 !important; font-size: 9.9px !important; font-weight: 710 !important; line-height: 1.35 !important; text-align: left !important; } .dlhdx-oa2-related-copy small { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; color: #678E80 !important; -webkit-text-fill-color: #678E80 !important; font-size: 8.7px !important; font-weight: 400 !important; line-height: 1.4 !important; text-align: left !important; white-space: normal !important; overflow-wrap: break-word !important; } .dlhdx-oa2-related-arrow { display: flex !important; align-items: center !important; justify-content: center !important; grid-column: 3 !important; width: 18px !important; height: 18px !important; margin: 0 !important; padding: 0 !important; color: #79A393 !important; -webkit-text-fill-color: #79A393 !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1 !important; text-align: center !important; } .dlhdx-oa2-related-card:hover .dlhdx-oa2-related-arrow { color: #41886E !important; -webkit-text-fill-color: #41886E !important; transform: translateX(2px) !important; } /* ---------------------------------------------------------- THEME PROTECTION ---------------------------------------------------------- */ html body .dlhdx-oa2-title, html body .dlhdx-oa2-section-head h2, html body .dlhdx-oa2-benefit-title, html body .dlhdx-oa2-strategy-title, html body .dlhdx-oa2-related-title { color: #244C3D !important; -webkit-text-fill-color: #244C3D !important; } html body .dlhdx-oa2-status-value { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ---------------------------------------------------------- TABLET ---------------------------------------------------------- */ @media screen and (max-width: 980px) { .dlhdx-oa2-rights, .dlhdx-oa2-benefit-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } /* ---------------------------------------------------------- SMALL TABLET ---------------------------------------------------------- */ @media screen and (max-width: 760px) { .dlhdx-oa2-hero, .dlhdx-oa2-boai, .dlhdx-oa2-strategy-grid, .dlhdx-oa2-cost { grid-template-columns: 1fr !important; } .dlhdx-oa2-related-head { align-items: flex-start !important; flex-direction: column !important; } } /* ---------------------------------------------------------- MOBILE ---------------------------------------------------------- */ @media screen and (max-width: 520px) { .dlhdx-oa2-hero-main, .dlhdx-oa2-status { padding: 20px 18px !important; } .dlhdx-oa2-title { font-size: 20px !important; } .dlhdx-oa2-rights, .dlhdx-oa2-benefit-grid, .dlhdx-oa2-implementation, .dlhdx-oa2-related-grid { grid-template-columns: 1fr !important; } .dlhdx-oa2-section-head h2 { font-size: 17px !important; } .dlhdx-oa2-related { padding: 17px !important; } } /* ========================================================== MODULE 12 — RELATED POLICIES LAYOUT PROTECTION ========================================================== */ @media screen and (max-width: 760px) { .dlhdx-oa2-related-grid { grid-template-columns: 1fr !important; } .dlhdx-oa2-related-head { align-items: flex-start !important; flex-direction: column !important; gap: 7px !important; } } @media screen and (max-width: 520px) { .dlhdx-oa2-related { padding: 16px !important; } .dlhdx-oa2-related-card, .dlhdx-oa2-related-card:link, .dlhdx-oa2-related-card:visited { grid-template-columns: 32px minmax(0, 1fr) 16px !important; min-height: 68px !important; padding: 10px !important; column-gap: 9px !important; } .dlhdx-oa2-related-code { width: 32px !important; height: 32px !important; } } /* ========================================================== MODULE 13 — COMPACT POLICY DETAILS Shared by new DLHD policy pages Prefix: dlhdx-pd- ========================================================== */ .dlhdx-pd-root, .dlhdx-pd-root *, .dlhdx-pd-root *::before, .dlhdx-pd-root *::after { box-sizing: border-box !important; } .dlhdx-pd-root { width:100% !important; margin:0 !important; padding:0 0 28px !important; font-family:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important; color:#4E6C61 !important; } .dlhdx-pd-hero { display:grid !important; grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr) !important; gap:14px !important; margin:0 0 30px !important; } .dlhdx-pd-hero-main { position:relative !important; overflow:hidden !important; padding:26px 28px 26px 32px !important; border:1px solid #E2E9E6 !important; border-radius:14px !important; background:linear-gradient(135deg,#FAFCFB,#F6F8F7) !important; } .dlhdx-pd-hero-main::before { content:"" !important; position:absolute !important; inset:0 auto 0 0 !important; width:4px !important; background:linear-gradient(180deg,#234D3E,#489277) !important; } .dlhdx-pd-kicker, .dlhdx-pd-section-kicker { display:block !important; margin:0 0 5px !important; color:#41886E !important; -webkit-text-fill-color:#41886E !important; font-size:9px !important; font-weight:760 !important; letter-spacing:1.12px !important; text-transform:uppercase !important; } .dlhdx-pd-title { margin:0 0 7px !important; color:#244C3D !important; -webkit-text-fill-color:#244C3D !important; font-size:24px !important; font-weight:770 !important; line-height:1.3 !important; } .dlhdx-pd-lead { max-width:840px !important; color:#597B6F !important; -webkit-text-fill-color:#597B6F !important; font-size:10.9px !important; line-height:1.67 !important; } .dlhdx-pd-lead strong { color:#335649 !important; -webkit-text-fill-color:#335649 !important; } .dlhdx-pd-summary { display:flex !important; flex-direction:column !important; justify-content:center !important; padding:21px !important; border-radius:14px !important; background:linear-gradient(145deg,#224D3D,#3E7F67) !important; } .dlhdx-pd-summary span { margin:0 0 5px !important; color:#D4E8E1 !important; -webkit-text-fill-color:#D4E8E1 !important; font-size:8.6px !important; font-weight:760 !important; letter-spacing:1px !important; text-transform:uppercase !important; } .dlhdx-pd-summary strong { margin:0 0 5px !important; color:#fff !important; -webkit-text-fill-color:#fff !important; font-size:13.5px !important; font-weight:730 !important; line-height:1.4 !important; } .dlhdx-pd-summary small { color:#ECF2F0 !important; -webkit-text-fill-color:#ECF2F0 !important; font-size:9.4px !important; line-height:1.5 !important; } .dlhdx-pd-section { margin:0 0 34px !important; } .dlhdx-pd-section h2 { margin:0 0 13px !important; padding:0 !important; border:0 !important; color:#244C3D !important; -webkit-text-fill-color:#244C3D !important; font-size:18px !important; font-weight:750 !important; line-height:1.4 !important; } .dlhdx-pd-panel { padding:17px 18px !important; border:1px solid #E4E9E7 !important; border-radius:11px !important; background:#fff !important; color:#5A7C6F !important; -webkit-text-fill-color:#5A7C6F !important; font-size:10.2px !important; line-height:1.65 !important; } .dlhdx-pd-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:9px !important; } .dlhdx-pd-card { min-width:0 !important; padding:14px !important; border:1px solid #E4E9E7 !important; border-radius:10px !important; background:#fff !important; } .dlhdx-pd-card b { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:29px !important; height:29px !important; margin:0 0 8px !important; border-radius:8px !important; background:#F3F6F5 !important; color:#3D846A !important; -webkit-text-fill-color:#3D846A !important; font-size:8px !important; font-weight:800 !important; } .dlhdx-pd-card strong { display:block !important; margin:0 0 4px !important; color:#335649 !important; -webkit-text-fill-color:#335649 !important; font-size:10.5px !important; font-weight:710 !important; line-height:1.4 !important; } .dlhdx-pd-card small { display:block !important; color:#63897B !important; -webkit-text-fill-color:#63897B !important; font-size:9.2px !important; line-height:1.53 !important; } .dlhdx-pd-steps { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:8px !important; } .dlhdx-pd-step { padding:13px !important; border:1px solid #E4E9E7 !important; border-radius:10px !important; background:#fff !important; } .dlhdx-pd-step span { display:flex !important; align-items:center !important; justify-content:center !important; width:27px !important; height:27px !important; margin:0 0 7px !important; border-radius:7px !important; background:#234D3E !important; color:#fff !important; -webkit-text-fill-color:#fff !important; font-size:8px !important; font-weight:760 !important; } .dlhdx-pd-step strong { display:block !important; margin:0 0 4px !important; color:#335649 !important; -webkit-text-fill-color:#335649 !important; font-size:9.7px !important; font-weight:700 !important; } .dlhdx-pd-step small { display:block !important; color:#63897B !important; -webkit-text-fill-color:#63897B !important; font-size:8.8px !important; line-height:1.5 !important; } .dlhdx-pd-note { padding:11px 13px !important; border-left:3px solid #5A947E !important; background:#F7FAF9 !important; color:#5C7E72 !important; -webkit-text-fill-color:#5C7E72 !important; font-size:9.5px !important; line-height:1.56 !important; } .dlhdx-pd-related { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:16px !important; padding:16px 17px !important; border:1px solid #E2E9E6 !important; border-radius:11px !important; background:#FAFBFB !important; } .dlhdx-pd-related span { color:#5C7E72 !important; -webkit-text-fill-color:#5C7E72 !important; font-size:9.5px !important; line-height:1.5 !important; } .dlhdx-pd-related a, .dlhdx-pd-related a:link, .dlhdx-pd-related a:visited { flex:0 0 auto !important; padding:7px 10px !important; border:1px solid #D0E1DB !important; border-radius:8px !important; background:#F3F6F5 !important; color:#3B7C64 !important; -webkit-text-fill-color:#3B7C64 !important; font-size:9.2px !important; font-weight:700 !important; text-decoration:none !important; white-space:nowrap !important; } @media screen and (max-width:760px) { .dlhdx-pd-hero, .dlhdx-pd-grid, .dlhdx-pd-steps { grid-template-columns:1fr !important; } .dlhdx-pd-related { align-items:flex-start !important; flex-direction:column !important; } } @media screen and (max-width:520px) { .dlhdx-pd-hero-main,.dlhdx-pd-summary { padding:19px 18px !important; } .dlhdx-pd-title { font-size:20px !important; } }