/* Coin Safety Check visual layer. It deliberately reuses Home's Nebula tokens and shared components. */
.security-page {
    --checker-line: color-mix(in srgb, var(--accent) 24%, var(--line-2));
    --checker-divider: color-mix(in srgb, var(--accent) 18%, var(--line));
    --checker-stripe: color-mix(in srgb, var(--accent) 8%, transparent);
    --checker-row-base: color-mix(in srgb, var(--surface-solid) 58%, transparent);
    --checker-panel: linear-gradient(
        165deg,
        color-mix(in srgb, var(--surface-solid) 80%, transparent),
        color-mix(in srgb, var(--surface-solid) 88%, transparent)
    );
}

/* Keep Home's Nebula glass surface, restrained outline, radius, and shadow. */
.security-page .kaca {
    border-color: var(--line);
    border-radius: var(--radius);
    background: var(--checker-panel);
    box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.04);
}
/* Hero, form, and dark glass controls. */
.security-page .security-hero {
    padding-top: calc(var(--nav-h) + 80px);
    padding-bottom: 48px;
}
.security-page .security-hero-content { max-width: 920px; }
.security-page .security-hero .hero-judul {
    max-width: 920px;
    margin: 24px auto 20px;
    font-size: clamp(34px, 4.8vw, 60px);
    text-wrap: balance;
}
.security-page .security-hero .hero-judul em {
    font-style: normal;
    background: var(--grad-teks);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.security-page .security-hero .hero-deskripsi {
    max-width: 720px;
    margin-bottom: 28px;
    color: var(--muted);
    font-size: clamp(15px, 1.45vw, 17px);
    line-height: 1.75;
}
.security-page .security-hero-note {
    max-width: 700px;
    margin: 16px auto 0;
    color: var(--muted-2);
    font-size: 12px;
    line-height: 1.6;
}
.security-page .security-hero-note span { color: var(--accent); }

.security-page .security-form {
    max-width: 860px;
    padding: clamp(18px, 2.6vw, 27px);
    border-color: var(--checker-line);
    text-align: left;
}
.security-page .security-form > label {
    margin-left: 2px;
    color: var(--text);
    font: 700 12px/1.4 var(--font-mono);
    letter-spacing: .12em;
    text-transform: uppercase;
}
.security-page .security-input-row { gap: 11px; }
.security-page .security-input-row input {
    height: 56px;
    border-color: var(--line-2);
    border-radius: 14px;
    background: color-mix(in srgb, var(--bg) 74%, var(--surface-solid));
    color: var(--text);
    font-size: 14px;
}
.security-page .security-input-row input:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 19%, transparent);
}
.security-page .security-input-row input:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 3px;
}
.security-page .security-input-row input::placeholder { color: var(--muted-2); }
.security-page .security-glass-button {
    color: var(--text);
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--primary) 23%, var(--surface-solid)),
        color-mix(in srgb, var(--accent) 15%, var(--surface-solid))
    );
    border-color: color-mix(in srgb, var(--accent) 32%, var(--line-2));
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: 0 8px 20px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.12);
}
.security-page .security-glass-button:hover {
    color: #fff;
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--primary) 34%, var(--surface-solid)),
        color-mix(in srgb, var(--accent) 24%, var(--surface-solid))
    );
    border-color: color-mix(in srgb, var(--accent) 58%, var(--line-2));
    box-shadow: 0 10px 24px rgba(0,0,0,.27), inset 0 1px 0 rgba(255,255,255,.16);
}
.security-page .security-glass-button:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 3px;
}
.security-page .form-help,
.security-page .scan-status {
    color: var(--muted-2);
    font-size: 12px;
    line-height: 1.65;
}
.security-page .scan-status { color: var(--muted); }

