/* Page-only reference layout; no changes to the site's shared styles. */
.wide-reference{display:block;max-width:none}
.vpn-reference>section:not(.vpn-legacy-section),.vpn-reference>p,.wide-reference .references,.wide-reference .related-guides{max-width:78ch}
.vpn-reference .note{margin:0 0 .75rem;padding:.7rem 1rem}
.vpn-reference .vpn-filter{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .65rem;margin:1rem 0 .6rem}
.vpn-filter label{margin:0;font-size:.9375rem}
.vpn-filter input{width:11rem;min-height:38px;padding:.3rem .55rem;font:inherit}
.vpn-filter #vpn-filter-clear{min-height:38px;padding:.2rem .4rem;background:none;border:0;color:var(--accent);text-decoration:underline;font-size:.875rem}
.vpn-reference #vpn-filter-status{flex-basis:100%;font-size:.875rem;margin:0;color:var(--muted)}
.vpn-reference #vpn-filter-status:empty{display:none}
.vpn-legend{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.3rem 1.2rem;font-size:.875rem;line-height:1.5;margin:.7rem 0}
.vpn-status{white-space:normal;display:inline-block}
.vpn-yes{color:var(--accent)}
.vpn-no{color:var(--text)}
.vpn-agentless{color:var(--accent)}
.vpn-unsupported{color:var(--muted)}
.vpn-reference .table-wrap{overflow-x:auto;max-height:none;margin:.5rem 0 1rem;border:1px solid var(--line);border-radius:5px}
.vpn-reference #vpn-matrix{min-width:65rem;table-layout:fixed;font-size:.9375rem;line-height:1.45}
#vpn-matrix caption{text-align:left;padding:.55rem .7rem;background:var(--surface);font-size:.875rem;color:var(--muted)}
#vpn-matrix th:first-child{width:8rem}
#vpn-matrix th:nth-child(2),#vpn-matrix th:nth-child(3){width:11rem}
#vpn-matrix th:nth-child(4){width:8rem}
#vpn-matrix th:nth-child(5),#vpn-matrix th:nth-child(6){width:9rem}
#vpn-matrix th:last-child{width:9rem}
#vpn-matrix tbody th,#vpn-legacy tbody th{background:var(--surface);font-weight:600}
#vpn-matrix .vpn-last{background:var(--soft);font-weight:650}
#vpn-matrix small,#vpn-legacy small{display:block;font-size:.8125rem;line-height:1.5;margin:.15rem 0 .3rem}
#vpn-matrix td>.vpn-status:not(:first-child){margin-top:.45rem}
.vpn-reference .vpn-footnote,.vpn-reference .vpn-verified{font-size:.875rem;line-height:1.55;max-width:90ch;margin:.6rem 0}
.vpn-reference .vpn-legacy-section{margin-top:1.6rem}
.vpn-reference #vpn-legacy{min-width:45rem;font-size:.9375rem;line-height:1.5}
.vpn-reference #vpn-legacy th:first-child{width:9rem}
.vpn-reference h3{margin:1.15rem 0 .35rem}
.vpn-reference dt{font-weight:600;margin-top:.45rem}
.vpn-reference dd{margin:0}
.vpn-definitions{font-size:.9375rem;line-height:1.5}
main:has(.wide-reference)>h1{font-size:clamp(1.75rem,3vw,2.4rem);max-width:1100px;margin:.5rem 0 .65rem}
main:has(.wide-reference)>.lead{font-size:1.0625rem;max-width:1000px;margin-bottom:1rem}
@media(max-width:700px){#vpn-matrix th:first-child,#vpn-legacy th:first-child{position:sticky;left:0;z-index:1;box-shadow:1px 0 0 var(--line)}#vpn-matrix thead th:first-child,#vpn-legacy thead th:first-child{background:var(--soft)}.vpn-legend{display:block}.vpn-legend li{margin:.3rem 0}}
@media print{.vpn-filter{display:none}.vpn-reference #vpn-matrix,.vpn-reference #vpn-legacy{min-width:0;table-layout:auto;font-size:8pt}#vpn-matrix th,#vpn-legacy th{width:auto!important;position:static!important}.vpn-reference .table-wrap{overflow:visible}}