:root {
    color-scheme: light;
    --docs-green-950: #263b3d;
    --docs-green-900: #304b44;
    --docs-green-800: #3d5e4f;
    --docs-green-700: #4f725f;
    --docs-green-100: #eaf1ed;
    --docs-ink: #172723;
    --docs-muted: #60716b;
    --docs-line: #d7e2dc;
    --docs-surface: #fff;
    --docs-canvas: #f5f7f5;
    --docs-blue: #36c;
    --docs-yellow: #f4c430;
    font-family: "Segoe UI", Arial, sans-serif;
    color: var(--docs-ink);
    background: var(--docs-canvas);
    font-synthesis: none;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { min-width: 320px; scroll-behavior: smooth; }
body { min-width: 320px; min-height: 100vh; margin: 0; }
button, a { font: inherit; }
a { color: var(--docs-green-800); }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid var(--docs-blue); outline-offset: 3px; }

.docs-skip-link {
    position: fixed; z-index: 20; top: 8px; left: 8px; padding: 10px 14px;
    transform: translateY(-160%); border-radius: 8px; background: #fff; color: var(--docs-ink);
}
.docs-skip-link:focus { transform: translateY(0); }
.docs-topbar {
    position: sticky; z-index: 12; top: 0;
}
.gov-bar { display: flex; align-items: center; height: 38px; padding: 0 24px; background: var(--docs-blue); }
.gov-bar a { display: inline-flex; align-items: center; height: 100%; }
.gov-bar img { display: block; width: auto; height: 23px; object-fit: contain; }
.institutional-nav { display: flex; align-items: stretch; height: 68px; padding-right: 20px; background: linear-gradient(110deg, var(--docs-green-950), var(--docs-green-800)); box-shadow: 0 5px 20px rgb(25 43 38 / 22%); }
.igac-brand { display: flex; align-items: center; justify-content: center; flex: 0 0 244px; width: 244px; padding: 0 10px; overflow: hidden; border-radius: 0 0 12px; background: #fff; }
.igac-brand img { display: block; flex: 0 0 auto; width: auto; height: 62px; max-width: none; object-fit: contain; }
.ott-brand { display: flex; align-items: center; min-width: 286px; padding: 5px 16px; border-right: 1px solid rgb(255 255 255 / 18%); }
.ott-brand img { display: block; width: auto; height: 54px; max-width: 246px; object-fit: contain; }
.header-title { display: flex; align-items: center; padding: 0 18px; color: #fff; font-size: clamp(16px, 1.3vw, 20px); font-weight: 500; text-decoration: none; white-space: nowrap; }
.emergency-status { display: flex; align-items: center; gap: 10px; margin-left: auto; color: #fff; }
.emergency-status>span:last-child { display: flex; flex-direction: column; line-height: 1.2; text-align: right; }
.emergency-status strong { font-size: 14px; }
.emergency-status small { opacity: .82; font-size: 12px; }
.status-dot { width: 11px; height: 11px; border: 2px solid rgb(255 255 255 / 80%); border-radius: 50%; background: #7dcc91; box-shadow: 0 0 0 5px rgb(125 204 145 / 15%); }
.header-doc-link, .docs-menu-toggle { display: inline-flex; align-self: center; align-items: center; justify-content: center; gap: 7px; margin-left: 20px; padding: 9px 13px; border: 1px solid rgb(255 255 255 / 35%); border-radius: 999px; color: #fff; background: rgb(255 255 255 / 7%); font-size: 13px; font-weight: 650; text-decoration: none; white-space: nowrap; }
.header-doc-link:hover, .docs-menu-toggle:hover { background: rgb(255 255 255 / 16%); }
.docs-menu-toggle { display: none; cursor: pointer; }
.docs-menu-icon { font-size: 17px; line-height: 1; }

@media (max-width: 1050px) {
    .institutional-nav { padding-right: 12px; }
    .igac-brand { flex-basis: 200px; width: 200px; }
    .ott-brand { min-width: 240px; }
    .header-title { padding: 0 12px; }
    .emergency-status>span:last-child { display: none; }
}
.docs-menu-icon { font-size: 17px; line-height: 1; }

.docs-layout { display: grid; grid-template-columns: 286px minmax(0, 1fr); max-width: 1580px; min-height: calc(100vh - 106px); margin: 0 auto; }
.docs-sidebar {
    position: sticky; top: 106px; align-self: start; display: flex; flex-direction: column; gap: 18px;
    height: calc(100vh - 106px); padding: 28px 16px 22px 22px;
    overflow-y: auto; border-right: 1px solid #e4ebe6;
    background: linear-gradient(180deg, #f9fbf9 0, #fff 190px);
    scrollbar-width: thin; scrollbar-color: #b8c9bc transparent;
}
.docs-sidebar::-webkit-scrollbar { width: 7px; }
.docs-sidebar::-webkit-scrollbar-track { margin-block: 10px; background: transparent; }
.docs-sidebar::-webkit-scrollbar-thumb { border: 1px solid transparent; border-radius: 999px; background: #b8c9bc; background-clip: padding-box; }
.docs-sidebar::-webkit-scrollbar-thumb:hover { background: #829e8c; background-clip: padding-box; }
.docs-sidebar::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
.docs-sidebar-heading { padding: 2px 10px 19px; border-bottom: 1px solid #e9efea; }
.docs-kicker { display: inline-flex; align-items: center; gap: 8px; }
.docs-kicker::before { width: 6px; height: 6px; border-radius: 50%; background: #6b9677; content: ""; }
.docs-kicker, .docs-eyebrow { color: var(--docs-green-700); font-size: 11px; line-height: 1.4; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.docs-sidebar-heading h1 { margin: 9px 0 6px; color: var(--docs-green-950); font-size: 24px; letter-spacing: -.035em; }
.docs-sidebar-heading p { margin: 0; color: var(--docs-muted); font-size: 13px; line-height: 1.5; }
.docs-navigation { display: grid; gap: 3px; }
.docs-nav-section { display: flex; align-items: center; gap: 10px; margin: 17px 11px 7px; color: #72817b; font-size: 10px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.docs-nav-section::after { flex: 1; height: 1px; background: #e4ece6; content: ""; }
.docs-nav-link {
    display: flex; align-items: center; gap: 11px; min-height: 42px; padding: 9px 11px;
    border: 1px solid transparent; border-radius: 11px; color: #34453f;
    font-size: 13px; line-height: 1.35; text-decoration: none;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}
.docs-nav-link:hover { background: #f3f7f4; color: var(--docs-green-950); }
.docs-nav-link[aria-current="page"] { color: var(--docs-green-950); border-color: #dbe9de; background: #eaf3ec; box-shadow: inset 3px 0 #5e866b; font-weight: 700; }
.docs-nav-mark { flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%; background: #9aafa0; }
.docs-nav-link[aria-current="page"] .docs-nav-mark { background: var(--docs-green-700); }
.docs-sidebar-note { display: flex; gap: 10px; margin: auto 7px 0; padding: 12px; border: 1px solid #e2ebe4; border-radius: 12px; background: #f4f8f5; }
.docs-sidebar-note>span { color: var(--docs-green-700); font-size: 19px; }
.docs-sidebar-note p { margin: 0; color: var(--docs-muted); font-size: 11px; line-height: 1.45; }

.docs-main { min-width: 0; padding: clamp(24px, 4.5vw, 58px) clamp(18px, 5.3vw, 76px) 24px; outline: none; }
.docs-content { width: min(100%, 910px); min-width: 0; margin: 0 auto; }
.docs-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: min(100%, 910px); margin: 54px auto 0; padding: 22px 0 8px; border-top: 1px solid var(--docs-line); color: var(--docs-muted); font-size: 12px; line-height: 1.5; }
.docs-footer a { color: var(--docs-green-800); font-weight: 700; text-decoration: none; white-space: nowrap; }
.docs-footer a:hover { text-decoration: underline; }

.docs-welcome {
    position: relative; overflow: hidden; padding: clamp(27px, 5vw, 52px); border: 1px solid rgb(48 75 68 / 12%); border-radius: 20px;
    color: #fff; background: radial-gradient(circle at 92% 4%, rgb(142 177 154 / 48%), transparent 31%), linear-gradient(115deg, var(--docs-green-950), #426755 74%, #63816e);
    box-shadow: 0 16px 36px rgb(34 62 50 / 13%);
}
.docs-welcome::after { position: absolute; right: -70px; bottom: -172px; width: 390px; height: 390px; border: 1px solid rgb(255 255 255 / 15%); border-radius: 50%; content: ""; box-shadow: 0 0 0 35px rgb(255 255 255 / 4%), 0 0 0 72px rgb(255 255 255 / 3%); pointer-events: none; }
.docs-welcome .docs-eyebrow { color: #f4d86b; }
.docs-welcome h2 { position: relative; z-index: 1; max-width: 620px; margin: 12px 0 12px; color: #fff; font-size: clamp(32px, 5vw, 49px); line-height: 1.06; letter-spacing: -.045em; }
.docs-welcome>p { position: relative; z-index: 1; max-width: 640px; margin: 0; color: rgb(255 255 255 / 86%); font-size: 16px; line-height: 1.65; }
.docs-welcome-actions { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.docs-action-primary, .docs-action-secondary { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 43px; padding: 10px 16px; border-radius: 999px; font-size: 13px; font-weight: 750; text-decoration: none; }
.docs-action-primary { color: var(--docs-green-950); background: #fff; }
.docs-action-primary:hover { background: #edf4ef; }
.docs-action-secondary { border: 1px solid rgb(255 255 255 / 42%); color: #fff; background: rgb(255 255 255 / 7%); }
.docs-action-secondary:hover { background: rgb(255 255 255 / 15%); }

.docs-page-heading { margin-bottom: 28px; }
.docs-page-heading:has(+ .docs-feature-intro) { margin-bottom: 12px; }
.docs-page-heading:has(+ .docs-feature-intro)>p { width: 100%; max-width: none; margin-inline: 0; }
.docs-page-heading:has(+ .docs-presentation-prose)>p { max-width: none; }
.docs-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 18px; color: #718079; font-size: 12px; }
.docs-breadcrumb a { color: var(--docs-green-700); text-decoration: none; }
.docs-breadcrumb a:hover { text-decoration: underline; }
.docs-page-heading h2 { margin: 8px 0 9px; color: var(--docs-green-950); font-size: clamp(30px, 4.5vw, 43px); line-height: 1.12; letter-spacing: -.04em; }
.docs-page-heading>p { max-width: 730px; margin: 0; color: var(--docs-muted); font-size: 16px; line-height: 1.7; }
.docs-home-subtitle { margin: 30px 0 14px; color: var(--docs-green-950); font-size: 22px; letter-spacing: -.025em; }
.docs-home-copy { max-width: 720px; margin: -5px 0 16px; color: var(--docs-muted); font-size: 14px; line-height: 1.7; }
.docs-start-grid, .docs-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.docs-start-grid { margin: 0; padding: 0; list-style: none; }
.docs-start-card, .docs-feature-card {
    min-width: 0; border: 1px solid #d9e4dc; border-radius: 16px; background: #fff;
    box-shadow: 0 8px 24px rgb(31 49 40 / 4%);
}
.docs-start-card { min-height: 186px; padding: 19px 20px 22px; border-top: 3px solid #abc7b2; }
.docs-start-card-top, .docs-feature-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.docs-start-card-top { margin-bottom: 22px; }
.docs-start-icon, .docs-feature-icon, .docs-home-footer-icon { display: grid; flex: 0 0 auto; place-items: center; width: 44px; height: 44px; border: 1px solid #dce9df; border-radius: 12px; color: #365d49; background: #edf4ef; }
.docs-start-icon svg, .docs-feature-icon svg, .docs-home-footer-icon svg { width: 23px; height: 23px; }
.docs-step-number { padding-top: 5px; color: #71877b; font-size: 11px; font-weight: 800; letter-spacing: .09em; white-space: nowrap; }
.docs-start-card h4 { margin: 0 0 8px; color: var(--docs-green-950); font-size: 16px; line-height: 1.3; letter-spacing: -.015em; }
.docs-start-card p { margin: 0; color: var(--docs-muted); font-size: 13px; line-height: 1.65; }
.docs-feature-card { display: flex; flex-direction: column; min-height: 204px; padding: 19px 19px 17px; text-decoration: none; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.docs-feature-card:hover { transform: translateY(-3px); border-color: #a8c5af; box-shadow: 0 14px 28px rgb(31 49 40 / 9%); }
.docs-feature-top { margin-bottom: 19px; }
.docs-feature-card strong { display: block; color: var(--docs-green-950); font-size: 14px; line-height: 1.42; }
.docs-feature-card p { margin: 7px 0 0; color: var(--docs-muted); font-size: 12px; line-height: 1.6; }
.docs-feature-arrow { display: grid; place-items: center; width: 29px; height: 29px; border: 1px solid #e5ede7; border-radius: 9px; color: #6e8876; transition: color .16s ease, background-color .16s ease; }
.docs-feature-arrow svg { width: 14px; height: 14px; }
.docs-feature-card:hover .docs-feature-arrow { color: #fff; background: var(--docs-green-800); }
.docs-feature-cta { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 17px; color: var(--docs-green-800); font-size: 12px; font-weight: 750; }
.docs-feature-cta svg, .docs-inline-link svg { width: 14px; height: 14px; transition: transform .16s ease; }
.docs-feature-card:hover .docs-feature-cta svg, .docs-inline-link:hover svg { transform: translateX(3px); }
.docs-inline-link { display: inline-flex; align-items: center; gap: 7px; color: var(--docs-green-800); font-size: 13px; font-weight: 750; text-decoration: none; }
.docs-inline-link:hover { text-decoration: underline; }
.docs-home-footer { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 17px; margin-top: 20px; padding: 18px 20px; border: 1px solid #d8e6dc; border-radius: 15px; background: #f0f6f1; }
.docs-home-footer-icon { width: 40px; height: 40px; border-color: #cfe2d3; background: #fff; }
.docs-home-footer-icon svg { width: 20px; height: 20px; }
.docs-home-footer strong { display: block; margin-bottom: 3px; color: var(--docs-green-950); font-size: 13px; }
.docs-home-footer p { margin: 0; color: #53645d; font-size: 12px; line-height: 1.55; }
.docs-home-footer .docs-inline-link { white-space: nowrap; }
.docs-home-all { margin: 18px 0 0; }

.docs-prose { max-width: 800px; }
.docs-presentation-prose { max-width: none; }
.docs-prose h3 { margin: 31px 0 9px; color: var(--docs-green-950); font-size: 20px; letter-spacing: -.025em; }
.docs-prose p, .docs-prose li { color: #4e6058; font-size: 15px; line-height: 1.75; }
.docs-prose p { margin: 0 0 15px; }
.docs-prose ul, .docs-prose ol { display: grid; gap: 7px; padding-left: 22px; }
.docs-callout { margin: 22px 0; padding: 16px 18px; border-left: 4px solid var(--docs-green-700); border-radius: 5px 11px 11px 5px; background: var(--docs-green-100); }
.docs-callout strong { display: block; margin-bottom: 4px; color: var(--docs-green-950); font-size: 13px; }
.docs-callout p { margin: 0; color: #51635a; font-size: 13px; line-height: 1.6; }
.docs-quick-intro { display: flex; align-items: end; justify-content: space-between; gap: 28px; padding: 29px 32px; border: 1px solid #365a47; border-radius: 20px; color: #fff; background: radial-gradient(circle at 95% 0, rgb(171 205 175 / 29%), transparent 38%), linear-gradient(120deg, #29443a, #426851); box-shadow: 0 12px 28px rgb(37 56 47 / 10%); }
.docs-quick-intro > div { max-width: 600px; }
.docs-quick-intro-kicker { display: block; margin-bottom: 10px; color: #d3e7d5; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.docs-quick-intro h3 { margin: 0 0 10px; color: #fff; font-size: clamp(22px, 2.6vw, 29px); line-height: 1.16; letter-spacing: -.03em; }
.docs-quick-intro p { margin: 0; color: rgb(255 255 255 / 86%); font-size: 14px; line-height: 1.65; }
.docs-quick-intro > a { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 9px; min-height: 42px; padding: 10px 15px; border-radius: 999px; color: #254337; background: #fff; font-size: 13px; font-weight: 750; text-decoration: none; }
.docs-quick-intro > a:hover { background: #eaf3eb; }
.docs-quick-walkthrough { display: grid; gap: 18px; margin: 22px 0 26px; padding: 0; list-style: none; }
.docs-quick-step { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); overflow: hidden; border: 1px solid #d8e4dc; border-radius: 18px; background: #fff; box-shadow: 0 8px 24px rgb(37 56 47 / 5%); }
.docs-quick-step-copy { display: flex; flex-direction: column; min-width: 0; padding: 25px 27px; }
.docs-quick-step-label { color: #638471; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.docs-quick-step h3 { margin: 12px 0 11px; color: var(--docs-green-950); font-size: 21px; line-height: 1.25; letter-spacing: -.025em; }
.docs-quick-step-copy > p { margin: 0; color: #52645b; font-size: 14px; line-height: 1.68; }
.docs-quick-cue { display: grid; gap: 3px; margin-top: 17px; padding-left: 12px; border-left: 2px solid #b9d1be; }
.docs-quick-cue strong { color: var(--docs-green-800); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.docs-quick-cue span { color: #64746c; font-size: 12px; line-height: 1.55; }
.docs-quick-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 20px; }
.docs-quick-links a { display: inline-flex; align-items: center; gap: 3px; min-height: 32px; padding: 6px 10px; border: 1px solid #d7e5d9; border-radius: 999px; color: #365c43; background: #f4f8f4; font-size: 12px; font-weight: 700; text-decoration: none; }
.docs-quick-links a:hover { border-color: #a9c9ae; background: #e8f2e9; }
.docs-quick-visual { display: flex; flex-direction: column; min-width: 0; margin: 0; border-left: 1px solid #e2ebe4; background: #fff; }
.docs-quick-visual > a { display: block; overflow: hidden; }
.docs-quick-visual img { display: block; width: 100%; height: auto; }
.docs-quick-step--crop-preview .docs-quick-visual img { aspect-ratio: 8 / 5; object-fit: cover; object-position: 50% 0; }
.docs-quick-visual figcaption { display: flex; justify-content: space-between; gap: 10px; margin-top: auto; padding: 11px 14px; border-top: 1px solid #e2ebe4; color: #5c6e63; background: #f9fbf9; font-size: 11px; line-height: 1.45; }
.docs-quick-visual figcaption span:last-child { flex: 0 0 auto; color: var(--docs-green-700); font-weight: 750; }
.docs-quick-finish { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 23px 27px; border: 1px solid #d6e5da; border-radius: 16px; background: #edf5ef; }
.docs-quick-finish > div { max-width: 630px; }
.docs-quick-finish > div > span { color: var(--docs-green-700); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.docs-quick-finish h3 { margin: 6px 0 6px; color: var(--docs-green-950); font-size: 18px; letter-spacing: -.02em; }
.docs-quick-finish p { margin: 0; color: #5d7063; font-size: 13px; line-height: 1.6; }
.docs-quick-finish > a { flex: 0 0 auto; color: var(--docs-green-800); font-size: 13px; font-weight: 750; text-decoration: none; }
.docs-quick-finish > a:hover { text-decoration: underline; }

.docs-feature-intro { width: 100%; margin: 0 0 22px; color: var(--docs-muted); font-size: 16px; line-height: 1.7; }
.docs-demo { overflow: hidden; width: min(100%, 720px); margin: 22px auto 28px; border: 1px solid #d5dfd8; border-radius: 15px; background: #eef2ef; box-shadow: 0 10px 26px rgb(37 56 47 / 7%); }
.docs-demo img { display: block; width: 100%; height: auto; max-height: 560px; object-fit: contain; background: #edf1ee; }
.docs-demo video { display: block; width: 100%; aspect-ratio: 1920 / 1030; background: #172723; }
.docs-demo figcaption { display: flex; align-items: flex-start; gap: 9px; padding: 11px 15px; border-top: 1px solid #dce5de; color: #5b6b63; background: #fff; font-size: 12px; line-height: 1.5; }
.docs-demo figcaption span { color: var(--docs-green-700); font-weight: 800; white-space: nowrap; }
.docs-feature-sections { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; margin: 26px 0 18px; }
.docs-info-card { position: relative; min-width: 0; padding: 23px 25px; border: 1px solid #dae5dd; border-radius: 16px; background: #fff; box-shadow: 0 8px 24px rgb(37 56 47 / 4%); }
.docs-info-card h3 { margin: 0 0 9px; color: var(--docs-green-950); font-size: 15px; line-height: 1.35; letter-spacing: -.01em; }
.docs-info-card p, .docs-info-card li { margin: 0; color: #52645b; font-size: 14px; line-height: 1.7; }
.docs-feature-sections > .docs-info-card { min-height: 158px; padding-top: 29px; }
.docs-feature-sections > .docs-info-card::before { position: absolute; top: 0; left: 25px; width: 36px; height: 3px; border-radius: 0 0 4px 4px; background: #60866c; content: ""; }
.docs-feature-sections > .docs-info-card:nth-child(2)::before { background: #a5bba8; }
.docs-feature-sections > .docs-info-card:nth-child(3) { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(150px, .28fr) minmax(0, 1fr); align-items: center; gap: 20px; min-height: 0; padding-top: 22px; padding-bottom: 22px; border-color: #d2e2d6; background: #f4f8f5; box-shadow: none; }
.docs-feature-sections > .docs-info-card:nth-child(3) h3 { margin: 0; }
.docs-howto-card { margin-top: 20px; }
.docs-howto-card h3 { margin-bottom: 13px; font-size: 18px; }
.docs-howto-card ol { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.docs-howto-card li { display: grid; grid-template-columns: 32px minmax(0, 1fr); align-items: start; gap: 14px; padding: 13px 0; }
.docs-howto-card li + li { border-top: 1px solid #e8eee9; }
.docs-step-badge { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 9px; color: var(--docs-green-800); background: #eaf2ec; font-size: 12px; font-weight: 800; line-height: 1; }
.docs-result-card { margin-top: 15px; border-color: #c9decf; background: linear-gradient(110deg, #edf6ef, #f7faf7); box-shadow: none; }
.docs-result-card h3 { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.docs-result-icon { display: grid; flex: 0 0 25px; place-items: center; width: 25px; height: 25px; border-radius: 50%; color: #fff; background: #5d8669; font-size: 13px; line-height: 1; }
.docs-result-card p { padding-left: 35px; }
.docs-feature-note { display: flex; align-items: flex-start; gap: 12px; margin: 15px 0 0; padding: 17px 20px; border: 1px solid #eadfb7; border-radius: 14px; background: #fffbef; color: #645a36; }
.docs-note-icon { display: grid; flex: 0 0 23px; place-items: center; width: 23px; height: 23px; border-radius: 50%; color: #755f24; background: #f6e9b5; font-size: 13px; font-weight: 800; font-style: normal; }
.docs-feature-note strong { display: block; margin-bottom: 2px; font-size: 13px; }
.docs-feature-note p { margin: 0; color: #685f43; font-size: 13px; line-height: 1.6; }
.docs-next-links { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px; margin-top: 27px; padding-top: 19px; border-top: 1px solid var(--docs-line); }
.docs-next-links a { color: var(--docs-green-800); font-size: 13px; font-weight: 750; text-decoration: none; }
.docs-next-links a:hover { text-decoration: underline; }

.docs-faq-list { display: grid; gap: 10px; max-width: 800px; }
.docs-faq-list details { overflow: hidden; border: 1px solid var(--docs-line); border-radius: 12px; background: #fff; }
.docs-faq-list summary { position: relative; padding: 16px 44px 16px 17px; color: var(--docs-green-950); cursor: pointer; font-size: 14px; font-weight: 750; list-style: none; }
.docs-faq-list summary::-webkit-details-marker { display: none; }
.docs-faq-list summary::after { position: absolute; top: 50%; right: 18px; transform: translateY(-50%); color: var(--docs-green-700); font-size: 18px; content: "+"; }
.docs-faq-list details[open] summary::after { content: "−"; }
.docs-faq-answer { padding: 0 17px 16px; color: var(--docs-muted); font-size: 13px; line-height: 1.7; }
.docs-faq-answer p { margin: 0; }
.docs-support-intro { margin-bottom: 24px; }
.docs-support-grid { display: grid; grid-template-columns: minmax(0, 1fr); max-width: 800px; }
.docs-support-card { display: flex; align-items: flex-start; gap: 17px; padding: 25px; border: 1px solid #d2e2d7; border-radius: 16px; background: #fff; box-shadow: 0 8px 24px rgb(37 56 47 / 4%); }
.docs-support-card>span { display: grid; flex: 0 0 42px; place-items: center; width: 42px; height: 42px; border-radius: 12px; color: var(--docs-green-800); background: #eaf2ec; font-size: 22px; }
.docs-support-card h3 { margin: 0 0 7px; color: var(--docs-green-950); font-size: 16px; }
.docs-support-card p { margin: 0; color: var(--docs-muted); font-size: 14px; line-height: 1.65; }
.docs-support-card a { display: inline-block; margin-top: 14px; color: var(--docs-green-800); font-size: 14px; font-weight: 750; text-decoration: none; overflow-wrap: anywhere; }
.docs-support-card a:hover { text-decoration: underline; }
.docs-backdrop { border: 0; }

@media (max-width: 1080px) {
    .docs-layout { grid-template-columns: 252px minmax(0, 1fr); }
    .docs-sidebar { padding-right: 15px; padding-left: 17px; }
    .docs-main { padding-right: clamp(20px, 3.5vw, 42px); padding-left: clamp(20px, 3.5vw, 42px); }
    .docs-start-grid, .docs-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .igac-brand, .header-title, .emergency-status { display: none; }
    .ott-brand { flex: 1; min-width: 0; border-right: 0; }
    .header-doc-link { margin-left: 8px; }
}

@media (max-width: 760px) {
    html { scroll-behavior: auto; }
    .gov-bar { height: 32px; padding: 0 12px; }
    .gov-bar img { height: 20px; }
    .institutional-nav { height: 58px; padding-right: 9px; }
    .ott-brand { padding: 4px 8px; }
    .ott-brand img { width: auto; height: 46px; max-width: min(246px, 45vw); }
    .header-doc-link { padding: 8px 10px; font-size: 12px; }
    .docs-menu-toggle { display: inline-flex; margin-left: 8px; padding: 8px 10px; font-size: 12px; }
    .docs-layout { display: block; min-height: calc(100vh - 90px); }
    .docs-sidebar { position: fixed; z-index: 14; top: 90px; bottom: auto; left: 0; width: min(88vw, 330px); height: calc(100vh - 90px); height: calc(100dvh - 90px); min-height: 0; padding: 24px 18px 20px; transform: translateX(-105%); transition: transform .2s ease; box-shadow: 12px 0 32px rgb(21 35 29 / 14%); }
    .docs-layout.is-menu-open .docs-sidebar { transform: translateX(0); }
    .docs-backdrop { position: fixed; z-index: 13; inset: 90px 0 0; width: 100%; background: rgb(16 28 23 / 45%); }
    .docs-main { padding: 22px 16px 18px; }
    .docs-welcome { padding: 26px 21px; border-radius: 16px; }
    .docs-welcome h2 { font-size: clamp(31px, 9vw, 40px); }
    .docs-welcome>p, .docs-page-heading>p { font-size: 14px; }
    .docs-home-subtitle { margin-top: 25px; font-size: 20px; }
    .docs-start-grid, .docs-feature-grid, .docs-feature-sections, .docs-support-grid { grid-template-columns: minmax(0, 1fr); }
    .docs-start-card { min-height: 0; padding: 17px 18px 19px; }
    .docs-start-card-top { margin-bottom: 16px; }
    .docs-feature-card { min-height: 0; padding: 18px; }
    .docs-feature-top { margin-bottom: 15px; }
    .docs-home-footer { grid-template-columns: auto minmax(0, 1fr); gap: 12px; padding: 17px; }
    .docs-home-footer .docs-inline-link { grid-column: 2; }
    .docs-page-heading h2 { font-size: 33px; }
    .docs-prose h3 { font-size: 18px; }
    .docs-prose p, .docs-prose li { font-size: 14px; }
    .docs-support-card { padding: 20px; }
    .docs-quick-intro { flex-direction: column; align-items: flex-start; padding: 25px 22px; }
    .docs-quick-intro > a { align-self: flex-start; }
    .docs-quick-step { grid-template-columns: minmax(0, 1fr); }
    .docs-quick-step-copy { padding: 23px; }
    .docs-quick-visual { border-top: 1px solid #e2ebe4; border-left: 0; }
    .docs-quick-finish { flex-direction: column; align-items: flex-start; padding: 22px; }
    .docs-quick-finish > a { flex-basis: auto; }
    .docs-demo { margin: 18px 0 24px; border-radius: 11px; }
    .docs-demo figcaption { padding: 10px 11px; }
    .docs-feature-sections { gap: 11px; }
    .docs-feature-sections > .docs-info-card { min-height: 0; }
    .docs-feature-sections > .docs-info-card:nth-child(3) { display: block; }
    .docs-feature-sections > .docs-info-card:nth-child(3) h3 { margin-bottom: 9px; }
    .docs-info-card { padding-right: 20px; padding-left: 20px; }
    .docs-feature-sections > .docs-info-card::before { left: 20px; }
    .docs-result-card p { padding-left: 0; }
    .docs-footer { align-items: flex-start; flex-direction: column; margin-top: 38px; padding-top: 17px; }
}

@media (max-width: 420px) {
    .ott-brand img { max-width: 37vw; }
    .header-doc-link span { display: none; }
    .docs-menu-toggle { margin-left: 5px; padding-right: 8px; padding-left: 8px; }
    .docs-menu-toggle span:last-child { display: none; }
    .docs-quick-step-copy { padding: 20px; }
    .docs-quick-step h3 { font-size: 20px; }
    .docs-quick-visual figcaption { flex-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}