/* Results are organized as a calm, single-column dashboard so wide data tables stay readable. */
.security-page .security-results {
    padding-top: 20px;
    padding-bottom: 36px;
}
.security-page .result-dashboard,
.security-page .verdict-dashboard { display: block; margin: 0 0 16px; }
.security-page .verdict-dashboard .verdict-card { width: 100%; margin: 0; }
.security-page .verdict-card {
    padding: clamp(20px, 2.6vw, 32px);
    border-radius: var(--radius);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.security-page .verdict-card.critical,
.security-page .verdict-card.high { border-color: rgba(248,113,113,.42); }
.security-page .verdict-card.moderate { border-color: rgba(251,191,36,.38); }
.security-page .verdict-card.lower { border-color: var(--line-2); }
.security-page .verdict-card.partial { border-color: color-mix(in srgb, var(--accent) 42%, var(--line-2)); }
.security-page .verdict-card::after { animation: none; opacity: .42; }
.security-page .verdict-card .verdict-top {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(275px, .85fr);
    align-items: start;
    gap: clamp(20px, 3vw, 34px);
}
.security-page .verdict-card .verdict-copy { min-width: 0; }
.security-page .verdict-card .verdict-copy-badge {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 11px;
}
.security-page .verdict-card .verdict-copy-badge .verdict-badge {
    min-height: 36px;
    margin: 0;
    padding: 9px 13px;
    border-radius: 999px;
    font-size: 10px;
    letter-spacing: .09em;
    line-height: 1.35;
}
.security-page .verdict-card .verdict-copy h2.verdict-token-title {
    margin: 0 0 4px;
    color: var(--accent);
    font: 500 clamp(30px, 3.6vw, 43px)/1.1 var(--font-body);
    letter-spacing: -.035em;
    overflow-wrap: anywhere;
}
.security-page .verdict-card .verdict-copy h2.verdict-token-title.is-token-name {
    color: var(--text);
    font-size: clamp(22px, 2.5vw, 30px);
    font-weight: 500;
    letter-spacing: -.02em;
}
.security-page .verdict-copy .verdict-token-identity { margin: 0 0 9px; }
.security-page .verdict-copy .verdict-token-name {
    color: var(--muted);
    font: 500 clamp(16px, 1.5vw, 19px)/1.4 var(--font-body);
    letter-spacing: .005em;
}
.security-page .verdict-description {
    color: var(--muted) !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
}
.security-page .verdict-address { color: var(--muted-2); }
.security-page .verdict-findings {
    border-color: var(--checker-divider);
    border-radius: var(--radius-sm);
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--accent) 6%, transparent),
        color-mix(in srgb, var(--primary) 5%, transparent) 58%,
        rgba(255,255,255,.018)
    );
}
.security-page .verdict-findings-label { color: var(--accent); }
.security-page .verdict-card .verdict-review-head {
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-color: var(--line);
}
.security-page .verdict-card .verdict-review-head .verdict-eyebrow {
    color: var(--accent);
    font-size: 10px;
    letter-spacing: .16em;
}
.security-page .verdict-review-note,
.security-page .risk-review-note {
    color: var(--muted-2);
    font-size: 11px;
    line-height: 1.6;
}
.security-page .verdict-meta {
    color: var(--muted-2);
    font: 10px/1.5 var(--font-mono);
}

/* The provider meter stays a classic semicircular speedometer, without continuous effects. */
.security-page .risk-meter-card {
    min-width: 0;
    padding: 17px 16px 14px;
    border: 1px solid var(--checker-divider);
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--surface-solid) 76%, transparent);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.security-page .risk-meter-heading strong { color: var(--text); }
.security-page .risk-meter-scale {
    border-color: var(--checker-divider);
    background: color-mix(in srgb, var(--accent) 7%, transparent);
    color: var(--accent);
}
.security-page .risk-gauge-track-glow { filter: none; stroke: color-mix(in srgb, var(--accent) 10%, transparent); }
.security-page .risk-gauge-needle,
.security-page .risk-gauge-progress { filter: none; }
.security-page .risk-gauge-needle path.risk-gauge-needle-glow { filter: none; opacity: .24; }
.security-page .risk-gauge-needle circle.risk-gauge-needle-tip,
.security-page .risk-gauge-needle circle.risk-gauge-hub-ring { filter: none; }
.security-page .risk-gauge-threshold-30,
.security-page .risk-gauge-threshold-60,
.security-page .risk-gauge-min-marker,
.security-page .risk-gauge-max-marker { filter: none; }
.security-page .risk-gauge-note,
.security-page .risk-gauge-thresholds { color: var(--muted-2); line-height: 1.6; }

