:root,body{--cyan:#35c982!important;--green:#35c982!important;--vio:#35c982!important;--purple:#35c982!important;--red:#f15b64!important} .pct{color:#35c982} .progress-fill{background:linear-gradient(90deg,#00C853,#35c982)!important} .card:hover{border-color:rgba(53,201,130,.45)!important;box-shadow:0 24px 48px rgba(0,0,0,.4),0 0 0 1px rgba(53,201,130,.4)!important} .card-ico{color:#35c982!important;border-color:rgba(53,201,130,.25)!important} .section-header{border-left-color:#35c982!important} .section-ico{color:#35c982!important} .filter.active{color:#35c982!important;border-color:rgba(53,201,130,.5)!important;background:rgba(53,201,130,.1)!important} .item-check.checked,.item.done .item-check{background:#35c982!important;border-color:#35c982!important} .section-header{padding:24px!important} .section-info,.section-stats,.section-ico{padding-top:0!important;padding-bottom:0!important}

.filters{gap:1rem!important;align-items:center} .filter,.btn{border-radius:12px!important;min-height:44px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)} .filter:hover,.btn:hover,#resetBtn:hover{color:#35c982!important;border-color:rgba(53,201,130,.45)!important;background:rgba(53,201,130,.08)!important;transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.25),0 0 20px rgba(53,201,130,.18)!important} .filter.active,.filter.active.essential,.filter.active.advanced{color:#35c982!important;border-color:rgba(53,201,130,.5)!important;background:rgba(53,201,130,.14)!important;box-shadow:0 0 20px rgba(53,201,130,.16),inset 0 1px 0 rgba(255,255,255,.08)!important} .filter:active,.btn:active,#resetBtn:active{transform:translateY(0) scale(.98)} .filter:focus-visible,.btn:focus-visible,#resetBtn:focus-visible,.item-expand:focus-visible{outline:2px solid #35c982!important;outline-offset:2px!important;border-radius:12px} #resetBtn i{transition:transform .35s ease} #resetBtn:hover i{transform:rotate(-90deg)} .item-expand{border-radius:10px!important;transition:all .2s} .item-expand:hover{color:#35c982!important;background:rgba(53,201,130,.12)!important} .item-check:hover{border-color:#35c982!important;box-shadow:0 0 12px rgba(53,201,130,.25)!important} @media(max-width:640px){.filters{gap:.75rem!important}.filter,.btn,#resetBtn{min-height:44px}.item-expand{width:44px!important;height:44px!important}.item-check{width:32px!important;height:32px!important}} @media(max-width:640px){.filters{justify-content:flex-start}#resetBtn{margin-left:0!important;flex:1 1 100%;justify-content:center;margin-top:4px}}

