/* Home content below the shared search-window composition. */
.section-lead h2{margin:18px 0 16px}
.section-lead p{line-height:1.8}
.section-lead .badge-dot{flex-shrink:0}

.feature-browser{display:grid;grid-template-columns:minmax(240px,32%) minmax(0,1fr);padding:12px;background:radial-gradient(ellipse at 10% 100%,var(--accent-a06),transparent 58%),var(--panel)}
.feature-tabs.tabs{display:flex;flex-direction:column;gap:4px;overflow:visible;padding:6px;border:0;background:transparent}
.feature-tabs [role="tab"]{justify-content:flex-start;gap:12px;width:100%;min-height:58px;text-align:left;white-space:normal}
.feature-tabs svg{width:22px;height:22px;flex:none;color:var(--accent-dark)}
.feature-tabs [role="tab"] span{min-width:0}
.feature-tabs kbd{margin-left:auto;padding:3px 6px;border:1px solid var(--border);border-radius:var(--r-xs);font-size:11px;color:var(--muted);white-space:nowrap}
.feature-content{display:flex;flex-direction:column;min-width:0;padding:24px 30px;border:1px solid var(--border);border-radius:var(--r);background:var(--panel);box-shadow:inset 0 1px 0 var(--hi),0 18px 36px -28px var(--accent-a24)}
.feature-panel h3{margin:16px 0}
.feature-panel p{max-width:68ch;color:var(--muted);line-height:1.85}
.feature-panel dl{margin:22px 0 0;border-top:1px solid var(--border)}
.feature-panel dl div{display:grid;grid-template-columns:minmax(100px,30%) minmax(0,1fr);gap:14px;padding:10px 0;border-bottom:1px solid var(--border)}
.feature-panel dt{color:var(--muted)}
.feature-panel dd{min-width:0;margin:0;overflow-wrap:anywhere}
.feature-panel dd a,.feature-mobile a,.section-link a{color:var(--accent-dark);font-weight:700}
.feature-panel dd a:hover,.feature-mobile a:hover,.section-link a:hover{text-decoration:underline}
.feature-actions{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:24px}
.feature-actions .muted{margin-left:auto;font-size:12px}
.feature-actions kbd{padding:4px 7px;border:1px solid var(--border);border-radius:var(--r-xs);font-size:12px}
.feature-mobile{display:none}

.server-status:empty{display:none}
.server-status:not(:empty){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:24px}
.server-status .srv-row{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r-s);background:var(--panel);box-shadow:inset 0 1px 0 var(--hi)}
.server-status .srv-dot{width:8px;height:8px;flex:none;border-radius:var(--r-pill);background:var(--success);box-shadow:0 0 0 4px var(--accent-a10)}
.server-status .srv-flag{display:grid;place-items:center;width:24px;min-width:24px;overflow:hidden}
.server-status .srv-flag svg{width:24px;height:16px;border-radius:var(--r-xs)}
.server-status .srv-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.server-status .srv-type{max-width:100%;overflow:hidden;padding:2px 6px;border:1px solid var(--border);border-radius:var(--r-xs);color:var(--muted);font-size:12px;white-space:nowrap;text-overflow:ellipsis}
.server-status .srv-ms,.server-status .srv-bw{flex:none;font:12px/1.4 var(--font-mono);color:var(--accent-dark)}
.server-status .srv-ms{margin-left:auto}
.network-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:34px}
.network-notes h3,.pricing-foot h3{margin:0 0 14px}
.network-notes p,.pricing-foot p{color:var(--muted);line-height:1.85}
.section-link{margin:30px 0 0;text-align:right}
.pricing-foot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:22px;padding:28px}
.plan-card p:not(.plan-price){color:var(--muted);line-height:1.8}
.article-card h3{font-size:21px;line-height:1.4}
.article-card p{line-height:1.8}

@media(max-width:768px){
  .feature-browser{display:none}
  .feature-mobile{display:block;border:1px solid var(--border);border-radius:var(--r-m);background:var(--panel);padding:8px 16px}
  .feature-mobile details{border-bottom:1px solid var(--border)}
  .feature-mobile details:last-child{border-bottom:0}
  .feature-mobile summary{min-height:56px;padding:14px 4px;font-weight:700;cursor:pointer}
  .feature-mobile p{color:var(--muted);line-height:1.8}
  .feature-mobile a{display:inline-flex;align-items:center;min-height:36px;margin-bottom:12px}
  .network-notes,.pricing-foot{grid-template-columns:1fr}
}
@media(max-width:640px){
  .server-status:not(:empty){grid-template-columns:1fr}
  .server-status .srv-row{flex-wrap:wrap}
  .pricing-foot{padding:20px}
  .network-notes{gap:18px}
}