/* Provider availability and data coverage use consistent glass cards and readable status chips. */
.security-page .source-status-card,
.security-page .coverage-card {
    margin: 0 0 16px;
    padding: clamp(18px, 2.3vw, 25px);
}
.security-page .source-status-head h2,
.security-page .coverage-card-head h2 { color: var(--text); font-size: 18px; }
.security-page .source-status-head p,
.security-page .coverage-summary { color: var(--muted); font-size: 12px; line-height: 1.6; }
.security-page .source-strip { grid-template-columns: repeat(auto-fit, minmax(205px, 1fr)); gap: 10px; }
.security-page .source-chip {
    min-height: 60px;
    padding: 12px 13px;
    border-color: var(--line);
    border-radius: 13px;
    background: color-mix(in srgb, var(--surface-solid) 56%, transparent);
    color: var(--muted);
    font-size: 11px;
    line-height: 1.55;
}
.security-page .source-chip strong { color: var(--text); font-size: 12px; }
.security-page .source-chip.ok { border-color: color-mix(in srgb, var(--success) 22%, var(--line)); }
.security-page .source-chip.partial { border-color: color-mix(in srgb, var(--warm) 24%, var(--line)); }
.security-page .source-chip.failed,
.security-page .source-chip.alert { border-color: color-mix(in srgb, var(--danger) 34%, var(--line)); }
.security-page .source-chip .source-dot { margin-top: 5px; }
.security-page .coverage-meter-track { background: color-mix(in srgb, var(--accent) 11%, var(--surface-solid)); }
.security-page .coverage-meter-track span { background: linear-gradient(90deg, var(--accent), var(--primary-2), var(--warm)); }
.security-page .coverage-check-list { gap: 8px; }
.security-page .coverage-check {
    padding: 10px 11px;
    border-color: var(--line);
    border-radius: 12px;
    background: color-mix(in srgb, var(--surface-solid) 55%, transparent);
}
.security-page .coverage-check-label { color: var(--text); font-size: 11px; line-height: 1.5; }
.security-page .coverage-check-state { color: var(--muted); font-size: 10px; }
.security-page .coverage-footnote { color: var(--muted-2); font-size: 11px; }

/* Data panels and subsection headings. */
.security-page .security-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    margin-top: 0;
}
.security-page .security-grid > .security-card,
.security-page .security-grid > .security-card-wide,
.security-page .security-grid > article[aria-labelledby="holders-title"],
.security-page .security-grid > article[aria-labelledby="activity-title"],
.security-page .security-grid > article[aria-labelledby="provider-title"] { grid-column: auto; }
.security-page .security-card {
    padding: clamp(19px, 2.3vw, 29px);
    border-color: var(--line);
}
.security-page .security-card-head { gap: 14px; margin-bottom: 11px; }
.security-page .security-card-head h2 { color: var(--text); font-size: clamp(18px, 2vw, 21px); }
.security-page .security-card-head .label-seksi { color: var(--accent); font-size: 9px; letter-spacing: .17em; }
.security-page .security-card-icon {
    border: 1px solid var(--checker-divider);
    box-shadow: inset 0 1px rgba(255,255,255,.05);
}
.security-page .security-card-description {
    max-width: 850px;
    margin-bottom: 19px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.7;
}
.security-page .data-subsection { margin-top: 24px; }
.security-page .data-subsection-head { align-items: center; margin-bottom: 11px; }
.security-page .data-subsection-head h3 {
    color: var(--text);
    font: 700 15px/1.45 var(--font-display);
}
.security-page .data-subsection-head p { color: var(--muted-2); font-size: 11px; line-height: 1.55; }
.security-page .table-count {
    border-color: var(--checker-divider);
    background: color-mix(in srgb, var(--accent) 5%, transparent);
    color: var(--muted);
    font-size: 10px;
}
.security-page .panel-note {
    border-color: var(--checker-divider);
    border-radius: 12px;
    background: color-mix(in srgb, var(--accent) 5%, var(--surface-solid));
    color: var(--muted);
    font-size: 12px;
    line-height: 1.65;
}
.security-page .panel-note.warning {
    border-color: color-mix(in srgb, var(--warm) 32%, var(--line));
    background: color-mix(in srgb, var(--warm) 6%, var(--surface-solid));
}
.security-page .panel-empty {
    border-color: var(--checker-divider);
    color: var(--muted-2);
}