html[data-page="security-checklist"] { --sc-page: #070a0f; --sc-section: #0c1118; --sc-raised: #111925; --sc-text: #eef2f7; --sc-secondary: #a8b3c2; --sc-muted: #778397; --sc-line: rgba(148, 163, 184, .16); --sc-accent: #35c982; --sc-warning: #e9ad45; --sc-link: #55b8d6; --sc-toolbar-offset: 88px; overflow-x: clip !important; overflow-y: visible !important; } html[data-page="security-checklist"] body { overflow-x: clip !important; overflow-y: visible !important; } html[data-page="security-checklist"] #main-content > .container { max-width: 1280px !important; padding-inline: 24px !important; overflow: visible !important; } html[data-page="security-checklist"] .checklist-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px 32px; margin: 16px 0 12px !important; padding: 32px 0 24px !important; overflow: visible !important; border: 0 !important; border-bottom: 1px solid var(--sc-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; text-align: left !important; } html[data-page="security-checklist"] .checklist-hero::before { display: none !important; } html[data-page="security-checklist"] .checklist-hero h1 { grid-column: 1; align-self: end; margin: 0 !important; max-width: 16ch; background: none !important; color: var(--sc-text) !important; -webkit-text-fill-color: var(--sc-text) !important; font-family: var(--pd-font-display, "Orbitron", sans-serif) !important; font-size: clamp(2rem, 5vw, 3.4rem) !important; font-weight: 800 !important; line-height: 1.06 !important; letter-spacing: -.025em !important; animation: none !important; } html[data-page="security-checklist"] .checklist-hero > p { grid-column: 1; max-width: 72ch !important; margin: 0 !important; color: var(--sc-secondary) !important; font-size: 1rem !important; line-height: 1.6 !important; } html[data-page="security-checklist"] .checklist-hero .pd-pdf-dl { grid-column: 2; grid-row: 1 / span 2; align-self: center; justify-self: end; justify-content: flex-end !important; margin: 0 !important; } html[data-page="security-checklist"] .checklist-hero .pd-pdf-dl > a { min-height: 44px; padding: 0 16px !important; border: 1px solid rgba(53, 201, 130, .42) !important; border-radius: 7px !important; background: var(--sc-raised) !important; color: var(--sc-accent) !important; box-shadow: none !important; font-family: var(--pd-font-body, "Inter", sans-serif) !important; font-size: .84rem !important; line-height: 1.2 !important; } html[data-page="security-checklist"] .checklist-hero .pd-pdf-dl > a:hover { border-color: var(--sc-accent) !important; background: rgba(53, 201, 130, .08) !important; transform: none !important; } html[data-page="security-checklist"] .checklist-hero .article-meta-strip { grid-column: 1 / -1; justify-content: flex-start !important; margin: 8px 0 0 !important; color: var(--sc-muted) !important; } html[data-page="security-checklist"] .checklist-cover { max-width: 600px !important; margin: 12px auto 24px !important; padding: 0 !important; overflow: hidden; border: 1px solid var(--sc-line) !important; border-radius: 8px !important; background: var(--sc-section) !important; box-shadow: none !important; } html[data-page="security-checklist"] .checklist-cover img { width: 100% !important; height: auto !important; border: 0 !important; border-radius: 7px !important; } html[data-page="security-checklist"] .checklist-toolbar { position: sticky; top: var(--header-h, 72px); z-index: 40; display: grid; grid-template-columns: minmax(260px, 340px) minmax(0, 1fr); gap: 16px; align-items: center; margin: 0 0 24px; padding: 10px 12px; border-block: 1px solid var(--sc-line); background: rgba(12, 17, 24, .96); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } html[data-page="security-checklist"] .checklist-toolbar .progress-box { max-width: none; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } html[data-page="security-checklist"] .checklist-toolbar .progress-top { margin-bottom: 6px; } html[data-page="security-checklist"] #main-content .checklist-toolbar .progress-top h2 { margin: 0; color: var(--sc-secondary); font-size: .78rem !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: .06em !important; text-transform: uppercase; } html[data-page="security-checklist"] .checklist-toolbar .pct { color: var(--sc-accent) !important; font-family: var(--pd-font-mono, monospace) !important; font-size: .9rem; } html[data-page="security-checklist"] .checklist-toolbar .progress-bar { height: 6px; border-radius: 3px; background: #06090d; } html[data-page="security-checklist"] .checklist-toolbar .progress-fill { border-radius: 3px; background: var(--sc-accent) !important; transition: width .22s ease-out; } html[data-page="security-checklist"] .checklist-toolbar .progress-info { margin-top: 5px; color: var(--sc-muted); font-family: var(--pd-font-mono, monospace) !important; font-size: 0.75rem; } html[data-page="security-checklist"] .checklist-toolbar .filters { flex-wrap: nowrap; justify-content: flex-start; gap: 6px !important; min-width: 0; overflow-x: auto; padding: 2px; scrollbar-width: thin; } html[data-page="security-checklist"] .checklist-toolbar .filter, html[data-page="security-checklist"] .checklist-toolbar #resetBtn { flex: 0 0 auto !important; min-height: 44px; padding: 0 13px; border: 1px solid var(--sc-line) !important; border-radius: 7px !important; background: transparent !important; color: var(--sc-secondary) !important; box-shadow: none !important; font-size: .78rem; transform: none !important; } html[data-page="security-checklist"] .checklist-toolbar .filter:hover, html[data-page="security-checklist"] .checklist-toolbar #resetBtn:hover { border-color: rgba(53, 201, 130, .45) !important; background: rgba(53, 201, 130, .06) !important; color: var(--sc-text) !important; box-shadow: none !important; transform: none !important; } html[data-page="security-checklist"] .checklist-toolbar .filter.active { border-color: rgba(53, 201, 130, .55) !important; background: rgba(53, 201, 130, .1) !important; color: var(--sc-accent) !important; box-shadow: inset 0 0 0 1px rgba(53, 201, 130, .08) !important; } html[data-page="security-checklist"] .checklist-toolbar #resetBtn { margin: 0 0 0 auto !important; } html[data-page="security-checklist"] .filter-count { margin-left: 5px; color: var(--sc-muted); font-family: var(--pd-font-mono, monospace) !important; font-size: 0.75rem; } html[data-page="security-checklist"] .checklist-layout { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 32px; align-items: start; margin-top: 8px; } html[data-page="security-checklist"] .checklist-sidebar { position: sticky; top: calc(var(--header-h, 72px) + var(--sc-toolbar-offset)); align-self: start; max-height: calc(100dvh - var(--header-h, 72px) - var(--sc-toolbar-offset) - 16px); overflow: auto; scrollbar-width: thin; } html[data-page="security-checklist"] .checklist-nav { width: 56px; overflow: hidden; border: 1px solid var(--sc-line); border-radius: 8px; background: var(--sc-section); } html[data-page="security-checklist"] .checklist-nav[open] { width: 272px; } html[data-page="security-checklist"] .checklist-nav > summary { display: grid; grid-template-columns: 28px minmax(0, 1fr) 20px; gap: 8px; align-items: center; min-height: 54px; padding: 8px 12px; border-bottom: 1px solid transparent; color: var(--sc-text); cursor: pointer; list-style: none; } html[data-page="security-checklist"] .checklist-nav[open] > summary { border-bottom-color: var(--sc-line); } html[data-page="security-checklist"] .checklist-nav > summary::-webkit-details-marker { display: none; } html[data-page="security-checklist"] .checklist-nav > summary::marker { content: ""; } html[data-page="security-checklist"] .checklist-nav-summary-icon { display: grid; width: 28px; height: 28px; place-items: center; color: var(--sc-accent); } html[data-page="security-checklist"] .checklist-nav-summary-copy { min-width: 0; } html[data-page="security-checklist"] .checklist-nav-summary-copy strong, html[data-page="security-checklist"] .checklist-nav-summary-copy small { display: block; } html[data-page="security-checklist"] .checklist-nav-summary-copy strong { font-size: .84rem; } html[data-page="security-checklist"] .checklist-nav-summary-copy small { margin-top: 2px; color: var(--sc-muted); font-size: 0.75rem; } html[data-page="security-checklist"] .checklist-nav-chevron { color: var(--sc-muted); transition: transform .18s ease-out; } html[data-page="security-checklist"] .checklist-nav[open] .checklist-nav-chevron { transform: rotate(180deg); } html[data-page="security-checklist"] .checklist-nav:not([open]) > summary { grid-template-columns: 1fr; justify-items: center; padding-inline: 6px; } html[data-page="security-checklist"] .checklist-nav:not([open]) .checklist-nav-summary-copy, html[data-page="security-checklist"] .checklist-nav:not([open]) .checklist-nav-chevron { display: none; } html[data-page="security-checklist"] .checklist-sidebar .checklist-categories { margin: 0 !important; padding: 8px !important; border: 0 !important; background: transparent !important; } html[data-page="security-checklist"] .checklist-sidebar .section-head { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } html[data-page="security-checklist"] .checklist-sidebar .grid-3 { display: grid; grid-template-columns: 1fr !important; gap: 2px; } html[data-page="security-checklist"] #main-content .checklist-sidebar .card { display: block !important; min-height: 50px !important; margin: 0 !important; padding: 8px !important; overflow: visible !important; border: 0 !important; border-radius: 6px !important; background: transparent !important; color: var(--sc-text) !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; transform: none !important; isolation: auto !important; } html[data-page="security-checklist"] #main-content .checklist-sidebar .card::before, html[data-page="security-checklist"] #main-content .checklist-sidebar .card::after { display: none !important; } html[data-page="security-checklist"] #main-content .checklist-sidebar .card:hover, html[data-page="security-checklist"] #main-content .checklist-sidebar .card:focus-visible { background: var(--sc-raised) !important; color: var(--sc-text) !important; box-shadow: none !important; transform: none !important; } html[data-page="security-checklist"] #main-content .checklist-sidebar .card-content { display: grid !important; grid-template-columns: 28px minmax(0, 1fr) auto !important; gap: 0 8px !important; align-items: center !important; width: auto !important; height: auto !important; padding: 0 !important; } html[data-page="security-checklist"] #main-content .checklist-sidebar .card-head { display: contents !important; } html[data-page="security-checklist"] #main-content .checklist-sidebar .card-ico { grid-column: 1; grid-row: 1; display: grid !important; width: 28px !important; height: 28px !important; place-items: center; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--sc-accent) !important; font-size: .92rem; } html[data-page="security-checklist"] #main-content .checklist-sidebar .card-head > div:last-child { grid-column: 2; } html[data-page="security-checklist"] #main-content .checklist-sidebar .card-desc, html[data-page="security-checklist"] #main-content .checklist-sidebar .card-count { display: none !important; } html[data-page="security-checklist"] #main-content .checklist-sidebar .card-title { color: var(--sc-text) !important; font-size: .8rem !important; line-height: 1.25 !important; text-align: left !important; } html[data-page="security-checklist"] #main-content .checklist-sidebar .card-count, html[data-page="security-checklist"] #main-content .checklist-sidebar .card-desc { color: var(--sc-muted) !important; font-size: 0.75rem; line-height: 1.35; } html[data-page="security-checklist"] .checklist-sidebar .card-desc { margin: 1px 0 3px; } html[data-page="security-checklist"] #main-content .checklist-sidebar .card-tags { grid-column: 3; display: flex !important; align-items: center; margin: 0 !important; } html[data-page="security-checklist"] #main-content .checklist-sidebar .card-tags .tag { min-height: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--sc-secondary) !important; font-family: var(--pd-font-mono, monospace) !important; font-size: 0.75rem !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; } html[data-page="security-checklist"] .checklist-content { min-width: 0; } html[data-page="security-checklist"] .checklist-content .checklist-section { margin: 0 0 40px !important; padding: 0 0 40px !important; border: 0 !important; scroll-margin-top: calc(var(--header-h, 72px) + var(--sc-toolbar-offset) + 24px); } html[data-page="security-checklist"] .checklist-content .section-header { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: start; margin: 0 !important; padding: 0 0 16px !important; border: 0 !important; border-bottom: 1px solid var(--sc-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; text-align: left !important; transform: none !important; } html[data-page="security-checklist"] .checklist-content .section-header:hover { border-color: var(--sc-line) !important; background: transparent !important; box-shadow: none !important; } html[data-page="security-checklist"] .checklist-content .section-ico { display: grid; width: 36px; height: 36px; margin: 0; place-items: center; border: 1px solid var(--sc-line); border-radius: 6px; background: transparent !important; color: var(--sc-accent) !important; font-size: 1rem; } html[data-page="security-checklist"] .checklist-content .section-info h2 { margin: 0 0 6px !important; color: var(--sc-text) !important; font-size: clamp(1.25rem, 2.2vw, 1.55rem) !important; line-height: 1.2; } html[data-page="security-checklist"] .checklist-content .section-info h2::after { display: none !important; } html[data-page="security-checklist"] .checklist-content .section-info p { max-width: 78ch; margin: 0 0 10px !important; color: var(--sc-secondary) !important; font-size: .94rem !important; line-height: 1.6 !important; } html[data-page="security-checklist"] .checklist-content .section-stats { justify-content: flex-start; gap: 6px; } html[data-page="security-checklist"] .checklist-content .stat-main, html[data-page="security-checklist"] .checklist-content .stat-pill { min-height: 24px; padding: 3px 8px; border-radius: 4px; font-family: var(--pd-font-mono, monospace) !important; font-size: 0.75rem; } html[data-page="security-checklist"] .stat-pill.basic, html[data-page="security-checklist"] .badge.basic { background: rgba(85, 184, 214, .12) !important; color: var(--sc-link) !important; } html[data-page="security-checklist"] .checklist-content .items-wrap { gap: 0; } html[data-page="security-checklist"] .checklist-content .item { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 12px; align-items: start; margin: 0; padding: 12px 8px; border: 0 !important; border-bottom: 1px solid var(--sc-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; cursor: default; transform: none !important; transition: background-color .16s ease, border-color .16s ease; } html[data-page="security-checklist"] .checklist-content .item:hover { border-color: rgba(148, 163, 184, .24) !important; background: rgba(17, 25, 37, .55) !important; box-shadow: none !important; transform: none !important; } html[data-page="security-checklist"] .checklist-content .item.done, html[data-page="security-checklist"] .checklist-content .item.done:hover { opacity: 1; } html[data-page="security-checklist"] .checklist-content .item.done .item-title { color: var(--sc-muted); text-decoration-color: rgba(119, 131, 151, .65); } html[data-page="security-checklist"] .checklist-content .item-check { position: relative; display: grid; width: 44px !important; height: 44px !important; place-items: center; border: 0 !important; border-radius: 6px !important; background: transparent !important; box-shadow: none !important; color: transparent !important; } html[data-page="security-checklist"] .checklist-content .item-check::before { position: absolute; inset: 8px; border: 2px solid var(--sc-line); border-radius: 5px; content: ""; } html[data-page="security-checklist"] .checklist-content .item-check:hover::before { border-color: var(--sc-accent); } html[data-page="security-checklist"] .checklist-content .item-check i { position: relative; z-index: 1; color: transparent; font-size: 0.75rem; } html[data-page="security-checklist"] .checklist-content .item.done .item-check::before { border-color: var(--sc-accent); background: var(--sc-accent); } html[data-page="security-checklist"] .checklist-content .item.done .item-check i { color: #07110c; } html[data-page="security-checklist"] .checklist-content .item-body { min-width: 0; min-height: 44px; padding-top: 9px; cursor: pointer; } html[data-page="security-checklist"] .checklist-content .item-title { margin: 0; color: var(--sc-text); font-size: 1rem; font-weight: 650; line-height: 1.45; } html[data-page="security-checklist"] .checklist-content .item-details { display: none; max-width: 78ch; max-height: none !important; overflow: visible !important; color: var(--sc-secondary); font-size: .94rem; line-height: 1.65; transition: none !important; } html[data-page="security-checklist"] .checklist-content .item.open .item-details { display: block; max-height: none !important; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--sc-line); } html[data-page="security-checklist"] .checklist-content .item-details a { color: var(--sc-link) !important; text-decoration: underline; text-decoration-color: rgba(85, 184, 214, .45); text-underline-offset: 3px; } html[data-page="security-checklist"] .checklist-content .item-meta { display: flex; gap: 8px; align-items: center; min-height: 44px; padding: 0; } html[data-page="security-checklist"] .checklist-content .badge { min-height: 24px !important; padding: 3px 8px !important; border: 0 !important; border-radius: 4px !important; font-family: var(--pd-font-mono, monospace) !important; font-size: 0.75rem !important; letter-spacing: .04em !important; } html[data-page="security-checklist"] .checklist-content .badge.essential { background: rgba(53, 201, 130, .12) !important; color: var(--sc-accent) !important; } html[data-page="security-checklist"] .checklist-content .badge.optional { background: rgba(233, 173, 69, .12) !important; color: var(--sc-warning) !important; } html[data-page="security-checklist"] .checklist-content .badge.advanced { background: rgba(168, 179, 194, .11) !important; color: var(--sc-secondary) !important; } html[data-page="security-checklist"] .checklist-content .item-expand { display: grid; width: 44px !important; height: 44px !important; place-items: center; border: 1px solid var(--sc-line) !important; border-radius: 6px !important; background: transparent !important; color: var(--sc-secondary) !important; } html[data-page="security-checklist"] .checklist-content .item-expand:hover { border-color: rgba(53, 201, 130, .45) !important; background: rgba(53, 201, 130, .06) !important; color: var(--sc-accent) !important; } html[data-page="security-checklist"] .checklist-content .item.open .item-expand { color: var(--sc-accent) !important; } html[data-page="security-checklist"] .checklist-nav > summary:focus-visible, html[data-page="security-checklist"] .checklist-sidebar .card:focus-visible, html[data-page="security-checklist"] .checklist-toolbar .filter:focus-visible, html[data-page="security-checklist"] .checklist-toolbar #resetBtn:focus-visible, html[data-page="security-checklist"] .checklist-content .item-check:focus-visible, html[data-page="security-checklist"] .checklist-content .item-body:focus-visible, html[data-page="security-checklist"] .checklist-content .item-expand:focus-visible { outline: 2px solid var(--sc-accent) !important; outline-offset: 2px !important; } @media (max-width: 900px) { html[data-page="security-checklist"] { --sc-toolbar-offset: 122px; } html[data-page="security-checklist"] #main-content > .container { padding-inline: 16px !important; } html[data-page="security-checklist"] .checklist-hero { grid-template-columns: 1fr; gap: 12px; padding-top: 24px !important; } html[data-page="security-checklist"] .checklist-hero h1, html[data-page="security-checklist"] .checklist-hero > p, html[data-page="security-checklist"] .checklist-hero .article-meta-strip, html[data-page="security-checklist"] .checklist-hero .pd-pdf-dl { grid-column: 1; grid-row: auto; } html[data-page="security-checklist"] .checklist-hero .pd-pdf-dl { justify-self: start; justify-content: flex-start !important; } html[data-page="security-checklist"] .checklist-toolbar { position: static; top: auto; grid-template-columns: 1fr; gap: 8px; margin-inline: -4px; padding: 8px; } html[data-page="security-checklist"] .checklist-toolbar .filters { width: 100%; } html[data-page="security-checklist"] .checklist-toolbar #resetBtn { margin: 0 !important; } html[data-page="security-checklist"] .checklist-layout { display: block; } html[data-page="security-checklist"] .checklist-sidebar { position: static; width: auto; max-height: none; margin-bottom: 24px; overflow: visible; } html[data-page="security-checklist"] .checklist-nav, html[data-page="security-checklist"] .checklist-nav[open] { width: 100%; } html[data-page="security-checklist"] .checklist-nav:not([open]) > summary { grid-template-columns: 28px minmax(0, 1fr) 20px; justify-items: stretch; padding-inline: 12px; } html[data-page="security-checklist"] .checklist-nav:not([open]) .checklist-nav-summary-copy, html[data-page="security-checklist"] .checklist-nav:not([open]) .checklist-nav-chevron { display: block; } html[data-page="security-checklist"] .checklist-sidebar .grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 640px) { html[data-page="security-checklist"] .checklist-hero h1 { font-size: clamp(1.8rem, 10vw, 2.5rem) !important; } html[data-page="security-checklist"] .checklist-cover { margin-bottom: 16px !important; } html[data-page="security-checklist"] .checklist-toolbar .filter, html[data-page="security-checklist"] .checklist-toolbar #resetBtn { min-height: 44px; padding-inline: 12px; } html[data-page="security-checklist"] .checklist-content .section-header { grid-template-columns: 36px minmax(0, 1fr); gap: 10px; } html[data-page="security-checklist"] .checklist-content .item { grid-template-columns: 44px minmax(0, 1fr); gap: 8px 10px; padding-inline: 0; } html[data-page="security-checklist"] .checklist-content .item-meta { grid-column: 2; width: auto !important; justify-content: space-between; margin: 0 !important; } } @media (max-width: 420px) { html[data-page="security-checklist"] .checklist-sidebar .grid-3 { grid-template-columns: 1fr !important; } } @media (prefers-reduced-motion: reduce) { html[data-page="security-checklist"] *, html[data-page="security-checklist"] *::before, html[data-page="security-checklist"] *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }

body,p,h1,h2,h3,h4,h5,h6,span,div,li,td,th,button,input,label{font-family:'Noto Sans Hebrew',Inter,system-ui,sans-serif}

.item-check:focus-visible,.item-body:focus-visible{outline:2px solid #35c982;outline-offset:2px;border-radius:8px}