/* Silk v9.15 — unified home, sidebar and server wayfinding.
   Decorative only; the existing content, links and game data remain unchanged. */
:root { --v915-jade:#153c36; --v915-jade-light:#296655; --v915-gold:#d7b57e; --v915-paper:#f7f4e9; }
/* Main navigation: preserve fixed contacts while menu scrolls. */
.sidebar {
  background:radial-gradient(ellipse at -60% 0%,#45766348,transparent 58%),
             linear-gradient(180deg,#102b29 0%,#112d2b 51%,#0c2524 100%);
  border-right:1px solid #c6ab7159;
}
.sidebar .brand {border-bottom:1px solid #d4bf8131;padding-bottom:16px;}
.sidebar .site-nav {padding-top:6px;}
.sidebar .site-nav .nav-link {
  border-radius:8px;transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.sidebar .site-nav .nav-link:hover {background:#e2d1a011;color:#fff9eb;border-color:#b0b79638;}
.sidebar .site-nav .nav-link.is-active {
  background:linear-gradient(90deg,#d9bd7c30,#4c7c6342);
  border-color:#d7bd824d;color:#fff5db;
}
.sidebar .site-nav .nav-link.is-active::before {left:-15px;border-radius:8px;background:#e8c78a;}
.sidebar .sidebar-bottom {
  background:linear-gradient(180deg,#1d483d70,#0b2422ed);
  border-top:1px solid #d8bc764e;
  box-shadow:0 -9px 20px #0e252650;
}
.sidebar .sidebar-author {border-color:#d3bc8566;background:#183c35;}
.sidebar .sidebar-author>.author-discord {color:#e1f4e7;}
.sidebar .sidebar-author a:focus-visible {outline-offset:2px;}
/* Cleaner, more immersive hero in the style of the approved jade-and-gold demo. */
.v915-hero {
  min-height:485px;
  background:radial-gradient(ellipse at 15% 26%,#45766566,transparent 48%),
             linear-gradient(116deg,#102c2b 4%,#204b42 57%,#10272a 100%);
  border-bottom:3px solid #c7a46c;
}
.v915-hero .hero-copy {padding-top:54px;padding-bottom:53px;}
.v915-hero .hero-copy h1 {font-size:clamp(48px,4.4vw,75px);line-height:1.12;letter-spacing:-.025em;}
.v915-hero .hero-copy>p {color:#e4eee4;max-width:520px;font-size:15px;line-height:1.8;}
.v915-hero .hero-visual {
  background:linear-gradient(90deg,#163b35 0%,#163b3560 17%,#102b2d24 62%),
             url('../img/landscape.svg') center / cover no-repeat;
}
.v915-hero .hero-visual::before {
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 80% 20%,#f5d29a29,transparent 34%);
}
.v915-hero .hero-orbit {border-color:#e7ca88c4;box-shadow:0 0 0 10px #e7c78712;}
.v915-hero-pill {
  display:inline-flex;align-items:center;gap:11px;color:#f4d5a0;
  font:600 11px/1.35 Oswald,'Arial Narrow',sans-serif;letter-spacing:.17em;
  border:1px solid #e4c4866e;border-radius:30px;background:#e9c98913;
  padding:8px 13px;margin-bottom:8px;
}
.v915-hero-pill span {color:#ffdfa3;font-size:15px;line-height:1;}
/* Three unmistakable, navigable server options below the hero. */
.v915-quick-servers {
  display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,2fr);
  gap:24px;align-items:center;
  padding:26px clamp(24px,5vw,86px);
  background:linear-gradient(108deg,#f5efdf,#e4e9de);
  border-bottom:1px solid #d4c7a9;
}
.v915-quick-intro {display:flex;flex-direction:column;gap:5px;min-width:0;}
.v915-eyebrow {font:600 10px Oswald,'Arial Narrow',sans-serif;color:#b08957;letter-spacing:.2em;}
.v915-quick-intro strong {color:#1f453a;font:700 27px/1.15 Oswald,'Arial Narrow',sans-serif;}
.v915-quick-intro>span:last-child {color:#5c7769;font-size:12px;line-height:1.5;}
.v915-quick-actions {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.v915-quick-actions a {
  min-width:0;display:grid;grid-template-columns:9px minmax(0,1fr) 15px;
  column-gap:10px;align-items:center;
  padding:12px 14px;border:1px solid #c5d3c3;border-radius:10px;
  background:#fcfbf5;color:#224e3f;font:650 18px Oswald,'Arial Narrow',sans-serif;
  box-shadow:0 5px 18px #163e2611;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.v915-quick-actions a:hover {transform:translateY(-3px);border-color:#aa8b5c;box-shadow:0 8px 23px #153d2b2a;}
.v915-quick-actions a:focus-visible {outline:3px solid #b18e54;outline-offset:2px;}
.v915-quick-actions small {grid-column:2;font-size:11px;color:#6b8074;font-weight:400;margin-top:3px;}
.v915-quick-actions b {grid-column:3;grid-row:1/3;font-size:20px;color:#a57d4d;}
.v915-status-dot {background:#69a78c;width:8px;height:8px;border-radius:50%;grid-row:1/3;box-shadow:0 0 0 3px #69a78c22;}
/* Main directory: clean silhouettes, no decorative image files. */
.v913-home-directory .directory-card {border-color:#b6c9ba!important;}
.v913-home-directory .directory-card:hover {border-color:#ad8b54!important;}
/* Secondary atlas is now a tidy link collection. */
.explore-more {grid-template-columns:minmax(200px,.8fr) minmax(0,1.6fr);gap:35px;background:#f2efe4;}
.explore-heading h2 {font:600 clamp(25px,2.35vw,38px)/1.3 Oswald,'Arial Narrow',sans-serif;color:#254a3f;}
.explore-links {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start;}
.explore-links a,.explore-links a:first-child {
  display:grid;grid-template-columns:1fr 21px;gap:5px 8px;
  align-items:center;margin:0;border:1px solid #d7d5c5;
  border-radius:9px;padding:13px 14px;background:#fcfbf6;
  font:650 19px Oswald,'Arial Narrow',sans-serif;color:#245344;
  box-shadow:0 3px 14px #2138220a;transition:transform .18s ease,border-color .18s ease;
}
.explore-links a:hover {transform:translateY(-2px);border-color:#c4a06f;}
.explore-links a span {grid-column:1;grid-row:2;margin:0;color:#6c8177;font:400 12px/1.35 Oswald,'Arial Narrow',sans-serif;}
.explore-links a b {grid-column:2;grid-row:1/3;margin:0;font-size:20px;align-self:center;}
/* Servers hub: consistent cards rather than an unrelated visual language. */
.v88-hero--hub {background:radial-gradient(ellipse at 84% 25%,#80a27c40,transparent 36%),linear-gradient(114deg,#112f2c,#1b4d41 68%,#416b56);}
.v88-server-grid.v915-server-overview {gap:16px;}
.v915-server-route {border-radius:13px;overflow:hidden;border-color:#d7d6c8;background:#fbfaf5;}
.v915-server-route .v88-card-art {height:145px;background:radial-gradient(circle at 56% 42%,#c0d4aa3d,transparent 40%),linear-gradient(122deg,#143c35,#36735d);}
.v915-server-route.v88-server-card--cn .v88-card-art {background:radial-gradient(circle at 50% 32%,#d3d2ac3c,transparent 45%),linear-gradient(120deg,#294847,#5b7563);}
.v915-server-route.v88-server-card--dubu .v88-card-art {background:radial-gradient(circle at 55% 38%,#d9b88946,transparent 42%),linear-gradient(120deg,#2a473e,#657262);}
.v915-server-route .v88-card-copy h3 {color:#224b3d;font-weight:650;}
/* Switching between server guides is always visible without duplicating instructions. */
.v915-server-ribbon {
  max-width:1250px;margin:18px auto 0;
  padding:12px clamp(17px,4.5vw,60px);display:flex;align-items:center;gap:8px;flex-wrap:wrap;
}
.v915-server-ribbon>span {font:600 11px Oswald,'Arial Narrow',sans-serif;color:#8f7756;letter-spacing:.13em;margin-right:10px;}
.v915-server-ribbon a {
  font:600 13px Oswald,'Arial Narrow',sans-serif;color:#2e6250;
  padding:9px 17px;border:1px solid #cbd7c7;background:#f9f8f1;border-radius:20px;
  transition:border-color .2s,background .2s;
}
.v915-server-ribbon a:hover,.v915-server-ribbon a[aria-current="page"] {color:#f8efd9;background:#1f5948;border-color:#1f5948;}
.v915-server-ribbon .v915-server-ribbon__all {margin-left:auto;border-color:#d5ba88;}
@media (max-width:1200px) {
  .v915-quick-servers {grid-template-columns:1fr;gap:17px;}
  .v915-quick-intro>span:last-child {font-size:13px;}
  .explore-more {grid-template-columns:1fr;gap:20px;}
}
@media (max-width:950px) {
  .v915-hero .hero-copy h1 {font-size:clamp(43px,6.8vw,67px);white-space:normal;}
  .v915-server-route .v88-card-art {height:100%;min-height:158px;}
}
@media (max-width:690px) {
  .v915-hero {min-height:0;}
  .v915-hero .hero-copy {padding:45px 26px 48px;}
  .v915-hero .hero-copy h1 {font-size:clamp(40px,9vw,58px);}
  .v915-quick-servers {padding:22px 18px;}
  .v915-quick-actions {grid-template-columns:1fr;gap:8px;}
  .v915-quick-actions a {padding:11px 15px;}
  .explore-more {padding:39px 18px 51px;}
  .explore-links {grid-template-columns:1fr;}
  .v915-server-ribbon {gap:6px;}
  .v915-server-ribbon>span {flex:0 0 100%;margin-bottom:4px;}
  .v915-server-ribbon .v915-server-ribbon__all {margin-left:0;}
}
@media (prefers-reduced-motion:reduce) {
  .v915-quick-actions a,.explore-links a {transition:none;}
}