/* Result tables share Home's animated gradient frame, with restrained cyan dividers inside. */
.security-page .data-table-wrap,
.security-page .scan-summary-table-wrap,
.security-page .security-table-wrap,
.security-page .risk-review-table-wrap {
    position: relative;
    isolation: isolate;
    border: 1px solid var(--checker-line);
    border-radius: 14px;
    background: color-mix(in srgb, var(--bg) 70%, var(--surface-solid));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 8px 20px rgba(0,0,0,.12);
    transition: border-color .35s ease, box-shadow .35s ease;
}
.security-page .bingkai { z-index: 2; }
.security-page .detail-data-table,
.security-page .scan-summary-table,
.security-page .security-table,
.security-page .risk-review-table {
    border-collapse: separate;
    border-spacing: 0;
}
.security-page .detail-data-table thead th,
.security-page .scan-summary-table thead th,
.security-page .security-table thead th,
.security-page .risk-review-table thead th {
    padding: 13px 15px;
    border-bottom: 1px solid var(--checker-line);
    background: linear-gradient(180deg, color-mix(in srgb, var(--accent) 10%, var(--surface-solid)), color-mix(in srgb, var(--surface-solid) 88%, transparent));
    color: var(--accent);
    font: 700 10px/1.5 var(--font-mono);
    letter-spacing: .09em;
    text-align: left;
    text-transform: uppercase;
}
.security-page .detail-data-table thead th + th,
.security-page .scan-summary-table thead th + th,
.security-page .security-table thead th + th,
.security-page .risk-review-table thead th + th,
.security-page .detail-data-table tbody th[scope="row"] + td,
.security-page .detail-data-table tbody td + td,
.security-page .scan-summary-table tbody th[scope="row"] + td,
.security-page .scan-summary-table tbody td + td,
.security-page .security-table tbody td + td,
.security-page .risk-review-table tbody th + td,
.security-page .risk-review-table tbody td + td {
    border-left: 1px solid var(--checker-divider);
}
.security-page .detail-data-table tbody > tr:nth-child(odd),
.security-page .scan-summary-table tbody > tr:not(.summary-group-row):nth-child(odd),
.security-page .security-table tbody > tr:nth-child(odd),
.security-page .risk-review-table tbody > tr:nth-child(odd) { background: var(--checker-stripe); }
.security-page .detail-data-table tbody > tr:nth-child(even),
.security-page .scan-summary-table tbody > tr:not(.summary-group-row):nth-child(even),
.security-page .security-table tbody > tr:nth-child(even),
.security-page .risk-review-table tbody > tr:nth-child(even) { background: var(--checker-row-base); }
.security-page .detail-data-table tbody > tr:hover,
.security-page .scan-summary-table tbody > tr:not(.summary-group-row):hover,
.security-page .security-table tbody > tr:hover,
.security-page .risk-review-table tbody > tr:hover { background: color-mix(in srgb, var(--accent) 12%, var(--surface-solid)); }
.security-page .detail-data-table tbody th[scope="row"],
.security-page .scan-summary-table tbody th[scope="row"],
.security-page .security-table tbody td:first-child,
.security-page .risk-review-table tbody th {
    color: var(--text);
    font-weight: 650;
}
.security-page .detail-data-table tbody th[scope="row"],
.security-page .detail-data-table tbody td,
.security-page .scan-summary-table tbody th[scope="row"],
.security-page .scan-summary-table tbody td,
.security-page .security-table tbody td,
.security-page .risk-review-table tbody th,
.security-page .risk-review-table tbody td {
    padding: 13px 15px;
    border-top: 0;
    border-bottom: 1px solid var(--checker-divider);
    color: var(--muted);
    font-size: 12px;
    line-height: 1.65;
    text-align: left;
    vertical-align: top;
    overflow-wrap: anywhere;
}
.security-page .detail-data-table tbody tr:last-child > *,
.security-page .scan-summary-table tbody tr:last-child > *,
.security-page .security-table tbody tr:last-child > *,
.security-page .risk-review-table tbody tr:last-child > * { border-bottom: 0; }
.security-page .detail-data-table tbody th[scope="row"],
.security-page .scan-summary-table tbody th[scope="row"] {
    color: var(--text);
    font: 650 12px/1.55 var(--font-body);
}
.security-page .table-result,
.security-page .summary-value {
    color: var(--text);
    font: 700 13px/1.55 var(--font-body);
    font-variant-numeric: tabular-nums;
}
.security-page .table-result.table-good { color: var(--success); }
.security-page .table-result.table-warn,
.security-page .summary-value.is-moderate,
.security-page .summary-value.is-caution { color: var(--warm); }
.security-page .table-result.table-bad,
.security-page .summary-value.is-critical,
.security-page .summary-value.is-high { color: var(--danger); }
.security-page .table-result.table-unknown,
.security-page .summary-value.is-unknown { color: var(--muted-2); }
.security-page .table-context,
.security-page .summary-context { color: var(--muted) !important; font-size: 11px !important; line-height: 1.65 !important; }
.security-page .security-table small { color: var(--muted-2); }
.security-page .security-table a { color: var(--accent); }
.security-page .holder-address { font-family: var(--font-mono); }

