/* L2CHECK Phase 7A — Rich Server Card. Scoped to srv7-* plus existing server page blocks. */

.srv7-hero .s10-server-hero-content{padding-bottom:42px}
.srv7-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}
.srv7-tags span{padding:5px 8px;border:1px solid rgba(72,123,157,.54);border-radius:999px;background:rgba(5,24,37,.72);color:#a8c5d8;font:700 10px/1 Inter,sans-serif}

.srv7-anchorbar{display:flex;gap:7px;overflow-x:auto;margin:0;padding:12px max(18px,calc((100vw - 1360px)/2));border-bottom:1px solid #203d52;background:rgba(5,18,27,.9);scrollbar-width:thin;position:relative;z-index:4}
.srv7-anchorbar a{flex:0 0 auto;padding:7px 10px;border:1px solid #24475f;border-radius:8px;color:#91b0c5;background:#081d2b;font:700 10px Inter,sans-serif;text-decoration:none}
.srv7-anchorbar a:hover{border-color:#bc9037;color:#f3d27c}

.srv7-content{display:flex;flex-direction:column;gap:18px}
.srv7-overview{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:14px}
.srv7-about-panel,.srv7-facts-panel,.srv7-section,.srv7-links-panel{border:1px solid #284a61;border-radius:14px;background:linear-gradient(180deg,rgba(11,34,49,.95),rgba(7,24,36,.96));box-shadow:0 14px 38px rgba(0,0,0,.13)}
.srv7-about-panel{position:relative;overflow:hidden;isolation:isolate}
.srv7-about-panel.has-bg::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(5,18,28,.90) 0%,rgba(5,18,28,.78) 42%,rgba(5,18,28,.45) 72%,rgba(5,18,28,.28) 100%),var(--about-bg);background-position:center,right center;background-size:cover,cover;background-repeat:no-repeat;z-index:-2}
.srv7-about-panel.has-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,19,29,.10),rgba(5,19,29,.42)),radial-gradient(circle at 78% 18%,rgba(75,146,190,.18),transparent 30%);z-index:-1}
.srv7-about-panel,.srv7-facts-panel,.srv7-section,.srv7-links-panel{padding:18px}
.srv7-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}
.srv7-section-head>div>span{display:block;margin-bottom:5px;color:#d7a93e;font:900 8px Inter,sans-serif;letter-spacing:.14em}
.srv7-section-head h2{margin:0;color:#edf4f8;font:600 27px/1.05 Georgia,serif}
.srv7-section-head p{max-width:760px;margin:7px 0 0;color:#7798ad;font-size:11px;line-height:1.55}
.srv7-section-head>small{color:#597b91;font-size:9px;white-space:nowrap}
.srv7-section-head.compact h2{font-size:23px}

.srv7-richtext{color:#c3d1da;font-size:14px;line-height:1.72}
.srv7-richtext h2,.srv7-richtext h3{color:#eef5f9}
.srv7-richtext a{color:#e0b44e}
.srv7-about-fallback{margin:0;color:#b9cad5;font-size:14px;line-height:1.7}

.srv7-features{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px;padding-top:15px;border-top:1px solid rgba(48,87,111,.55)}
.srv7-features span{padding:7px 9px;border:1px solid rgba(52,104,137,.48);border-radius:7px;background:#081e2c;color:#b3cddd;font-size:10px}

.srv7-fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.srv7-fact-grid>div{min-height:68px;padding:10px;border:1px solid #24475d;border-radius:10px;background:linear-gradient(145deg,#092131,#081923)}
.srv7-fact-grid small{display:block;margin-bottom:7px;color:#688ba2;font-size:9px}
.srv7-fact-grid b{display:block;color:#eef5f9;font-size:13px;overflow-wrap:anywhere}

.srv7-scroll{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 9px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#31566f #071620}
.srv7-scroll>*{scroll-snap-align:start}

.srv7-server-line{flex:0 0 280px;min-height:196px;padding:15px;border:1px solid #2b5068;border-radius:12px;background:radial-gradient(circle at 84% 8%,rgba(57,126,170,.15),transparent 31%),linear-gradient(160deg,#0b2637,#071821);display:flex;flex-direction:column;position:relative;overflow:hidden;isolation:isolate}
.srv7-server-line.has-image::before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(5,16,24,.14) 0%,rgba(5,16,24,.38) 35%,rgba(5,16,24,.86) 88%),linear-gradient(90deg,rgba(5,16,24,.62),rgba(5,16,24,.18)),var(--server-line-bg);background-position:center,center,center;background-size:cover,cover,cover;background-repeat:no-repeat;z-index:-2}
.srv7-server-line.has-image::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 8%,rgba(210,164,59,.20),transparent 18%);z-index:-1}
.srv7-server-line.is-active{border-color:#316b64}
.srv7-server-line.is-soon{border-color:#8a682c}
.srv7-server-line.is-archive{opacity:.65}
.srv7-server-line-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.srv7-server-line-top>b{color:#efc65b;font:700 18px Georgia,serif}
.srv7-status{padding:4px 7px;border-radius:999px;border:1px solid #2a526b;color:#89b6d1;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.srv7-server-line h3{margin:13px 0 8px;color:#fff;font:600 21px/1.1 Georgia,serif}
.srv7-server-meta{display:flex;flex-wrap:wrap;gap:6px}
.srv7-server-meta span{padding:4px 6px;border-radius:5px;background:#0d2b3d;color:#8eafc3;font-size:9px}
.srv7-server-line p{margin:10px 0;color:#8fa8b8;font-size:10px;line-height:1.5}
.srv7-server-line>a{margin-top:auto;color:#e7bd55;font-size:10px;font-weight:800;text-decoration:none}

.srv7-history-grid{scroll-margin-top:20px}
#about,#servers,#history,#checks,#gallery,#videos,#guides,#links{scroll-margin-top:22px}

.srv7-gallery figure{flex:0 0 min(430px,72vw);margin:0;overflow:hidden;border:1px solid #294d65;border-radius:12px;background:#061722}
.srv7-gallery a{display:block;aspect-ratio:16/9;overflow:hidden;background:#06131c}
.srv7-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.srv7-gallery figure:hover img{transform:scale(1.025)}
.srv7-gallery figcaption{padding:9px 11px;color:#829eaf;font-size:10px;line-height:1.45}

.srv7-video-card{flex:0 0 min(440px,82vw);overflow:hidden;border:1px solid #294d65;border-radius:12px;background:#071924}
.srv7-video-media{position:relative;aspect-ratio:16/9;background:#040c12;overflow:hidden}
.srv7-video-media iframe,.srv7-video-media img{width:100%;height:100%;border:0;object-fit:cover}
.srv7-video-media>a{display:block;width:100%;height:100%;position:relative}
.srv7-video-media>a>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:rgba(8,21,31,.88);border:1px solid #bd923d;color:#efca69;font-size:21px}
.srv7-video-placeholder{display:grid!important;place-items:center;align-content:center;gap:8px;color:#eac15b;text-decoration:none;background:radial-gradient(circle,#103148,#06131d 66%)}
.srv7-video-placeholder>span{position:static!important;transform:none!important}
.srv7-video-placeholder small{color:#7898ad}
.srv7-video-copy{padding:12px}
.srv7-video-copy h3{margin:0 0 6px;color:#f2f6f9;font:600 18px Georgia,serif}
.srv7-video-copy p{margin:0 0 8px;color:#819dad;font-size:10px;line-height:1.5}
.srv7-video-copy>a{color:#e3b94f;font-size:10px;font-weight:800;text-decoration:none}

.srv7-guides{padding:18px!important}
.srv7-guide-strip{padding-bottom:10px}
.srv7-guide-card{flex:0 0 300px;min-width:300px}
.srv7-guide-card .s10-guide-cover{height:145px}

.srv7-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.srv7-link-list{display:flex;flex-direction:column;gap:7px}
.srv7-link-list a{display:grid;grid-template-columns:82px 1fr 22px;align-items:center;gap:9px;padding:10px;border:1px solid #24465c;border-radius:9px;background:#081d2a;text-decoration:none}
.srv7-link-list a:hover{border-color:#4b738f;background:#0a2332}
.srv7-link-list small{color:#678a9f;font-size:8px;text-transform:uppercase}
.srv7-link-list b{color:#dce8ef;font-size:11px}
.srv7-link-list span{color:#e5b94d;text-align:right}

@media(max-width:900px){
  .srv7-overview,.srv7-bottom-grid{grid-template-columns:1fr}
  .srv7-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .srv7-anchorbar{padding-left:12px;padding-right:12px}
  .srv7-about-panel,.srv7-facts-panel,.srv7-section,.srv7-links-panel{padding:14px}
  .srv7-section-head h2{font-size:23px}
  .srv7-section-head>small{display:none}
  .srv7-fact-grid{grid-template-columns:1fr 1fr}
  .srv7-server-line{flex-basis:250px}
  .srv7-guide-card{flex-basis:270px;min-width:270px}
}

.srv7-about-panel .article-content,.srv7-about-panel .srv7-about-fallback,.srv7-about-panel .srv7-features{position:relative;z-index:1}
.srv7-server-line h3,.srv7-server-line p,.srv7-server-line>a,.srv7-server-line .srv7-server-meta,.srv7-server-line .srv7-server-line-top{position:relative;z-index:1}
.srv7-server-line.has-image .srv7-server-meta span{background:rgba(8,30,43,.74);backdrop-filter:blur(2px)}
.srv7-server-line.has-image p{color:#b8cad3}


/* Phase 7B.2 — adaptive image fitting/focus */
.srv7-hero.s10-server-hero{overflow:hidden;isolation:isolate}
.srv7-hero.s10-server-hero.has-cover::before{
  background-size:var(--server-cover-fit,cover)!important;
  background-position:var(--server-cover-position,center center)!important;
  background-repeat:no-repeat!important;
  background-color:#07131d;
}
.srv7-about-panel.has-bg::before{
  background-position:center,var(--about-bg-position,right center)!important;
  background-size:cover,var(--about-bg-fit,cover)!important;
  background-repeat:no-repeat,no-repeat!important;
}
.srv7-server-line.has-image::before{
  background-position:center,center,var(--server-line-position,center center)!important;
  background-size:cover,cover,var(--server-line-fit,cover)!important;
  background-repeat:no-repeat,no-repeat,no-repeat!important;
}
.srv7-server-line,.srv7-about-panel,.srv7-hero{background-clip:padding-box}