.incident-page{--ic-bg:#fff;--ic-soft:#f3f8ff;--ic-card:#fff;--ic-text:#0b1f44;--ic-muted:#496181;--ic-line:#d9e6f6;--ic-blue:#006cff;background:var(--ic-bg);color:var(--ic-text)}
.incident-detail-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.incident-detail h1{font-size:clamp(34px,3.6vw,52px);max-width:760px}.incident-detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:28px}.incident-detail-actions>a:not(.button){color:var(--ic-blue);font-size:14px;min-height:44px;display:inline-flex;align-items:center}.incident-snapshot{padding:30px;border:1px solid var(--ic-line);border-radius:24px;background:var(--ic-card);box-shadow:0 20px 50px #006cff08}.incident-snapshot-top{display:flex;align-items:center;gap:14px;font-size:15px;font-weight:700}.incident-snapshot ul{list-style:none;padding:0;margin:24px 0}.incident-snapshot li{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--ic-line);font-size:14px;line-height:1.75}.incident-snapshot li svg{width:18px;height:18px;color:var(--ic-blue);flex:none;margin-top:4px}.incident-snapshot>p{font-size:12px;margin:0}.incident-reading-grid{display:grid;grid-template-columns:260px minmax(0,820px);justify-content:center;gap:40px;padding-block:70px}.incident-toc{position:sticky;top:110px;align-self:start;display:grid;border:1px solid var(--ic-line);border-radius:18px;padding:22px;background:var(--ic-soft)}.incident-toc strong{font-size:14px;margin-bottom:12px}.incident-toc a{display:flex;align-items:center;min-height:44px;font-size:13px;color:var(--ic-muted);border-top:1px solid var(--ic-line);padding:10px 0}.incident-toc a:hover{color:var(--ic-blue)}.incident-reading{min-width:0}.incident-reading>section{scroll-margin-top:100px;margin-bottom:46px}.incident-reading h2{font-size:30px}.incident-reading p{font-size:16px}.incident-first-steps{list-style:none;padding:0;margin:0}.incident-first-steps li{display:flex;gap:20px;border-top:1px solid var(--ic-line);padding:22px 0}.incident-first-steps li>span{font-size:13px;font-weight:700;color:var(--ic-blue);padding-top:5px}.incident-first-steps p{margin:0}.incident-caution{display:flex;gap:20px;padding:26px;border:1px solid var(--ic-line);border-left:3px solid #e9a64b;border-radius:16px;background:var(--ic-soft)}.incident-caution .incident-icon{color:var(--ic-text)}.incident-caution h2{font-size:23px}.incident-caution p{font-size:14px;margin-bottom:0}.incident-service-next{display:flex;align-items:center;gap:24px;padding:26px;border:1px solid var(--ic-line);border-radius:18px;background:var(--ic-soft);margin-top:24px}.incident-service-next small{color:var(--ic-muted);font-size:12px}.incident-service-next h3{font-size:23px;margin:10px 0}.incident-service-next p{font-size:13px;margin:0}.incident-service-next .button{flex:none}.incident-source{padding-top:24px;border-top:1px solid var(--ic-line);font-size:12px}.incident-source strong{display:block;margin-bottom:8px}.incident-source a{color:var(--ic-blue);overflow-wrap:anywhere}.incident-source p{font-size:12px}.incident-related{padding:55px 0;background:var(--ic-soft)}.incident-related h2{font-size:28px}.incident-related .container>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.incident-related a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:90px;padding:22px;border:1px solid var(--ic-line);border-radius:16px;background:var(--ic-card);font-size:14px;font-weight:600;color:var(--ic-text)}.incident-related svg{width:18px;height:18px;color:var(--ic-blue);flex:none}.incident-related a:hover{border-color:var(--ic-blue)}
@media(max-width:1100px){.incident-detail-hero{gap:36px}.incident-reading-grid{grid-template-columns:220px minmax(0,1fr);gap:36px}.incident-service-next{display:block}.incident-service-next .button{margin-top:20px}}
@media(max-width:800px){.incident-detail-hero{grid-template-columns:1fr}.incident-reading-grid{grid-template-columns:1fr;gap:32px;padding-block:44px}.incident-toc{position:static}.incident-related .container>div{grid-template-columns:1fr}.incident-related a{min-height:72px}.incident-detail .incident-crumb{overflow-wrap:anywhere}}
@media(max-width:480px){.incident-detail h1{font-size:34px}.incident-snapshot{padding:22px}.incident-detail-actions{gap:12px}.incident-detail-actions .button{width:100%}.incident-detail-actions>a:not(.button){width:100%;justify-content:center}.incident-reading h2{font-size:26px}.incident-caution{display:block;padding:22px}.incident-caution .incident-icon{margin-bottom:18px}.incident-caution h2{font-size:23px}.incident-reading p{font-size:15px}.incident-reading>section{margin-bottom:36px}}
html[data-theme="dark"] .incident-page{--ic-bg:#0b1f3c;--ic-soft:#10294b;--ic-card:#143252;--ic-text:#f1f6ff;--ic-muted:#b1c6df;--ic-line:#2a496b;--ic-blue:#67b4ff}
.incident-page [hidden]{display:none!important}.incident-page .container{max-width:1440px}.incident-page h1,.incident-page h2,.incident-page h3,.incident-page h4{color:var(--ic-text);letter-spacing:-.025em}.incident-page p{color:var(--ic-muted);line-height:1.75}.incident-page h2{font-size:clamp(27px,2.8vw,38px);line-height:1.25;margin:0 0 20px}.incident-page .incident-kicker{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ic-blue);margin:0 0 20px}.incident-hero{padding:26px 0 64px;background:radial-gradient(ellipse at 85% 80%,#008dff16,transparent 60%),var(--ic-soft)}.incident-crumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--ic-muted);margin-bottom:56px}.incident-crumb a{color:inherit}.incident-page h1{font-size:clamp(38px,4vw,60px);line-height:1.15;letter-spacing:-.05em;margin:0 0 24px}.incident-page h1 span{display:block;color:var(--ic-blue);margin-top:6px}.incident-lead{font-size:18px;max-width:560px;margin:0}.incident-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#008dff12;color:var(--ic-blue);flex:none}.incident-help .incident-icon{margin-bottom:20px}
.incident-directory{padding:44px 0 48px}.incident-directory> .container>h2{font-size:28px}.incident-tools{margin-bottom:32px}.incident-tools>label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}.incident-search-wrap{display:flex;align-items:center;gap:12px;border:1px solid var(--ic-line);background:var(--ic-soft);border-radius:14px;padding:5px 18px;max-width:800px}.incident-search-wrap>svg{color:var(--ic-blue);width:21px;height:21px;flex:none}.incident-search-wrap input{flex:1;width:100%;min-width:0;border:0;box-shadow:none;background:transparent;color:var(--ic-text);font:inherit;font-size:16px;padding:14px 0;outline:none}.incident-search-wrap:focus-within{outline:2px solid var(--ic-blue);outline-offset:2px}.incident-search-wrap input::placeholder{color:var(--ic-muted);opacity:.8}.incident-search-wrap button{border:0;background:transparent;color:var(--ic-blue);min-height:44px;font:inherit;font-size:13px;cursor:pointer}.incident-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.incident-filters button{font:inherit;font-size:13px;font-weight:600;padding:11px 18px;min-height:44px;border:1px solid var(--ic-line);border-radius:30px;color:var(--ic-muted);background:var(--ic-card);cursor:pointer;transition:background .2s,border-color .2s,color .2s}.incident-filters button[aria-pressed="true"]{background:#006cff;border-color:#006cff;color:#fff}.incident-filters button:hover{border-color:var(--ic-blue)}.incident-page .incident-count{font-size:12px;margin:18px 0 0}.incident-group{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;border-top:1px solid var(--ic-line);padding:36px 0;scroll-margin-top:100px}.incident-group>header{display:flex;align-items:flex-start;gap:16px}.incident-group h3{font-size:20px;line-height:1.4;margin:2px 0 10px}.incident-group header p{font-size:13px;margin:0}.incident-group:nth-child(2) .incident-icon{color:#b56b13;background:#eea63b15}.incident-group:nth-child(3) .incident-icon{color:#137b79;background:#24aaa015}html[data-theme="dark"] .incident-group:nth-child(2) .incident-icon{color:#ffc46c}html[data-theme="dark"] .incident-group:nth-child(3) .incident-icon{color:#6adbd1}.incident-rows{border:1px solid var(--ic-line);border-radius:18px;overflow:hidden}.incident-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;background:var(--ic-card);transition:background .2s}.incident-row+.incident-row{border-top:1px solid var(--ic-line)}.incident-row:hover{background:var(--ic-soft)}.incident-row h4{font-size:16px;line-height:1.5;margin:0 0 6px}.incident-row p{font-size:13px;margin:0}.incident-row a{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:var(--ic-blue);font-size:12px;font-weight:600;min-height:44px;flex:none}.incident-row a svg{width:16px;height:16px;transition:transform .2s}.incident-row a:hover svg{transform:translateX(3px)}.incident-empty{padding:42px 24px;text-align:center;border:1px dashed var(--ic-line);border-radius:20px;background:var(--ic-soft)}.incident-empty>svg{color:var(--ic-blue);width:32px;height:32px;margin-bottom:14px}.incident-empty h3{font-size:22px}.incident-empty p{max-width:520px;margin:0 auto 24px;font-size:14px}
.incident-next{padding:48px 0;background:radial-gradient(ellipse at 0 100%,#008dff10,transparent 60%),var(--ic-soft)}.incident-next ol{list-style:none;padding:0;margin:0}.incident-next li{display:flex;gap:20px;padding:0 0 24px}.incident-next li>span{font-size:13px;font-weight:700;color:var(--ic-blue);padding-top:3px}.incident-next strong{font-size:16px}.incident-next li p{font-size:14px;margin:8px 0 0}.incident-contact{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--ic-line);padding-top:28px;margin-top:26px}.incident-contact p{display:flex;align-items:center;gap:12px;font-size:12px;margin:0}.incident-contact p svg{width:18px;height:18px;flex:none;color:var(--ic-blue)}.incident-contact .button{flex:none}.incident-page a:focus-visible,.incident-page button:focus-visible{outline:3px solid var(--ic-blue);outline-offset:4px}
@media(max-width:1100px){.incident-group{grid-template-columns:220px minmax(0,1fr);gap:24px}.incident-row{padding:20px;gap:16px}.incident-group>header{display:block}.incident-group .incident-icon{margin-bottom:16px}}
@media(max-width:800px){.incident-crumb{margin-bottom:36px}.incident-group{grid-template-columns:1fr;gap:20px}.incident-group>header{display:flex}.incident-group .incident-icon{margin-bottom:0}.incident-contact{flex-direction:column;align-items:flex-start}.incident-hero{padding-bottom:44px}.incident-directory{padding:44px 0}.incident-next{padding:48px 0}}
@media(max-width:480px){.incident-page h1{font-size:37px}.incident-lead{font-size:16px}.incident-search-wrap{padding-inline:12px;gap:8px}.incident-filters{gap:8px}.incident-filters button{font-size:12px;padding:10px 14px}.incident-row{display:block;padding:20px}.incident-row a{margin-top:8px}.incident-group{padding:28px 0}.incident-group h3{font-size:19px}.incident-contact .button{width:100%}.incident-contact p{align-items:flex-start}.incident-contact p svg{margin-top:3px}}
@media(prefers-reduced-motion:reduce){.incident-row,.incident-row a svg,.incident-filters button{transition:none}.incident-row a:hover svg{transform:none}}

/* Hub: compact search-first layout, separate from the article hero. */
.incident-hub .container { max-width:1280px; }
.incident-hub .incident-hero { padding:12px 0 30px; }
.incident-hub .incident-crumb { align-items:center; margin-bottom:22px; }
.incident-hub .incident-crumb a { display:inline-flex; align-items:center; min-height:44px; }
.incident-hub .incident-kicker { margin-bottom:12px; }
.incident-hub h1 { font-size:clamp(32px,3.5vw,48px); margin-bottom:24px; text-wrap:pretty; }
.incident-hub .incident-lead { max-width:780px; margin:0; font-size:16px; }
.incident-hub .incident-directory { padding:28px 0 56px; }
.incident-hub .incident-directory > .container > h2 { font-size:22px; margin-bottom:18px; }
.incident-hub .incident-tools { margin-bottom:0; }
.incident-hub .incident-visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.incident-hub .incident-search-wrap { max-width:800px; min-height:54px; }
.incident-hub .incident-search-wrap input { min-width:0; font-size:16px; }
.incident-hub .incident-search-wrap input::placeholder { font-size:14px; }
.incident-hub [data-incident-clear] { min-width:44px; min-height:44px; }
.incident-hub .incident-filters { gap:8px; }
.incident-hub .incident-filters button { display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:10px 14px; }
.incident-hub .incident-filters button span { opacity:.8; font-size:11px; }
.incident-hub-note { display:flex; align-items:center; gap:10px; margin:12px 0 0; font-size:14px; }
.incident-hub-note > .icon { flex:none; color:var(--ic-blue); }
.incident-hub-note a { display:inline-flex; align-items:center; min-height:44px; color:var(--ic-blue); text-decoration:underline; text-underline-offset:4px; }
.incident-hub .incident-group { grid-template-columns:240px minmax(0,1fr); gap:32px; }
.incident-hub .incident-group:first-child { border-top:0; padding-top:0; }
.incident-group-body { min-width:0; }
.incident-hub .incident-row { padding:20px 24px; }
.incident-hub .incident-row > div { min-width:0; }
.incident-hub .incident-row h4 { font-size:16px; text-wrap:pretty; }
.incident-hub .incident-more { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:46px; margin-top:12px; padding:10px 16px; border:1px solid var(--ic-line); border-radius:12px; color:var(--ic-blue); background:var(--ic-soft); font:inherit; font-size:14px; font-weight:600; cursor:pointer; }
.incident-hub .incident-more:hover { border-color:var(--ic-blue); }
.incident-hub .incident-empty > div { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; }
.incident-hub [data-incident-group] .incident-icon { color:var(--ic-blue); background:#006cff12; }
.incident-hub [data-incident-group="bao-mat"] .incident-icon { color:var(--ic-blue); }
.incident-hub [data-incident-group="truy-cap"] .incident-icon { color:#ac5d00; background:#e6a43c18; }
.incident-hub [data-incident-group="chuc-nang"] .incident-icon { color:#7042bc; background:#7042bc15; }
.incident-hub [data-incident-group="ban-hang"] .incident-icon { color:#087565; background:#08756515; }
html[data-theme="dark"] .incident-hub [data-incident-group="truy-cap"] .incident-icon { color:#ffc078; }
html[data-theme="dark"] .incident-hub [data-incident-group="chuc-nang"] .incident-icon { color:#c5acff; }
html[data-theme="dark"] .incident-hub [data-incident-group="ban-hang"] .incident-icon { color:#75debf; }
@media(max-width:1000px) {
 .incident-hub .incident-group { grid-template-columns:1fr; gap:20px; }
 .incident-hub .incident-group > header { display:flex; }
 .incident-hub .incident-group .incident-icon { margin:0; }
}
@media(max-width:680px) {
 .incident-hub .incident-hero { padding:8px 0 22px; }
 .incident-hub .incident-crumb { margin-bottom:14px; }
 .incident-hub .incident-kicker { font-size:11px; margin-bottom:10px; }
 .incident-hub .incident-lead { font-size:15px; line-height:1.65; }
 .incident-hub h1 { font-size:32px; margin-bottom:20px; }
 .incident-hub .incident-directory { padding:22px 0 40px; }
 .incident-hub .incident-directory > .container > h2 { font-size:20px; margin-bottom:14px; }
 .incident-hub .incident-filters { display:flex; flex-wrap:nowrap; overflow-x:auto; padding:4px 4px 12px; scrollbar-width:thin; }
 .incident-hub .incident-filters button { flex:none; white-space:nowrap; }
 .incident-hub .incident-row { display:block; padding:20px; }
 .incident-hub .incident-row a { margin-top:8px; }
 .incident-hub .incident-row p { font-size:14px; }
 .incident-hub-note { align-items:flex-start; }
 .incident-hub-note > .icon { margin-top:3px; }
 .incident-hub-note a { display:flex; }
}

/* Search control: explicit submit action and visible result feedback. */
.incident-hub .incident-search-wrap button {
 border:0;
 min-height:44px;
 font:inherit;
 font-size:13px;
 font-weight:600;
 cursor:pointer;
}
.incident-hub .incident-search-clear {
 min-width:44px;
 padding:0 10px;
 background:transparent;
 color:var(--ic-blue);
}
.incident-hub .incident-search-submit {
 flex:none;
 min-width:104px;
 padding:0 18px;
 border-radius:10px;
 background:var(--ic-blue);
 color:#fff;
}
.incident-hub .incident-search-submit:hover { filter:brightness(.94); }
.incident-hub .incident-count {
 margin:12px 0 0;
 color:var(--ic-muted);
 font-size:13px;
 font-weight:600;
}
@media(max-width:680px) {
 .incident-hub .incident-search-wrap { padding-right:5px; }
 .incident-hub .incident-search-wrap > svg { display:none; }
 .incident-hub .incident-search-submit { min-width:auto; padding-inline:14px; }
}