/* Risk Review: two metric/value pairs across on desktop, six individual metric rows on mobile. */
.security-page .risk-review-table-wrap { margin-top: 0; }
.security-page .risk-review-table { width: 100%; min-width: 0; table-layout: fixed; }
.security-page .risk-review-table thead th { width: 25%; }
.security-page .risk-review-table thead th:nth-child(2),
.security-page .risk-review-table thead th:nth-child(4) { text-align: right; }
.security-page .risk-review-table thead th:nth-child(3),
.security-page .risk-review-table tbody th:nth-of-type(2) { border-left: 2px solid color-mix(in srgb, var(--accent) 34%, var(--line)); }
.security-page .risk-review-table tbody th,
.security-page .risk-review-table tbody td {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.55;
    overflow-wrap: anywhere;
}
.security-page .risk-review-table tbody th { color: var(--text); font-weight: 600; }
.security-page .risk-review-table tbody td {
    color: var(--text);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    text-align: right;
}
.security-page .risk-review-table tbody td[title="RugCheck reports the authority revoked or not set. Disabled: Yes."] { color: var(--success); }
.security-page .risk-review-table tbody td[title*="Disabled: No"] { color: var(--warm); }
.security-page .risk-review-table tbody td[title*="unknown"] { color: var(--muted-2); }
.security-page .risk-review-note { margin-top: 11px; }

