/* Readable dashboard layout */
[hidden]{display:none!important}
body{font-size:16px;color:#183040;background:#f4f7f8;line-height:1.85}
main{max-width:1440px;padding:0 40px;min-height:75vh}
header{padding:18px 40px;gap:20px}header nav{font-size:14px;gap:24px}
.brand{font-size:18px}.brand b{font-size:14px}.edition{font-size:12px}
.hero{grid-template-columns:1.5fr 1fr;gap:32px;padding:28px 0 24px}
.hero h1{font-size:clamp(24px,2.5vw,34px);margin:8px 0;line-height:1.55;letter-spacing:0}
.hero p{font-size:16px;margin:0;color:#526674}.eyebrow{font-size:12px;letter-spacing:1.5px}
.alert{padding:18px 24px;border-radius:10px;box-shadow:0 5px 18px #132b3910}
.alert:after{display:none}.alert .critical{font-size:12px;border:0;background:#d6f38b;color:#243e2b;border-radius:4px;padding:3px 9px}
.alert h2{font-size:18px;margin:8px 0 2px;line-height:1.6}.alert p{font-size:14px;color:#d3dfe5}
.alert a{font-size:13px;padding-top:6px;margin-top:4px;border:0;display:inline-block}
.snapshot{font-size:13px;padding:12px 0;gap:10px;flex-wrap:wrap}.snapshot strong{font-size:14px}
.view-navigation{position:sticky;top:0;z-index:20;background:#f4f7f8;padding:16px 0 12px;box-shadow:0 8px 10px #f4f7f8}
.view-tabs{display:grid;grid-template-columns:1fr 1.25fr 1.6fr 1fr;gap:5px;padding:6px;background:#e7edf0;border:1px solid #d9e2e7;border-radius:12px}
.view-tabs button{border:0;background:transparent;color:#465c69;border-radius:8px;font-size:15px;font-weight:600;line-height:1.5;padding:14px 8px;cursor:pointer;min-height:52px;display:flex;justify-content:center;align-items:center;gap:8px}
.view-tabs button:hover{background:#dbe6eb;color:#17384a}.view-tabs button[aria-selected="true"]{background:#18394b;color:white;box-shadow:0 2px 5px #122f3e25}
.tab-count{font-size:12px;background:#ffffff80;color:#345462;border-radius:12px;min-width:25px;line-height:22px;padding:0 6px}.view-tabs button[aria-selected="true"] .tab-count{background:#ffffff26;color:#fff}
section.view-panel,.view-panel{margin-top:18px!important;scroll-margin-top:110px;padding-bottom:24px}
.view-panel:focus{outline:none}.view-panel:focus-visible{outline:3px solid #378bba;outline-offset:8px}
.section-title{margin-bottom:20px;align-items:center}.section-title h2{font-size:25px;margin:4px 0 0}
.section-title>a,.subtle{font-size:13px}.intro{font-size:15px;line-height:1.9;margin:0 0 20px;color:#526674}
.toolbar{border:1px solid #d8e2e8;border-radius:10px;background:#fff;padding:0 18px;gap:16px}
.tabs{gap:22px}.tabs button{font-size:14px;padding:14px 0;min-height:48px}.search{font-size:25px}.search input{width:240px;font-size:15px;padding:12px 6px}
.result-count{font-size:13px;margin:16px 0;color:#526674}
.news-grid,.hosting-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.news-card,.host{padding:26px;border-color:#d9e2e8;border-radius:12px;box-shadow:0 3px 12px #193b4f04;min-width:0}
.news-card{min-height:245px}.card-top{font-size:13px;align-items:start;flex-wrap:wrap}.category{font-size:12px}
.news-card h3{font-size:20px;line-height:1.65;margin:14px 0 12px}.news-card p,.host p{font-size:15px;line-height:1.95;color:#425d6e}.news-card a,.host a{font-size:14px}
.note{font-size:14px;line-height:1.9;padding:15px 20px;border-radius:0 8px 8px 0;color:#425d6e;background:#eaf0f4}
.list-filter{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:22px 0 16px;font-size:14px}
.list-filter label{font-weight:600}.list-filter input{flex:1;min-width:220px;max-width:460px;padding:11px 15px;border:1px solid #bacbd6;border-radius:8px;background:#fff;font-size:15px;color:#183040}
.list-filter>span{color:#526674;font-size:13px}
.table-wrap{border-radius:10px;border-color:#d9e2e8}table{min-width:760px;table-layout:fixed;font-size:15px}th{font-size:13px;font-weight:600;color:#415d6c;background:#eaf0f3}th,td{padding:20px 18px}
th:nth-child(1){width:21%}th:nth-child(2){width:18%}th:nth-child(3){width:43%}th:nth-child(4){width:18%}
td:first-child{font-size:16px}td:nth-child(3){font-size:14px;line-height:1.9;overflow-wrap:anywhere}td:last-child a{white-space:normal;font-size:14px;overflow-wrap:anywhere}
tbody tr:nth-child(even){background:#f8fafb}tbody tr:hover{background:#f0f6f7}.details{font-size:12px;margin-top:8px;color:#526674;line-height:1.8}
.badge{font-size:12px;padding:5px 10px;border-radius:5px;white-space:normal}.badge.done{color:#206244;background:#e2f3e8}.badge.plan{color:#7a5410;background:#fff0d3}
.host .host-top{align-items:start;flex-wrap:wrap;gap:12px}.host h3{font-size:20px}.host small{font-size:13px;line-height:1.8}
#guide>section:first-child{margin-top:10px}.vuln-grid{border-radius:10px;overflow:hidden}.vuln-grid h3{font-size:18px}.vuln-grid p{font-size:15px}.vuln-grid a,.cve{font-size:13px}.version-grid b{font-size:22px}
.check-section{border-radius:12px}.check-section p,.checks label{font-size:15px}.check-section small,#save-state{font-size:13px}.checks input{width:20px;height:20px}
.about h2{font-size:21px}.about p{font-size:14px;line-height:1.95}.about li{font-size:14px;margin-bottom:12px}
#reload-news{border:1px solid #bacbd6;border-radius:8px;padding:10px 18px;background:#fff;color:#183040;font-size:14px;cursor:pointer}#reload-news:hover{background:#eaf1f4}
footer{font-size:13px;padding:24px 40px}.empty{font-size:16px}.skip{z-index:50}
@media(min-width:1500px){header,footer{padding-left:max(40px,calc((100% - 1360px)/2));padding-right:max(40px,calc((100% - 1360px)/2))}}
@media(max-width:1050px){main{padding:0 24px}header{padding:16px 24px}.hero{grid-template-columns:1fr 1fr;gap:24px}.hero h1{font-size:27px}.view-tabs{grid-template-columns:1fr 1.2fr 1.5fr .9fr}.view-tabs button{font-size:13px;gap:5px}.toolbar{flex-wrap:wrap}.search{flex:1}.search input{width:100%}.news-card,.host{padding:22px}.section-title{flex-wrap:wrap}.edition{display:none}}
@media(max-width:650px){main{padding:0 16px}header{padding:14px 16px;flex-wrap:nowrap}header nav{width:auto;gap:14px;font-size:12px}header nav a:last-child{display:none}.brand{font-size:16px;gap:8px}.brand b{font-size:10px}.mark{width:30px;height:30px}.hero{grid-template-columns:1fr;padding:20px 0 18px;gap:14px}.hero h1{font-size:25px}.hero p{font-size:14px}.hero .eyebrow{font-size:11px}.alert{padding:14px 18px}.alert h2{font-size:17px}.alert p{font-size:13px}.alert a{font-size:13px}.snapshot{font-size:12px;gap:4px}.snapshot strong{font-size:13px}.view-navigation{padding:10px 0}.view-tabs{grid-template-columns:1fr 1fr;gap:4px;border-radius:10px}.view-tabs button{font-size:13px;min-height:48px;padding:8px 6px}.tab-count{font-size:11px}.view-panel{scroll-margin-top:140px}section.view-panel{margin-top:12px!important}.section-title{gap:8px;margin-bottom:16px}.section-title h2{font-size:23px}.section-title .eyebrow{font-size:11px}.intro{font-size:14px}.toolbar{padding:0 12px;gap:0;flex-direction:column}.tabs{width:100%;gap:10px;justify-content:space-between}.tabs button{font-size:13px}.search{width:100%}.search input{font-size:15px}.news-grid,.hosting-grid{grid-template-columns:1fr;gap:16px}.news-card,.host{padding:20px}.news-card h3,.host h3{font-size:19px}.news-card p,.host p{font-size:15px}.card-top{font-size:12px}.note{font-size:13px;padding:12px 14px}.list-filter{gap:8px}.list-filter label{width:100%;font-size:14px}.list-filter input{min-width:0;width:100%;max-width:none}.table-wrap{border:0;overflow:visible;background:transparent}table,tbody,tr,td{display:block;width:100%!important;min-width:0}thead{display:none}table{table-layout:auto}tbody tr{background:#fff!important;border:1px solid #d9e2e8;border-radius:10px;margin-bottom:16px;padding:18px}td{padding:0;border:0}td:first-child{font-size:18px}.details{font-size:12px;margin:3px 0 12px}td:nth-child(2){margin-bottom:12px}td:nth-child(3){font-size:15px;margin-bottom:16px}td:last-child{border-top:1px solid #e2e9ed;padding-top:12px}td:last-child a{font-size:14px}.check-section{padding:20px;gap:10px}.checks label{font-size:14px}.about p,.about li{font-size:14px}footer{padding:22px 16px;font-size:12px}}
@media print{.view-navigation,.toolbar,.list-filter,header nav{display:none!important}.view-panel[hidden]{display:block!important}.view-panel{break-before:page}body{background:white}}