:root {
    --rl-bg: #F7F8FA;
    --rl-surface: #FFFFFF;
    --rl-text: #101828;
    --rl-muted: #667085;
    --rl-primary: #2563EB;
    --rl-primary-dark: #1D4ED8;
    --rl-secondary: #0F766E;
    --rl-border: #E4E7EC;
    --rl-soft-blue: #EFF6FF;
    --rl-soft-teal: #F0FDFA;
    --rl-soft-amber: #FFFBEB;
    --rl-soft-violet: #F5F3FF;
    --rl-radius-sm: 10px;
    --rl-radius: 18px;
    --rl-radius-lg: 28px;
    --rl-shadow: 0 20px 60px rgba(16, 24, 40, 0.06);
    --rl-container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    background: var(--rl-bg);
    color: var(--rl-text);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 17px;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
a:hover { color: var(--rl-primary); }
img { max-width: 100%; height: auto; }
button, input, textarea, select { font: inherit; }
button, .button, .primary-menu a, .footer-links a, .tag-link { min-height: 44px; }

.rl-container { width: min(calc(100% - 40px), var(--rl-container)); margin-inline: auto; }
.screen-reader-text {
    position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
.screen-reader-text:focus {
    width: auto; height: auto; clip: auto; margin: 12px; padding: 10px 14px; z-index: 9999;
    background: var(--rl-surface); color: var(--rl-text); border-radius: 8px;
}

.site-header {
    position: sticky; top: 0; z-index: 100;
    background: rgba(247, 248, 250, 0.92);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(228, 231, 236, 0.9);
}
.site-header__inner { min-height: 78px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 28px; }
.brand { display: inline-flex; align-items: baseline; gap: 5px; letter-spacing: -0.04em; white-space: nowrap; }
.brand__ramon { font-weight: 850; font-size: 20px; }
.brand__slash { color: var(--rl-primary); font-weight: 800; }
.brand__luminous { font-weight: 450; font-size: 17px; letter-spacing: 0.01em; }
.primary-menu { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; gap: 2px; }
.primary-menu > li { position: relative; }
.primary-menu a { display: flex; align-items: center; padding: 10px 12px; font-size: 14px; font-weight: 650; color: #344054; border-radius: 10px; }
.primary-menu a:hover { background: var(--rl-surface); color: var(--rl-text); }
.primary-menu > .menu-item-has-children > a::after { content: "⌄"; margin-left: 6px; color: var(--rl-muted); font-size: 12px; transform: translateY(-1px); }
.primary-menu .sub-menu {
    display: none; position: absolute; top: 100%; left: 0; min-width: 240px; list-style: none;
    padding: 10px; margin: 0; background: var(--rl-surface); border: 1px solid var(--rl-border);
    border-radius: 14px; box-shadow: var(--rl-shadow);
}
.primary-menu li:hover > .sub-menu, .primary-menu li:focus-within > .sub-menu { display: block; }
.header-search { width: 190px; }
.search-form { position: relative; display: flex; align-items: center; }
.search-form__icon { position: absolute; left: 13px; top: 50%; transform: translateY(-52%); color: var(--rl-muted); pointer-events: none; }
.search-field {
    width: 100%; height: 44px; padding: 0 14px 0 36px; border: 1px solid var(--rl-border);
    border-radius: 999px; background: var(--rl-surface); color: var(--rl-text); outline: none;
}
.search-field:focus { border-color: #93B4FC; box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.08); }
.menu-toggle { display: none; border: 0; background: transparent; color: var(--rl-text); padding: 8px 4px; cursor: pointer; align-items: center; gap: 10px; }
.menu-toggle__label { font-size: 14px; font-weight: 700; }
.menu-toggle__lines { display: grid; gap: 5px; width: 20px; }
.menu-toggle__lines i { height: 2px; width: 20px; background: currentColor; display: block; border-radius: 10px; }

.site-footer { margin-top: 92px; padding: 64px 0 28px; background: #0B1220; color: #D0D5DD; }
.site-footer__grid { display: grid; grid-template-columns: 1.7fr 1fr 1fr; gap: 64px; }
.site-footer .brand { color: #FFF; }
.site-footer__brand p { max-width: 540px; margin: 18px 0 0; color: #98A2B3; }
.site-footer__title { margin: 0 0 12px; color: #FFF; font-size: 14px; letter-spacing: .08em; text-transform: uppercase; }
.footer-links { list-style: none; padding: 0; margin: 0; }
.footer-links a { display: flex; align-items: center; color: #D0D5DD; font-size: 15px; }
.footer-links a:hover { color: #FFF; }
.site-footer__bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 48px; padding-top: 24px; border-top: 1px solid #1D2939; color: #667085; font-size: 13px; }

@media (max-width: 1060px) {
    .site-header__inner { grid-template-columns: auto 1fr auto; }
    .menu-toggle { display: inline-flex; grid-column: 3; }
    .header-search { grid-column: 2; grid-row: 1; justify-self: end; width: 220px; }
    .primary-navigation {
        display: none; position: fixed; inset: 78px 0 auto 0; background: var(--rl-surface); border-bottom: 1px solid var(--rl-border);
        padding: 16px 20px 24px; max-height: calc(100vh - 78px); overflow: auto;
    }
    .primary-navigation.is-open { display: block; }
    .primary-menu { display: block; width: min(100%, var(--rl-container)); margin: auto; }
    .primary-menu a { padding: 11px 4px; font-size: 16px; }
    .primary-menu .sub-menu { display: block; position: static; box-shadow: none; border: 0; padding: 0 0 0 16px; background: transparent; }
}

@media (max-width: 700px) {
    body { font-size: 16px; }
    .rl-container { width: min(calc(100% - 28px), var(--rl-container)); }
    .site-header__inner { min-height: 68px; grid-template-columns: 1fr auto; gap: 12px; }
    .header-search { display: none; }
    .menu-toggle { grid-column: 2; }
    .primary-navigation { inset: 68px 0 auto 0; max-height: calc(100vh - 68px); }
    .brand__ramon { font-size: 18px; }
    .brand__luminous { font-size: 15px; }
    .site-footer { padding-top: 48px; }
    .site-footer__grid { grid-template-columns: 1fr; gap: 30px; }
    .site-footer__bottom { flex-direction: column; }
}

/* Home */
.hero { padding: 86px 0 58px; position: relative; overflow: hidden; }
.hero::before { content: ""; position: absolute; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle, rgba(37,99,235,.10), rgba(37,99,235,0) 68%); right: -180px; top: -210px; pointer-events: none; }
.hero__grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr); align-items: center; gap: 76px; }
.eyebrow { display: inline-block; margin-bottom: 14px; color: var(--rl-primary); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hero h1 { max-width: 780px; margin: 0; font-size: clamp(48px, 6vw, 78px); line-height: .99; letter-spacing: -.055em; font-weight: 820; }
.hero__lead { margin: 28px 0 0; max-width: 680px; color: #475467; font-size: clamp(19px, 2vw, 23px); line-height: 1.5; }
.hero-search { display: grid; grid-template-columns: auto 1fr auto; align-items: center; max-width: 720px; margin-top: 34px; padding: 7px; border: 1px solid var(--rl-border); border-radius: 16px; background: var(--rl-surface); box-shadow: 0 14px 40px rgba(16,24,40,.06); }
.hero-search__icon { padding-left: 10px; color: var(--rl-muted); font-size: 22px; }
.hero-search input { min-width: 0; height: 50px; padding: 0 12px; border: 0; outline: 0; color: var(--rl-text); background: transparent; }
.hero-search button { min-height: 48px; padding: 0 22px; border: 0; border-radius: 11px; background: var(--rl-primary); color: #fff; font-weight: 760; cursor: pointer; }
.hero-search button:hover { background: var(--rl-primary-dark); }
.quick-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 15px; }
.tag-link { display: inline-flex; align-items: center; padding: 0 12px; min-height: 34px; border: 1px solid var(--rl-border); border-radius: 999px; background: rgba(255,255,255,.55); color: #475467; font-size: 13px; font-weight: 650; }
.tag-link:hover { border-color: #B2CCFF; background: #fff; color: var(--rl-primary); }
.hero__signal { display: flex; justify-content: end; }
.signal-panel { width: 100%; max-width: 390px; padding: 28px; border: 1px solid var(--rl-border); border-radius: var(--rl-radius-lg); background: rgba(255,255,255,.72); box-shadow: var(--rl-shadow); backdrop-filter: blur(14px); }
.signal-panel__label { display: block; margin-bottom: 20px; color: var(--rl-muted); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.signal-line { display: grid; grid-template-columns: 30px auto 1fr; align-items: center; gap: 12px; padding: 15px 0; border-top: 1px solid var(--rl-border); }
.signal-line b { color: var(--rl-primary); font-size: 11px; }
.signal-line span { font-size: 14px; font-weight: 700; white-space: nowrap; }
.signal-line i { height: 6px; border-radius: 99px; background: linear-gradient(90deg, #D1E0FF, #84ADFF); transform-origin: left; }
.signal-line:nth-child(3) i { transform: scaleX(.8); }.signal-line:nth-child(4) i { transform: scaleX(.64); }.signal-line:nth-child(5) i { transform: scaleX(.48); }

.home-section { padding: 74px 0; }
.home-section--tight { padding-top: 22px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 30px; }
.section-heading h2 { margin: 0; font-size: clamp(30px, 4vw, 44px); line-height: 1.08; letter-spacing: -.04em; }
.section-heading p { max-width: 620px; margin: 12px 0 0; color: var(--rl-muted); }
.section-link { display: inline-flex; align-items: center; min-height: 44px; color: var(--rl-primary); font-size: 14px; font-weight: 750; white-space: nowrap; }

.pillar-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--rl-border); border-radius: var(--rl-radius-lg); overflow: hidden; background: var(--rl-surface); }
.pillar-card { min-height: 330px; padding: 34px; display: flex; flex-direction: column; border-right: 1px solid var(--rl-border); transition: background .18s ease, transform .18s ease; }
.pillar-card:last-child { border-right: 0; }
.pillar-card:hover { color: var(--rl-text); background: #FCFCFD; }
.pillar-card__index { margin-bottom: 48px; color: var(--rl-primary); font-size: 12px; font-weight: 800; }
.pillar-card h2 { margin: 0 0 15px; font-size: 27px; letter-spacing: -.035em; }
.pillar-card p { margin: 0 0 28px; color: var(--rl-muted); }
.text-link { margin-top: auto; display: inline-flex; align-items: center; gap: 8px; color: var(--rl-primary); font-size: 14px; font-weight: 760; }
.text-link span { transition: transform .18s ease; }.text-link:hover span { transform: translateX(4px); }

.guide-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.guide-card { min-height: 300px; padding: 26px; display: flex; flex-direction: column; border: 1px solid var(--rl-border); border-radius: var(--rl-radius); background: var(--rl-surface); }
.guide-card:hover { border-color: #B2CCFF; box-shadow: 0 12px 36px rgba(16,24,40,.045); }
.guide-card__meta { margin-bottom: 34px; color: var(--rl-secondary); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.guide-card h3 { margin: 0 0 12px; font-size: 21px; line-height: 1.3; letter-spacing: -.025em; }
.guide-card p { margin: 0 0 22px; color: var(--rl-muted); font-size: 15px; }

.home-section--library { margin: 32px 0; background: #101828; color: #fff; }
.section-heading--light .eyebrow { color: #84ADFF; }.section-heading--light p { color: #98A2B3; }.section-heading--light .section-link { color: #B2CCFF; }
.library-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.library-card { min-height: 250px; padding: 28px; display: flex; flex-direction: column; border: 1px solid #344054; border-radius: var(--rl-radius); background: #182230; }
.library-card__type { margin-bottom: 28px; color: #5FE9D0; font-size: 11px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.library-card h3 { margin: 0 0 12px; font-size: 21px; line-height: 1.3; }.library-card h3 a:hover { color: #fff; }
.library-card p { margin: 0 0 24px; color: #98A2B3; font-size: 15px; }.text-link--light { color: #84ADFF; }

.latest-list { border-top: 1px solid var(--rl-border); }
.latest-row { display: grid; grid-template-columns: 180px 1fr 44px; gap: 30px; align-items: center; min-height: 148px; padding: 22px 0; border-bottom: 1px solid var(--rl-border); }
.latest-row__meta { align-self: start; display: grid; gap: 8px; padding-top: 4px; font-size: 12px; font-weight: 760; text-transform: uppercase; letter-spacing: .04em; }
.latest-row__meta span { color: var(--rl-secondary); }.latest-row__meta time { color: #98A2B3; font-weight: 600; }
.latest-row__content h3 { margin: 0 0 8px; font-size: 23px; line-height: 1.25; letter-spacing: -.03em; }.latest-row__content p { margin: 0; color: var(--rl-muted); font-size: 15px; }
.latest-row__arrow { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--rl-border); border-radius: 50%; color: var(--rl-primary); font-size: 20px; }
.latest-row:hover .latest-row__arrow { background: var(--rl-primary); border-color: var(--rl-primary); color: #fff; }
.empty-state { padding: 28px 0; display: grid; gap: 5px; color: var(--rl-muted); }.empty-state strong { color: var(--rl-text); }

.standards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.standard-card { min-height: 150px; display: grid; grid-template-columns: 44px 1fr 28px; gap: 16px; align-items: start; padding: 22px; border: 1px solid var(--rl-border); border-radius: 16px; background: var(--rl-surface); }
.standard-card:hover { color: var(--rl-text); border-color: #B2CCFF; background: #FCFCFD; }
.standard-card__mark { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--rl-soft-blue); color: var(--rl-primary); font-size: 12px; font-weight: 850; }
.standard-card h3 { margin: 2px 0 7px; font-size: 18px; }.standard-card p { margin: 0; color: var(--rl-muted); font-size: 13px; line-height: 1.55; }.standard-card__arrow { color: #98A2B3; }

@media (max-width: 980px) {
    .hero { padding-top: 64px; }.hero__grid { grid-template-columns: 1fr; gap: 36px; }.hero__signal { justify-content: start; }.signal-panel { max-width: none; }
    .pillar-grid, .guide-grid, .library-grid, .standards-grid { grid-template-columns: repeat(2, 1fr); }
    .pillar-card { border-bottom: 1px solid var(--rl-border); }.pillar-card:nth-child(2) { border-right: 0; }.pillar-card:last-child { grid-column: 1/-1; border-bottom: 0; }
}
@media (max-width: 700px) {
    .hero { padding: 52px 0 34px; }.hero h1 { font-size: clamp(42px, 13vw, 58px); }.hero__lead { margin-top: 20px; }
    .hero-search { grid-template-columns: auto 1fr; }.hero-search button { grid-column: 1/-1; width: 100%; margin-top: 4px; }.signal-panel { padding: 20px; }
    .home-section { padding: 52px 0; }.section-heading { align-items: start; flex-direction: column; gap: 8px; }.section-heading h2 { font-size: 32px; }
    .pillar-grid, .guide-grid, .library-grid, .standards-grid { grid-template-columns: 1fr; }
    .pillar-card { min-height: 260px; border-right: 0; }.pillar-card:last-child { grid-column: auto; }.pillar-card__index { margin-bottom: 26px; }
    .latest-row { grid-template-columns: 1fr 44px; gap: 12px; padding: 24px 0; }.latest-row__meta { grid-column: 1/-1; display: flex; justify-content: space-between; }.latest-row__content p { display: none; }
}

/* Article and listing templates */
.article-hero { padding: 62px 0 46px; border-bottom: 1px solid var(--rl-border); background: var(--rl-surface); }
.article-hero__inner { max-width: 1020px; }
.breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 32px; color: #98A2B3; font-size: 12px; font-weight: 650; }
.breadcrumbs a:hover { color: var(--rl-primary); }
.article-hero__category { margin-bottom: 16px; color: var(--rl-secondary); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.article-hero h1 { max-width: 900px; margin: 0; font-size: clamp(40px, 5.5vw, 66px); line-height: 1.03; letter-spacing: -.052em; }
.article-hero__summary { max-width: 820px; margin: 24px 0 0; color: #475467; font-size: 20px; line-height: 1.55; }
.article-meta { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 24px; color: #98A2B3; font-size: 13px; font-weight: 600; }.article-meta__dot { color: #D0D5DD; }
.article-layout { display: grid; grid-template-columns: 250px minmax(0, 760px); gap: 72px; justify-content: center; align-items: start; padding-top: 58px; }
.article-sidebar { position: sticky; top: 110px; display: grid; gap: 16px; }
.toc-panel, .quick-info { border: 1px solid var(--rl-border); border-radius: 16px; background: var(--rl-surface); }
.toc-panel { padding: 18px; }.toc-panel__toggle { width: 100%; min-height: 40px; padding: 0; display: flex; justify-content: space-between; align-items: center; border: 0; background: transparent; color: var(--rl-text); font-size: 13px; font-weight: 800; cursor: pointer; }
.toc ol { list-style: none; margin: 8px 0 0; padding: 0; }.toc li { margin: 0; }.toc a { display: block; padding: 7px 0; color: #667085; font-size: 12px; line-height: 1.4; }.toc a:hover { color: var(--rl-primary); }.toc__subitem a { padding-left: 14px; font-size: 11px; }
.quick-info { padding: 18px; }.quick-info__title { display: block; margin-bottom: 12px; font-size: 12px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.quick-info > div { display: grid; gap: 3px; padding: 10px 0; border-top: 1px solid var(--rl-border); }.quick-info span { color: #98A2B3; font-size: 10px; font-weight: 700; text-transform: uppercase; }.quick-info strong { font-size: 12px; }
.article-content { min-width: 0; color: #344054; font-size: 18px; line-height: 1.78; }
.article-content > *:first-child { margin-top: 0; }.article-content h2, .article-content h3 { scroll-margin-top: 110px; color: var(--rl-text); letter-spacing: -.035em; }.article-content h2 { margin: 58px 0 20px; font-size: 34px; line-height: 1.2; }.article-content h3 { margin: 40px 0 14px; font-size: 24px; line-height: 1.3; }
.article-content p { margin: 0 0 24px; }.article-content a { color: var(--rl-primary); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }.article-content ul, .article-content ol { padding-left: 24px; margin-bottom: 28px; }.article-content li { margin-bottom: 8px; }
.article-content blockquote { margin: 34px 0; padding: 4px 0 4px 22px; border-left: 3px solid var(--rl-primary); color: #475467; font-size: 21px; }
.article-content table { width: 100%; border-collapse: collapse; margin: 30px 0; font-size: 15px; }.article-content th, .article-content td { padding: 13px 14px; border: 1px solid var(--rl-border); text-align: left; vertical-align: top; }.article-content th { background: #F2F4F7; color: var(--rl-text); }
.article-featured { margin: 0 0 34px; }.article-featured img { width: 100%; border-radius: 18px; }
.ramon-callout { margin: 34px 0; padding: 22px 24px; border: 1px solid var(--rl-border); border-left: 4px solid var(--rl-primary); border-radius: 14px; background: var(--rl-soft-blue); }.ramon-callout__label { display: block; margin-bottom: 9px; color: var(--rl-primary); font-size: 11px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }.ramon-callout__content > *:last-child { margin-bottom: 0; }.ramon-callout--audit { border-left-color: var(--rl-secondary); background: var(--rl-soft-teal); }.ramon-callout--audit .ramon-callout__label { color: var(--rl-secondary); }.ramon-callout--example { border-left-color: #7F56D9; background: var(--rl-soft-violet); }.ramon-callout--example .ramon-callout__label { color: #6941C6; }.ramon-callout--control { border-left-color: #DC6803; background: var(--rl-soft-amber); }.ramon-callout--control .ramon-callout__label { color: #B54708; }
.article-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 54px; padding-top: 24px; border-top: 1px solid var(--rl-border); }.article-tags span { margin-right: 6px; color: #98A2B3; font-size: 11px; font-weight: 800; text-transform: uppercase; }.article-tags a { padding: 6px 10px; border: 1px solid var(--rl-border); border-radius: 999px; color: #475467; font-size: 12px; text-decoration: none; }
.article-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 70px; padding-top: 30px; border-top: 1px solid var(--rl-border); }.article-nav > div { display: grid; gap: 7px; }.article-nav span { color: #98A2B3; font-size: 11px; font-weight: 800; text-transform: uppercase; }.article-nav strong { font-size: 15px; }.article-nav__next { text-align: right; }

.page-hero, .listing-hero { padding: 62px 0 48px; background: var(--rl-surface); border-bottom: 1px solid var(--rl-border); }.page-hero h1, .listing-hero h1 { max-width: 900px; margin: 0; font-size: clamp(40px, 5vw, 62px); line-height: 1.05; letter-spacing: -.05em; }.page-hero p, .listing-hero__desc { max-width: 740px; margin: 20px 0 0; color: var(--rl-muted); font-size: 19px; }.page-content { max-width: 800px; padding-top: 54px; color: #344054; font-size: 18px; line-height: 1.78; }.page-content h2 { margin-top: 52px; font-size: 34px; letter-spacing: -.035em; color: var(--rl-text); }
.listing-hero--dark { background: #101828; color: #fff; border-bottom: 0; }.listing-hero--dark .breadcrumbs, .listing-hero--dark .listing-hero__desc { color: #98A2B3; }.listing-hero--dark .eyebrow { color: #84ADFF; }
.listing-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; padding-top: 50px; align-items: stretch; }
.listing-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.listing-card { min-width: 0; overflow: hidden; display: flex; flex-direction: column; border: 1px solid var(--rl-border); border-radius: 16px; background: var(--rl-surface); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.listing-card:hover { transform: translateY(-3px); border-color: #C7D7FE; box-shadow: 0 18px 44px rgba(16, 24, 40, 0.07); }
.listing-card__media { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #EEF4FF; border-bottom: 1px solid var(--rl-border); }
.listing-card__image { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .3s ease; }
.listing-card:hover .listing-card__image { transform: scale(1.025); }
.listing-card__fallback { position: absolute; inset: 0; display: grid; place-items: center; overflow: hidden; background: linear-gradient(145deg, #F1F5FF 0%, #F0FDFA 100%); color: var(--rl-primary); }
.listing-card__fallback::before { content: ""; position: absolute; width: 56%; aspect-ratio: 1; border: 1px solid rgba(37,99,235,.18); border-radius: 50%; }
.listing-card__fallback i { position: absolute; width: 74%; height: 1px; background: linear-gradient(90deg, transparent, rgba(15,118,110,.2), transparent); transform-origin: center; }
.listing-card__fallback i:nth-of-type(1) { transform: rotate(18deg); }
.listing-card__fallback i:nth-of-type(2) { transform: rotate(90deg); }
.listing-card__fallback i:nth-of-type(3) { transform: rotate(162deg); }
.listing-card__fallback-mark { position: relative; z-index: 1; display: grid; place-items: center; width: 64px; height: 64px; border: 1px solid rgba(37,99,235,.22); border-radius: 18px; background: rgba(255,255,255,.72); box-shadow: 0 12px 32px rgba(37,99,235,.08); font-size: 17px; font-weight: 850; letter-spacing: -.04em; }
.listing-card__body { flex: 1; display: flex; flex-direction: column; padding: 19px 20px 18px; }
.listing-card__meta { display: flex; align-items: center; gap: 8px; margin-bottom: 13px; color: #667085; font-size: 12px; }
.listing-card__badge { display: inline-flex; align-items: center; min-height: 24px; padding: 3px 10px; border-radius: 999px; background: var(--rl-soft-blue); color: var(--rl-primary); font-size: 11px; font-weight: 750; line-height: 1.2; }
.listing-card__read-time { white-space: nowrap; color: #667085; }
.listing-card__title { margin: 0 0 9px; font-size: 22px; line-height: 1.28; letter-spacing: -.035em; }
.listing-card__title a { color: var(--rl-text); }
.listing-card__title a:hover { color: var(--rl-primary); }
.listing-card__excerpt { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 0 0 18px; color: var(--rl-muted); font-size: 14px; line-height: 1.55; }
.listing-card__footer { margin-top: auto; padding-top: 15px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid #F2F4F7; }
.listing-card__footer time { color: #667085; font-size: 11px; }
.listing-card__footer .text-link { flex: 0 0 auto; font-size: 12px; }
.listing-card--resource { min-height: 0; }
.pagination-wrap { margin-top: 40px; }.nav-links { display: flex; gap: 6px; }.nav-links .page-numbers { min-width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid var(--rl-border); border-radius: 10px; background: var(--rl-surface); font-size: 13px; font-weight: 700; }.nav-links .current { background: var(--rl-primary); color: #fff; border-color: var(--rl-primary); }

@media (max-width: 960px) {
    .article-layout { grid-template-columns: 1fr; gap: 26px; }.article-sidebar { position: static; grid-row: 1; }.quick-info { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 20px; }.quick-info__title { grid-column: 1/-1; }.toc-panel__toggle { min-height: 44px; }
    .listing-grid, .listing-grid--three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
    .article-hero, .page-hero, .listing-hero { padding: 42px 0 34px; }.breadcrumbs { margin-bottom: 22px; }.article-hero h1, .page-hero h1, .listing-hero h1 { font-size: 40px; }.article-hero__summary { font-size: 18px; }.article-meta__dot { display: none; }.article-meta { display: grid; gap: 3px; }
    .article-layout { padding-top: 30px; }.article-content { font-size: 17px; line-height: 1.72; }.article-content h2 { margin-top: 44px; font-size: 29px; }.article-content h3 { font-size: 22px; }.quick-info { grid-template-columns: 1fr 1fr; }
    .article-nav { grid-template-columns: 1fr; }.article-nav__next { text-align: left; }.page-content { padding-top: 34px; font-size: 17px; }.listing-grid, .listing-grid--three { grid-template-columns: 1fr; padding-top: 32px; }.listing-card__body { padding: 18px; }.listing-card__title { font-size: 21px; }
    .article-content table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

/* Topic / standard hubs */
.hub-hero { padding: 68px 0 54px; background: var(--rl-surface); border-bottom: 1px solid var(--rl-border); }
.hub-hero__grid { display: grid; grid-template-columns: 1fr 260px; align-items: end; gap: 70px; }
.hub-hero h1 { margin: 0; font-size: clamp(48px, 6vw, 72px); line-height: 1; letter-spacing: -.055em; }
.hub-hero__lead { max-width: 760px; margin: 22px 0 0; color: var(--rl-muted); font-size: 20px; }
.hub-hero__metric { min-height: 190px; padding: 26px; display: flex; flex-direction: column; justify-content: end; border: 1px solid var(--rl-border); border-radius: 20px; background: var(--rl-bg); }
.hub-hero__metric span { color: var(--rl-primary); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }.hub-hero__metric strong { margin-top: 22px; font-size: 52px; line-height: 1; letter-spacing: -.05em; }.hub-hero__metric small { margin-top: 5px; color: var(--rl-muted); }
.hub-intro { padding: 42px 0 0; }.hub-intro__content { max-width: 800px; color: #475467; font-size: 18px; line-height: 1.75; }.hub-intro__content > *:first-child { margin-top: 0; }
.hub-listing { padding-top: 0; }
.hub-hero--standard { overflow: hidden; }.standard-orbit { position: relative; width: 210px; height: 210px; display: grid; place-items: center; border: 1px solid #B2CCFF; border-radius: 50%; background: var(--rl-soft-blue); color: var(--rl-primary); font-weight: 850; letter-spacing: .05em; }.standard-orbit i { position: absolute; inset: 18px; border: 1px solid #D1E0FF; border-radius: 50%; }.standard-orbit i:nth-child(2) { inset: 44px; }.standard-orbit i:nth-child(3) { inset: 70px; background: rgba(255,255,255,.65); }
@media (max-width: 820px) { .hub-hero__grid { grid-template-columns: 1fr; gap: 28px; }.hub-hero__metric { min-height: 140px; }.standard-orbit { width: 160px; height: 160px; } }

/* 404 */
.not-found { min-height: 64vh; display: grid; align-items: center; padding: 70px 0; }
.not-found__inner { max-width: 760px; text-align: center; }
.not-found h1 { margin: 0; font-size: clamp(50px, 8vw, 82px); line-height: 1; letter-spacing: -.055em; }
.not-found p { margin: 22px auto 0; max-width: 620px; color: var(--rl-muted); font-size: 19px; }
.not-found__actions { display: flex; justify-content: center; gap: 10px; margin-top: 30px; flex-wrap: wrap; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 18px; border-radius: 11px; font-size: 14px; font-weight: 760; }
.button--primary { background: var(--rl-primary); color: #fff; }.button--primary:hover { background: var(--rl-primary-dark); color: #fff; }
.button--ghost { border: 1px solid var(--rl-border); background: var(--rl-surface); }
.not-found__search { width: min(100%, 440px); margin: 28px auto 0; }

/* Topic-specific editorial card art */
.listing-card__fallback--bilgi-guvenligi { background: radial-gradient(circle at 72% 28%, rgba(37,99,235,.18), transparent 28%), linear-gradient(145deg, #EEF4FF 0%, #F0F9FF 100%); color: #1D4ED8; }
.listing-card__fallback--denetim { background: radial-gradient(circle at 72% 28%, rgba(15,118,110,.18), transparent 28%), linear-gradient(145deg, #ECFDF3 0%, #F0FDFA 100%); color: #0F766E; }
.listing-card__fallback--risk-kontroller { background: radial-gradient(circle at 72% 28%, rgba(127,86,217,.16), transparent 28%), linear-gradient(145deg, #F4F3FF 0%, #FAF5FF 100%); color: #6941C6; }
.listing-card__fallback--mevzuat-uyum { background: radial-gradient(circle at 72% 28%, rgba(220,104,3,.15), transparent 28%), linear-gradient(145deg, #FFFAEB 0%, #FFF7ED 100%); color: #B54708; }
.listing-card__fallback--rehberler { background: radial-gradient(circle at 72% 28%, rgba(2,132,199,.16), transparent 28%), linear-gradient(145deg, #F0F9FF 0%, #ECFEFF 100%); color: #0369A1; }
.listing-card__fallback--library { background: radial-gradient(circle at 72% 28%, rgba(16,24,40,.15), transparent 28%), linear-gradient(145deg, #F2F4F7 0%, #EAECF0 100%); color: #344054; }

/* Denetim branches, BT controls and regulation library */
.branch-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.branch-grid--two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.branch-card { min-height:260px; padding:28px; display:flex; flex-direction:column; border:1px solid var(--rl-border); border-radius:20px; background:var(--rl-surface); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.branch-card:hover { transform:translateY(-3px); border-color:#C7D7FE; box-shadow:0 18px 44px rgba(16,24,40,.07); color:inherit; }
.branch-card--blue { background:linear-gradient(145deg,#F5F8FF,#EEF4FF); }
.branch-card--teal { background:linear-gradient(145deg,#F4FFFC,#ECFDF3); }
.branch-card--amber { background:linear-gradient(145deg,#FFFDF5,#FFFAEB); }
.branch-card__code { display:inline-flex; align-self:flex-start; min-height:28px; align-items:center; padding:4px 10px; border-radius:999px; background:#fff; border:1px solid var(--rl-border); color:var(--rl-primary); font-size:11px; font-weight:850; letter-spacing:.07em; }
.branch-card h3 { margin:28px 0 10px; font-size:29px; line-height:1.1; letter-spacing:-.04em; }
.branch-card p { margin:0 0 24px; color:var(--rl-muted); font-size:15px; }
.branch-card strong { margin-top:auto; color:var(--rl-primary); font-size:14px; }
.hub-inline-link { margin:24px 0 0; }

.period-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.period-card { min-height:190px; padding:24px; display:grid; grid-template-columns:1fr auto; align-content:end; border:1px solid var(--rl-border); border-radius:18px; background:var(--rl-surface); }
.period-card:hover { border-color:#B2CCFF; color:inherit; box-shadow:0 14px 34px rgba(16,24,40,.05); }
.period-card span { grid-column:1/-1; color:var(--rl-primary); font-size:13px; font-weight:800; }
.period-card strong { margin-top:20px; font-size:50px; line-height:1; letter-spacing:-.05em; }
.period-card small { align-self:end; padding-bottom:4px; color:var(--rl-muted); }
.period-card b { grid-column:1/-1; margin-top:18px; color:#344054; font-size:13px; }

.control-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.control-card { min-height:300px; padding:22px; display:flex; flex-direction:column; border:1px solid var(--rl-border); border-radius:16px; background:var(--rl-surface); }
.control-card:hover { border-color:#C7D7FE; box-shadow:0 14px 34px rgba(16,24,40,.05); }
.control-card__meta { display:flex; align-items:center; justify-content:space-between; gap:10px; color:var(--rl-primary); font-size:12px; font-weight:800; }
.control-card__area { margin-top:14px; color:var(--rl-muted); font-size:12px; text-transform:uppercase; letter-spacing:.07em; font-weight:750; }
.control-card h3 { margin:12px 0 10px; font-size:21px; line-height:1.3; letter-spacing:-.03em; }
.control-card p { margin:0 0 22px; color:var(--rl-muted); font-size:14px; }
.risk-badge { display:inline-flex; align-items:center; min-height:25px; padding:3px 9px; border-radius:999px; background:#F2F4F7; color:#475467; font-size:10px; font-weight:850; text-transform:uppercase; }
.risk-badge--kritik { background:#FEF3F2; color:#B42318; }
.risk-badge--yüksek { background:#FFF4ED; color:#B54708; }
.risk-badge--orta { background:#FFFAEB; color:#B54708; }
.risk-badge--düşük { background:#ECFDF3; color:#027A48; }

.control-detail__layout { display:grid; grid-template-columns:280px minmax(0,780px); gap:72px; padding-top:48px; align-items:start; }
.control-detail__facts { position:sticky; top:104px; overflow:hidden; border:1px solid var(--rl-border); border-radius:16px; background:var(--rl-surface); }
.control-detail__facts > div { padding:14px 18px; display:grid; gap:3px; border-top:1px solid var(--rl-border); }
.control-detail__facts > div span { color:var(--rl-muted); font-size:11px; text-transform:uppercase; letter-spacing:.06em; }
.control-detail__facts > div strong { font-size:14px; }
.control-detail__facts .quick-info__title { display:block; padding:16px 18px; color:var(--rl-primary); font-size:12px; font-weight:850; }
.control-detail__content { max-width:none; }

.teblig-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.teblig-card { min-height:340px; padding:26px; display:flex; flex-direction:column; border:1px solid var(--rl-border); border-radius:18px; background:var(--rl-surface); }
.teblig-card__code,.teblig-title-code { align-self:flex-start; display:inline-flex; padding:5px 10px; border-radius:999px; background:var(--rl-soft-amber); color:#B54708; font-size:12px; font-weight:850; letter-spacing:.04em; }
.teblig-card h2 { margin:24px 0 12px; font-size:23px; line-height:1.25; letter-spacing:-.035em; }
.teblig-card p { margin:0 0 20px; color:var(--rl-muted); font-size:14px; }
.teblig-card__meta { margin-top:auto; padding-top:16px; display:flex; gap:14px; border-top:1px solid #F2F4F7; color:#667085; font-size:11px; }
.teblig-card .text-link { margin-top:14px; }
.teblig-title-code { margin-bottom:18px; }

.reg-fact { min-height:190px; padding:26px; display:flex; flex-direction:column; justify-content:end; border:1px solid var(--rl-border); border-radius:20px; background:#101828; color:#fff; }
.reg-fact span { color:#84ADFF; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.reg-fact strong { margin-top:20px; font-size:30px; line-height:1; }
.reg-fact small { margin-top:8px; color:#98A2B3; }
.regulation-callout { display:grid; grid-template-columns:1fr auto; gap:40px; align-items:center; padding:34px; border:1px solid var(--rl-border); border-radius:22px; background:var(--rl-surface); }
.regulation-callout h2 { margin:0; font-size:34px; letter-spacing:-.04em; }
.regulation-callout p { max-width:760px; margin:14px 0 0; color:var(--rl-muted); }
.regulation-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.legal-note { margin:34px 0; padding:20px 22px; border:1px solid #FDE68A; border-radius:14px; background:#FFFBEB; }
.legal-note strong { color:#92400E; }
.legal-note p { margin:7px 0 0; color:#78350F; font-size:14px; }

@media (max-width:960px) {
    .branch-grid,.branch-grid--two,.period-grid,.control-grid,.teblig-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .control-detail__layout { grid-template-columns:1fr; gap:28px; }
    .control-detail__facts { position:static; display:grid; grid-template-columns:repeat(2,1fr); }
    .control-detail__facts .quick-info__title { grid-column:1/-1; }
    .regulation-callout { grid-template-columns:1fr; }
    .regulation-actions { justify-content:flex-start; }
}
@media (max-width:700px) {
    .branch-grid,.branch-grid--two,.period-grid,.control-grid,.teblig-grid { grid-template-columns:1fr; }
    .control-detail__facts { grid-template-columns:1fr; }
    .branch-card,.control-card,.teblig-card { min-height:0; }
}

/* Contact */
.contact-hero__inner{max-width:840px}.contact-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:64px;align-items:start}.contact-intro h2{font-size:clamp(2rem,4vw,3rem);margin:.6rem 0 1rem}.contact-intro>p{color:var(--rl-muted);font-size:1.06rem;line-height:1.8}.contact-note{margin-top:28px;padding:24px;border:1px solid var(--rl-border);border-radius:18px;background:#fff}.contact-note strong{display:block;margin-bottom:8px}.contact-note p{margin:0;color:var(--rl-muted);line-height:1.7}.contact-form-card{background:#fff;border:1px solid var(--rl-border);border-radius:22px;padding:30px;box-shadow:0 16px 48px rgba(16,24,40,.06)}.contact-form{display:grid;gap:20px}.contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:grid;gap:8px;font-weight:700;font-size:.94rem;color:var(--rl-ink)}.contact-form label span{color:#2563eb}.contact-form input,.contact-form textarea{width:100%;border:1px solid #d0d5dd;border-radius:12px;background:#fff;color:var(--rl-ink);font:inherit;font-weight:400;padding:13px 14px;outline:none;transition:border-color .2s,box-shadow .2s}.contact-form textarea{resize:vertical;min-height:170px}.contact-form input:focus,.contact-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.10)}.contact-form__submit{justify-self:start;border:0;cursor:pointer}.contact-alert{margin-bottom:20px;padding:14px 16px;border-radius:12px;font-weight:700}.contact-alert--success{background:#ecfdf3;border:1px solid #abefc6;color:#067647}.contact-alert--warning{background:#fffaeb;border:1px solid #fedf89;color:#b54708}.contact-alert--error{background:#fef3f2;border:1px solid #fecdca;color:#b42318}.contact-form__hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}@media(max-width:860px){.contact-layout{grid-template-columns:1fr;gap:32px}.contact-form__row{grid-template-columns:1fr}}@media(max-width:560px){.contact-form-card{padding:20px}}

/* Risk & Controls Hub */
.risk-hub-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.risk-hub-grid .branch-card { min-height:300px; }
.risk-rcm-panel { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr); gap:24px; }
.risk-rcm-panel > div { padding:30px; border:1px solid var(--rl-border); border-radius:20px; background:var(--rl-surface); }
.risk-rcm-panel h3 { margin:0 0 18px; font-size:25px; letter-spacing:-.035em; }
.risk-rcm-panel ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 28px; margin:0; padding-left:20px; color:#475467; }
.risk-rcm-panel__action { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; background:#101828 !important; color:#fff; }
.risk-rcm-panel__action p { color:#98A2B3; }
.risk-rcm-panel__action .eyebrow { color:#84ADFF; }
.risk-sample-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.risk-sample-card { padding:26px; border:1px solid var(--rl-border); border-radius:18px; background:var(--rl-surface); }
.risk-sample-card__area { display:inline-flex; padding:5px 10px; border-radius:999px; background:#EFF4FF; color:#175CD3; font-size:11px; font-weight:850; text-transform:uppercase; letter-spacing:.055em; }
.risk-sample-card dl { display:grid; gap:0; margin:18px 0 0; }
.risk-sample-card dl > div { display:grid; grid-template-columns:118px minmax(0,1fr); gap:14px; padding:13px 0; border-top:1px solid #F2F4F7; }
.risk-sample-card dt { color:#667085; font-size:12px; font-weight:800; }
.risk-sample-card dd { margin:0; color:#344054; font-size:14px; line-height:1.55; }
.risk-library-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.risk-library-card { min-height:250px; padding:24px; display:flex; flex-direction:column; border:1px solid var(--rl-border); border-radius:18px; background:var(--rl-surface); color:inherit; }
.risk-library-card:hover { border-color:#B2CCFF; box-shadow:0 14px 34px rgba(16,24,40,.05); }
.risk-library-card > span { color:var(--rl-primary); font-size:11px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }
.risk-library-card h3 { margin:18px 0 10px; font-size:21px; line-height:1.3; letter-spacing:-.03em; }
.risk-library-card p { margin:0 0 20px; color:var(--rl-muted); font-size:14px; }
.risk-library-card strong { margin-top:auto; color:var(--rl-primary); font-size:13px; }
@media (max-width:1100px) { .risk-hub-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:900px) { .risk-rcm-panel { grid-template-columns:1fr; } .risk-library-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:700px) { .risk-hub-grid,.risk-sample-grid,.risk-library-grid { grid-template-columns:1fr; } .risk-hub-grid .branch-card { min-height:0; } .risk-rcm-panel ul { grid-template-columns:1fr; } .risk-sample-card dl > div { grid-template-columns:1fr; gap:5px; } }

/* v1.5.1 — document request catalogue, SPK consulting and required phone */
.documents-hero,.spk-consulting-hero{padding-bottom:56px}
.document-catalogue{display:grid;gap:14px;max-width:1120px}
.document-accordion{overflow:hidden;border:1px solid var(--rl-border,#e4e7ec);border-radius:16px;background:#fff}
.document-accordion summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;cursor:pointer;list-style:none;font-weight:800;color:var(--rl-ink,#101828)}
.document-accordion summary::-webkit-details-marker{display:none}
.document-accordion summary:after{content:'+';display:grid;place-items:center;width:28px;height:28px;margin-left:auto;border-radius:999px;background:#f2f4f7;color:#475467;font-size:20px;line-height:1}
.document-accordion[open] summary:after{content:'–'}
.document-accordion summary small{margin-left:8px;color:#667085;font-size:.78rem;font-weight:600;white-space:nowrap}
.document-list{border-top:1px solid #eef2f6}
.document-list__row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px;border-top:1px solid #f2f4f7}
.document-list__row:first-child{border-top:0}
.document-list__main{display:grid;grid-template-columns:62px minmax(0,1fr);gap:16px;align-items:start;min-width:0}
.document-format{display:inline-flex;justify-content:center;padding:6px 8px;border-radius:8px;background:#eff4ff;color:#175cd3;font-size:.72rem;font-weight:850;letter-spacing:.04em}
.document-list__row h2{margin:0;font-size:1.05rem;line-height:1.35}
.document-list__row h2 a{color:inherit;text-decoration:none}
.document-list__row h2 a:hover{color:#2563eb}
.document-list__row p{margin:5px 0 0;color:#667085;font-size:.88rem;line-height:1.55}
.document-request-button{flex:0 0 auto;white-space:nowrap}
.button--small{padding:9px 13px;font-size:.85rem}
.document-single__hero{max-width:900px}
.document-request-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:18px 20px;border:1px solid #d0d5dd;border-radius:14px;background:#fff}
.document-request-panel>div{display:flex;flex-direction:column;gap:3px}
.document-request-panel span{color:#667085;font-size:.82rem}
.document-request-panel strong{font-size:1.05rem}
.document-single__content{max-width:850px}
.document-info-note{margin-bottom:28px;padding:18px 20px;border:1px solid #c7d7fe;border-radius:14px;background:#f5f8ff}
.document-info-note p{margin:6px 0 0;color:#475467}
.spk-consulting-actions{margin-top:24px}
.consulting-panel{padding:28px;border:1px solid var(--rl-border,#e4e7ec);border-radius:20px;background:#fff}
.consulting-panel h2{max-width:760px;margin:8px 0 20px}
.consulting-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
.consulting-points span{position:relative;padding:12px 14px 12px 38px;border-radius:12px;background:#f8fafc}
.consulting-points span:before{content:'✓';position:absolute;left:14px;color:#2563eb;font-weight:800}
.consulting-disclaimer{margin:20px 0 0;padding-top:18px;border-top:1px solid #e4e7ec;color:#667085;font-size:.9rem}
.section-intro{max-width:820px;color:#667085}
.spk-document-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}
.spk-document-group{padding:22px;border:1px solid var(--rl-border,#e4e7ec);border-radius:16px;background:#fff}
.spk-document-group h3{margin:0 0 12px}
.spk-document-group ul{margin:0;padding-left:20px}
.spk-document-group li{margin:7px 0;color:#475467}
.spk-document-group a{color:inherit;text-decoration:none}
.spk-document-group a:hover{color:#2563eb}
.contact-page--simple .contact-section{padding-top:64px}
.contact-form-only{max-width:760px}
.contact-form-only .contact-form-card{width:100%}
.contact-form-only h1{margin:8px 0 24px;font-size:clamp(2rem,5vw,3.7rem)}
.contact-request-context{display:grid;gap:3px;padding:14px 16px;border:1px solid #c7d7fe;border-radius:12px;background:#f5f8ff}
.contact-request-context span{color:#175cd3!important;font-size:.72rem!important;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.contact-request-context strong{font-size:.95rem;color:#344054}
@media(max-width:960px){.consulting-points,.spk-document-groups{grid-template-columns:1fr}}
@media(max-width:700px){.document-list__row{align-items:flex-start;flex-direction:column}.document-list__main{grid-template-columns:54px minmax(0,1fr)}.document-request-button{width:100%;justify-content:center}.document-request-panel{align-items:flex-start;flex-direction:column}.document-request-panel .button{width:100%;justify-content:center}.document-accordion summary{padding:18px}.document-list__row{padding:17px 18px}}
@media(max-width:640px){.contact-form__row{grid-template-columns:1fr}}
.spk-document-catalogue{margin-top:26px}.spk-document-name-list{margin:0;padding:8px 22px 18px;list-style:none;border-top:1px solid #eef2f6}.spk-document-name-list li{padding:11px 0;border-top:1px solid #f2f4f7;color:#475467}.spk-document-name-list li:first-child{border-top:0}.spk-document-name-list a{color:inherit;text-decoration:none}.spk-document-name-list a:hover{color:#2563eb}