/* Methodology, outcome guide, and FAQ follow the same section and card pattern as Home. */
.security-page .risk-level-guide,
.security-page .methodology-card {
    border-color: var(--line);
    background: var(--checker-panel);
}
.security-page .risk-level-guide { margin: 16px 0 0; padding: clamp(18px, 2.4vw, 26px); }
.security-page .risk-level-guide-head h2,
.security-page .methodology-card .judul-seksi {
    color: var(--text);
    font-family: var(--font-display);
}
.security-page .risk-level-guide-head p { color: var(--muted); font-size: 12px; line-height: 1.65; }
.security-page .risk-level-item {
    border-color: var(--line);
    border-radius: 13px;
    background: color-mix(in srgb, var(--surface-solid) 56%, transparent);
    opacity: .92;
}
.security-page .risk-level-item.active { opacity: 1; }
.security-page .risk-level-item strong { color: var(--text); font-size: 11px; }
.security-page .risk-level-item small { color: var(--muted); font-size: 10px; line-height: 1.55; }
.security-page .methodology-card { padding: clamp(22px, 3.5vw, 38px); }
.security-page .methodology-body { border-top-color: var(--line); }
.security-page .methodology-heading .sub-seksi { color: var(--muted); }
.security-page .rule-item {
    border-color: var(--line);
    border-radius: 13px;
    background: color-mix(in srgb, var(--surface-solid) 56%, transparent);
}
.security-page .rule-item strong { color: var(--text); }
.security-page .rule-item p,
.security-page .rule-list,
.security-page .methodology-notes p { color: var(--muted); }
.security-page .methodology-notes {
    border-color: var(--line);
    background: color-mix(in srgb, var(--surface-solid) 62%, transparent);
}
.security-page .provider-links a { color: var(--accent); }
.security-page .security-faq { margin: 0; }
.security-page .security-faq .daftar-faq { margin-top: 0; }
.security-page .security-faq .faq-item.kaca {
    border-color: var(--line);
    border-radius: var(--radius-sm);
    background: var(--checker-panel);
}
.security-page .security-footer { background: color-mix(in srgb, var(--bg) 82%, transparent); }

/* Reveal motion is handled by security-reveal.js on scroll. Remove duplicate and continuous CSS animation. */
.security-page .verdict-card .verdict-review-head,
.security-page .verdict-card .verdict-copy-badge,
.security-page .verdict-card .risk-meter-card,
.security-page .verdict-card .risk-review-table-wrap,
.security-page .verdict-card .verdict-meta,
.security-page .verdict-findings-list li,
.security-page .coverage-check { animation: none; }
.security-page .verdict-findings-list li { opacity: 1; }

@media (hover: hover) and (pointer: fine) {
    .security-page .kaca:not(details):hover,
    .security-page .data-table-wrap:hover,
    .security-page .scan-summary-table-wrap:hover,
    .security-page .security-table-wrap:hover,
    .security-page .risk-review-table-wrap:hover,
    .security-page .source-chip:hover,
    .security-page .coverage-check:hover,
    .security-page .risk-level-item:hover {
        border-color: color-mix(in srgb, var(--accent) 42%, var(--line));
        box-shadow: var(--shadow), 0 0 24px color-mix(in srgb, var(--accent) 9%, transparent), inset 0 1px 0 rgba(255,255,255,.05);
    }
}

