.support-container{width:min(100% - 2.5rem,1180px);margin-inline:auto}
.support-hero{padding:clamp(2.75rem,5vw,4.5rem) 0 3rem;background:linear-gradient(125deg,#06152e,#0b3155);color:#fff}
.support-hero .eyebrow{margin:0 0 .8rem;color:#66c9ff}
.support-hero h1{max-width:790px;margin:0;font-size:clamp(2.15rem,4.5vw,4rem);line-height:1.06;letter-spacing:-.045em}
.support-hero p:not(.eyebrow){max-width:640px;margin:1rem 0 1.5rem;color:#d8e6f3;font-size:1rem}
.support-search{display:flex;align-items:center;gap:.75rem;width:min(100%,770px);min-height:62px;padding:.4rem .45rem .4rem 1rem;border:1px solid #b5d4e9;border-radius:9px;background:#fff;color:#17344e}
.support-search>.icon{flex:none;width:21px;height:21px;color:#327baa}
.support-search input[type=search]{flex:1;min-width:0;min-height:44px;padding:.4rem 0;border:0;outline:0;box-shadow:none;color:#0a1c38;font-size:.94rem}
.support-search input[type=search]:focus{outline:0}
.support-search:focus-within{outline:3px solid #67c9ff;outline-offset:3px}
.support-search button,.support-filters button{min-height:42px;padding:.65rem 1.1rem;border:0;border-radius:6px;background:var(--reef-primary);color:#fff;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}
.support-search button:hover,.support-filters button:hover{background:var(--reef-primary)}
.support-library{min-height:420px;padding:2.5rem 0 5rem;background:#f7f9fc}
.support-library-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}
.support-library-head .eyebrow{margin:0 0 .3rem}
.support-library-head h2{margin:0;font-size:clamp(1.6rem,2.6vw,2.25rem);line-height:1.1;letter-spacing:-.035em}
.support-count{color:#5a7087;font-size:.82rem;white-space:nowrap}
.support-filters{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem;padding:1rem;border:1px solid #e1e8ef;border-radius:9px;background:#fff}
.support-filters label{display:grid;gap:.3rem;flex:1 1 150px;min-width:135px;color:#445b73;font-size:.72rem;font-weight:750}
.support-filters select{width:100%;min-height:42px;padding:.55rem .7rem;border:1px solid #cbd7e2;border-radius:6px;background:#fff;color:#17344e;font:inherit;font-size:.82rem}
.support-filters button{flex:none}
.support-clear{align-self:center;color:var(--reef-primary);font-size:.78rem;font-weight:750;text-underline-offset:3px}
.support-results{display:grid;gap:.65rem}
.support-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:1.1rem;padding:1.15rem 1.3rem;border:1px solid #e1e8ef;border-radius:9px;background:#fff}
.support-item-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:9px;background:#e8f4fd;color:var(--reef-primary)}
.support-item-icon .icon{width:23px;height:23px}
.support-item-body{min-width:0}
.support-item h3{margin:0;color:#102b45;font-size:1.02rem;line-height:1.3}
.support-item-body>p{margin:.28rem 0 0;color:#586d81;font-size:.82rem;line-height:1.5}
.support-meta{display:flex;flex-wrap:wrap;gap:.2rem .6rem;margin-top:.55rem;color:#63788c;font-size:.7rem}
.support-meta span+span:before{content:"·";margin-right:.6rem;color:#9cafbf}
.support-action{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:104px;min-height:40px;padding:.55rem .8rem;border:1px solid var(--reef-primary);border-radius:6px;color:var(--reef-primary);font-size:.72rem;font-weight:850;letter-spacing:.035em;text-decoration:none;text-transform:uppercase;white-space:nowrap}
.support-action:hover{background:var(--reef-primary);color:#fff}
.support-action .icon{width:15px;height:15px}
.support-empty{display:grid;justify-items:start;gap:.25rem;padding:2.25rem;border:1px dashed #bccddd;border-radius:9px;background:#fff;color:#556a7e}
.support-empty>.icon{width:28px;height:28px;color:var(--reef-primary)}
.support-empty h3{margin:.5rem 0 0;color:#102b45;font-size:1.2rem}
.support-empty p{margin:0}
.support-empty a{margin-top:.6rem;color:var(--reef-primary);font-weight:750}
@media(max-width:700px){.support-library{padding:2rem 0 3rem}.support-library-head{align-items:start;flex-direction:column}.support-item{grid-template-columns:44px minmax(0,1fr);gap:.75rem;padding:1rem}.support-item-icon{width:42px;height:42px}.support-action{grid-column:2;justify-self:start}.support-filters label{flex-basis:calc(50% - .5rem)}}
@media(max-width:480px){.support-container{width:min(100% - 2rem,1180px)}.support-hero{padding:2.5rem 0}.support-hero h1{font-size:2.15rem}.support-search{gap:.4rem;padding:.35rem .4rem .35rem .7rem}.support-search input[type=search]{font-size:.8rem}.support-search button{padding:.55rem .65rem}.support-filters label{flex-basis:100%}.support-filters button{width:100%}.support-action{width:100%}}