@media (max-width: 900px) {
    .security-page .security-hero { padding-top: calc(var(--nav-h) + 62px); }
    .security-page .verdict-card .verdict-top { grid-template-columns: minmax(0, 1fr); }
    .security-page .risk-meter-card { display: block; max-width: 100%; }
    .security-page .risk-level-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .security-page .security-hero { padding-top: calc(var(--nav-h) + 54px); padding-bottom: 34px; }
    .security-page .security-hero .hero-judul { margin-top: 20px; }
    .security-page .security-hero .hero-deskripsi { font-size: 15px; }
    .security-page .security-results { padding-top: 10px; }
    .security-page .source-status-head,
    .security-page .coverage-card-head,
    .security-page .risk-level-guide-head { flex-direction: column; gap: 7px; }
    .security-page .source-status-head p,
    .security-page .risk-level-guide-head p { max-width: none; text-align: left; }
    .security-page .source-strip { grid-template-columns: minmax(0, 1fr); }
    .security-page .coverage-check-list { grid-template-columns: minmax(0, 1fr); }
    .security-page .data-table-wrap,
    .security-page .scan-summary-table-wrap {
        overflow: visible;
        border: 0;
        background: transparent;
        box-shadow: none;
    }
    .security-page .detail-data-table,
    .security-page .scan-summary-table { display: block; width: 100%; min-width: 0; }
    .security-page .detail-data-table thead,
    .security-page .scan-summary-table thead { display: none; }
    .security-page .detail-data-table tbody,
    .security-page .scan-summary-table tbody { display: grid; gap: 9px; }
    .security-page .detail-data-table tbody > tr,
    .security-page .scan-summary-table tbody > tr:not(.summary-group-row) {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        padding: 11px 13px;
        border: 1px solid var(--checker-line);
        border-radius: 13px;
        background: var(--checker-row-base);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
    }
    .security-page .detail-data-table tbody > tr:nth-child(odd),
    .security-page .scan-summary-table tbody > tr:not(.summary-group-row):nth-child(odd) { background: color-mix(in srgb, var(--accent) 9%, var(--surface-solid)); }
    .security-page .detail-data-table tbody th[scope="row"],
    .security-page .scan-summary-table tbody th[scope="row"] {
        width: auto;
        padding: 2px 2px 8px;
        border: 0;
        color: var(--accent);
        font: 700 10px/1.45 var(--font-mono);
        letter-spacing: .07em;
        text-transform: uppercase;
    }
    .security-page .detail-data-table tbody td,
    .security-page .scan-summary-table tbody td {
        padding: 8px 2px;
        border: 0;
        border-top: 1px solid var(--checker-divider);
        font-size: 12px;
    }
    .security-page .detail-data-table tbody td[data-label]::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 4px;
        color: var(--muted-2);
        font: 700 9px/1.4 var(--font-mono);
        letter-spacing: .08em;
        text-transform: uppercase;
    }
    .security-page .detail-data-table tbody td .table-result { font-size: 13px; }
    .security-page .security-table-wrap {
        overflow: visible;
        border: 0;
        background: transparent;
        box-shadow: none;
    }
    .security-page .security-table,
    .security-page .security-table.market-pairs-table,
    .security-page .security-table.pool-details-table,
    .security-page .security-table.locker-details-table,
    .security-page .security-table.holder-details-table,
    .security-page .security-table.lp-details-table { display: block; width: 100%; min-width: 0; }
    .security-page .security-table thead { display: none; }
    .security-page .security-table tbody { display: grid; gap: 9px; }
    .security-page .security-table tbody > tr {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 5px 14px;
        padding: 10px 13px;
        border: 1px solid var(--checker-line);
        border-radius: 13px;
        background: var(--checker-row-base);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
    }
    .security-page .security-table tbody > tr:nth-child(odd) { background: color-mix(in srgb, var(--accent) 8%, var(--surface-solid)); }
    .security-page .security-table tbody > tr > td,
    .security-page .security-table tbody > tr > td:first-child {
        display: block;
        min-width: 0;
        padding: 7px 1px;
        border: 0;
        border-bottom: 1px solid var(--checker-divider);
        color: var(--text);
        font: 500 12px/1.5 var(--font-body);
        overflow-wrap: anywhere;
    }
    .security-page .security-table td::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 4px;
        color: var(--muted-2);
        font: 700 9px/1.4 var(--font-mono);
        letter-spacing: .07em;
        text-transform: uppercase;
    }
    .security-page .holder-address { max-width: 100%; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }

    /* Each desktop row holds two metric/value pairs; grid placement makes all six read vertically. */
    .security-page .risk-review-table-wrap {
        overflow: visible;
        border: 0;
        background: transparent;
        box-shadow: none;
    }
    .security-page .risk-review-table,
    .security-page .risk-review-table tbody { display: block; width: 100%; }
    .security-page .risk-review-table thead { display: none; }
    .security-page .risk-review-table tbody > tr {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(82px, 40%);
        grid-template-rows: auto auto;
        padding: 0;
        border: 1px solid var(--checker-line);
        border-radius: 12px;
        overflow: hidden;
        background: transparent;
    }
    .security-page .risk-review-table tbody > tr:nth-child(odd),
    .security-page .risk-review-table tbody > tr:nth-child(even) { background: transparent; }
    .security-page .risk-review-table tbody th,
    .security-page .risk-review-table tbody td {
        display: block;
        width: auto;
        min-width: 0;
        padding: 10px 11px;
        border: 0;
        border-bottom: 1px solid var(--checker-divider);
        font-size: 11px;
        line-height: 1.45;
        white-space: normal;
        overflow-wrap: anywhere;
    }
    .security-page .risk-review-table tbody th:nth-of-type(1) { grid-column: 1; grid-row: 1; }
    .security-page .risk-review-table tbody td:nth-of-type(1) { grid-column: 2; grid-row: 1; }
    .security-page .risk-review-table tbody th:nth-of-type(2) { grid-column: 1; grid-row: 2; }
    .security-page .risk-review-table tbody td:nth-of-type(2) { grid-column: 2; grid-row: 2; }
    .security-page .risk-review-table tbody th:nth-of-type(1),
    .security-page .risk-review-table tbody td:nth-of-type(1) { background: var(--checker-stripe); }
    .security-page .risk-review-table tbody th:nth-of-type(2),
    .security-page .risk-review-table tbody td:nth-of-type(2) { background: var(--checker-row-base); }
    .security-page .risk-review-table tbody th:nth-of-type(2) { border-left: 0; }
    .security-page .risk-review-table tbody td { text-align: right; }
    .security-page .risk-review-table tbody td:nth-of-type(1),
    .security-page .risk-review-table tbody td:nth-of-type(2) { border-left: 1px solid var(--checker-divider); }
    .security-page .risk-review-table tbody > tr:last-child > * { border-bottom: 1px solid var(--checker-divider); }
    .security-page .risk-review-table tbody > tr > *:nth-last-child(-n+2) { border-bottom: 0; }
}

@media (max-width: 480px) {
    .security-page .security-hero .hero-deskripsi { font-size: 14px; }
    .security-page .security-form { padding: 16px 14px; }
    .security-page .security-input-row { flex-direction: column; align-items: stretch; }
    .security-page .security-input-row input { height: 52px; min-height: 52px; }
    .security-page .security-input-actions { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); width: 100%; }
    .security-page .security-input-actions .tombol { width: 100%; min-width: 0; height: 48px; min-height: 48px; padding-inline: 10px; }
    .security-page .security-card { padding: 18px 14px; }
    .security-page .security-card-head h2 { font-size: 17px; }
    .security-page .risk-level-grid { grid-template-columns: minmax(0, 1fr); }
    .security-page .risk-level-item { padding: 11px; }
    .security-page .security-table tbody > tr { grid-template-columns: minmax(0, 1fr); gap: 0; }
    .security-page .risk-review-table tbody > tr { grid-template-columns: minmax(0, 1fr) minmax(78px, 38%); }
}

@media (prefers-reduced-motion: reduce) {
    .security-page .kaca,
    .security-page .verdict-card,
    .security-page .risk-meter-card,
    .security-page .security-card,
    .security-page .source-chip,
    .security-page .coverage-check,
    .security-page .risk-level-item,
    .security-page .security-glass-button,
    .security-page .risk-gauge-progress,
    .security-page .risk-gauge-needle,
    .security-page .coverage-meter-track span { transition: none !important; }
    .security-page .verdict-card::after,
    .security-page .verdict-card .verdict-review-head,
    .security-page .verdict-card .verdict-copy-badge,
    .security-page .verdict-card .risk-meter-card,
    .security-page .verdict-card .risk-review-table-wrap,
    .security-page .verdict-card .verdict-meta,
    .security-page .verdict-findings-list li,
    .security-page .coverage-check { animation: none !important; opacity: 1 !important; transform: none !important; }
}