
:root{
  --sky:#79c7ff;
  --sky2:#c8ecff;
  --grass:#63b447;
  --grass-dark:#3f8f36;
  --dirt:#8a5a35;
  --dirt-dark:#644127;
  --stone:#747b84;
  --panel:#fff8df;
  --panel2:#f3e6bd;
  --text:#2b2b28;
  --muted:#6d6b61;
  --line:#bda978;
  --accent:#4aa53e;
  --accent2:#2f7f30;
  --water:#3b93d1;
  --gold:#e3b23c;
  --warn:#d97728;
  --radius:6px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{color:#9fc0ff;text-decoration:none}
a:hover{text-decoration:underline}
code,kbd{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
code{background:#0a1224;border:1px solid #25314b;border-radius:7px;padding:.18rem .4rem;color:#cfe0ff}
kbd{display:inline-grid;place-items:center;min-width:38px;padding:.35rem .5rem;background:#0a1224;border:1px solid #344365;border-bottom-width:3px;border-radius:8px}
.app{display:grid;grid-template-columns:290px 1fr;min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:290px;background:linear-gradient(180deg,#0e1528,#0b1121);border-right:1px solid var(--line);padding:22px;display:flex;flex-direction:column;z-index:20}
.brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}
.brand-icon{width:44px;height:44px;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:14px;font-size:24px}
.brand strong,.brand span{display:block}
.brand span{font-size:.83rem;color:var(--muted)}
.search-wrap{margin-bottom:20px}
.search-wrap input{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#0a1224;color:var(--text);outline:none}
.search-wrap input:focus{border-color:var(--accent)}
nav{display:flex;flex-direction:column;gap:5px;overflow:auto}
nav a{padding:9px 11px;border-radius:9px;color:#c5d0e6;text-decoration:none}
nav a:hover,nav a.active{background:var(--panel2);color:white}
.sidebar-footer{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}
.sidebar-footer code{display:block;margin-top:6px;overflow:auto}
.content{grid-column:2;max-width:1300px;width:100%;padding:52px 58px 90px}
.menu-button{display:none}
.docs-section{padding:20px 0 55px;border-bottom:1px solid rgba(40,52,78,.65);scroll-margin-top:20px}
.hero{padding-top:10px}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800;color:#91afff}
h1{font-size:clamp(2.3rem,5vw,4.7rem);line-height:1.03;margin:.35rem 0 1rem;max-width:800px}
h2{font-size:2rem;margin:0}
h3{margin-top:0}
.lead{font-size:1.12rem;color:#aebbd2;max-width:730px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 28px}
.button,.copy-button{border:0;border-radius:11px;padding:10px 15px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,var(--accent),var(--accent2));color:white;text-decoration:none}
.button.secondary{background:var(--panel2);border:1px solid var(--line)}
.section-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:24px}
.section-head>span{font-size:2rem}
.section-head p{margin:.2rem 0 0;color:var(--muted)}
.cards{display:grid;gap:16px}
.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.card,.callout,.rank-card{background:linear-gradient(180deg,var(--panel),#111a2f);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.card.wide{grid-column:1/-1}
.card p:last-child{margin-bottom:0}
.callout{margin:18px 0;background:#111a2f}
.callout.warning,.note.warning{border-color:#5c4b2b;background:#201a11}
.command-list{display:flex;flex-direction:column}
.command-list>div,.command-grid>div{display:grid;grid-template-columns:minmax(160px,.8fr) 1fr;gap:12px;padding:9px 0;border-bottom:1px solid rgba(40,52,78,.65)}
.command-list>div:last-child{border-bottom:0}
.command-list span,.command-grid span{color:var(--muted)}
.command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.note{color:var(--muted);padding:10px 12px;border-radius:9px;border:1px solid var(--line);background:#10182b}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.stats>div{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);text-align:center}
.stats strong,.stats span{display:block}
.stats strong{font-size:1.5rem}
.stats span{color:var(--muted);font-size:.85rem}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.compare>div{padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:14px}
.compare span{display:block;margin-top:8px;color:var(--muted)}
.rank-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.rank-card{display:flex;flex-direction:column;gap:5px}
.rank-card>span{font-size:1.5rem}
.rank-card strong{font-size:.9rem}
.rank-card p{font-size:.85rem}
.rank-card.vip{border-color:#735fad;box-shadow:0 0 32px rgba(167,139,250,.09)}
.key-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.key-grid>div{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px}
.subheading{margin-top:28px}
.link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.link-grid a{display:flex;flex-direction:column;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:14px;text-decoration:none}
.link-grid a:hover{border-color:#52688f;background:var(--panel2)}
.link-grid span{color:var(--muted);font-size:.86rem}
.staff::before{content:"STAFF";display:inline-block;margin-bottom:12px;padding:4px 8px;border-radius:6px;background:#2a1d36;color:#d9b9ff;font-size:.7rem;font-weight:800;letter-spacing:.12em}
footer{display:flex;justify-content:space-between;padding-top:35px;color:var(--muted)}
.toast{position:fixed;right:24px;bottom:24px;background:#fff;color:#111;padding:10px 14px;border-radius:10px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:50}
.toast.show{opacity:1;transform:none}
.hidden-search{display:none!important}
@media(max-width:1050px){
  .rank-grid{grid-template-columns:repeat(2,1fr)}
  .cards.three,.link-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .app{display:block}
  .sidebar{transform:translateX(-100%);transition:.2s;box-shadow:12px 0 40px rgba(0,0,0,.3)}
  .sidebar.open{transform:none}
  .content{padding:30px 20px 70px}
  .menu-button{display:block;position:sticky;top:12px;z-index:15;margin-left:auto;border:1px solid var(--line);background:var(--panel);color:white;border-radius:10px;padding:8px 11px}
  .cards.two,.cards.three,.stats,.rank-grid,.link-grid,.compare{grid-template-columns:1fr}
  .command-grid{grid-template-columns:1fr}
}


/* Minecraft-style homepage */
.minecraft-hero{
  position:relative;
  overflow:hidden;
  margin:-52px -58px 0;
  padding:85px 58px 55px;
  border-bottom:1px solid var(--line);
  background:
    linear-gradient(rgba(8,14,28,.42),rgba(8,14,28,.86)),
    linear-gradient(180deg,#274a68 0%,#16273d 56%,#101829 100%);
}
.pixel-sky{position:absolute;inset:0;pointer-events:none;opacity:.38}
.pixel-cloud{
  position:absolute;width:110px;height:25px;background:#fff;
  box-shadow:25px -18px 0 #fff,55px -6px 0 #fff,80px 0 0 #fff;
  image-rendering:pixelated;opacity:.32
}
.cloud-one{top:100px;right:14%}
.cloud-two{top:210px;left:8%;transform:scale(.7)}
.hero-inner{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:48px;align-items:center;position:relative;z-index:2}
.hero-copy h1{max-width:850px;text-shadow:0 5px 20px rgba(0,0,0,.32)}
.server-address-box{
  margin-top:24px;max-width:610px;display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:14px 15px 14px 18px;background:rgba(7,13,25,.74);border:1px solid #3d5272;border-radius:14px;
  box-shadow:0 12px 34px rgba(0,0,0,.18)
}
.server-address-box span,.server-address-box strong{display:block}
.server-address-box span{font-size:.72rem;color:#8fa2c4;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.server-address-box strong{font-family:"SFMono-Regular",Consolas,monospace;font-size:1.05rem;margin-top:2px}
.block-scene{position:relative;height:285px;perspective:700px}
.block{position:absolute;width:112px;height:112px;border-radius:3px;box-shadow:0 20px 35px rgba(0,0,0,.25);transform:rotateX(52deg) rotateZ(-36deg)}
.block::before,.block::after{content:"";position:absolute;inset:0;border-radius:3px;opacity:.28;background-image:linear-gradient(90deg,rgba(255,255,255,.12) 50%,transparent 50%),linear-gradient(rgba(0,0,0,.18) 50%,transparent 50%);background-size:28px 28px}
.grass-block{right:108px;top:35px;background:linear-gradient(#5e9f48 0 28%,#73513b 28%)}
.dirt-block{right:15px;top:122px;background:#75513b}
.stone-block{right:160px;top:145px;background:#747b84}
.diamond-block{right:36px;top:8px;width:72px;height:72px;background:#55d7d2}
.server-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:55px;position:relative;z-index:2}
.server-card{display:grid;grid-template-columns:auto 1fr;gap:15px;padding:20px;background:rgba(13,22,39,.88);border:1px solid #354765;border-radius:16px;backdrop-filter:blur(7px)}
.server-card h3{font-size:1.25rem;margin:.15rem 0 .35rem}
.server-card p{font-size:.92rem;color:#a5b2c9;margin:0 0 8px}
.server-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#1a2942;border:1px solid #3b4f70;font-size:1.55rem}
.server-label{text-transform:uppercase;font-size:.66rem;font-weight:800;letter-spacing:.12em;color:#7fa1dd}
.quick-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;position:relative;z-index:2}
.quick-info{display:flex;gap:12px;padding:15px;border-radius:14px;background:rgba(9,16,30,.7);border:1px solid rgba(59,79,112,.7)}
.quick-info>span{font-size:1.25rem}
.quick-info strong{display:block}
.quick-info p{margin:3px 0 0;color:#98a9c5;font-size:.84rem}
.docs-section:not(.minecraft-hero){padding-top:62px}
@media(max-width:1050px){
  .hero-inner{grid-template-columns:1fr}
  .block-scene{display:none}
  .server-showcase{grid-template-columns:1fr}
  .quick-info-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .minecraft-hero{margin:-30px -20px 0;padding:78px 20px 35px}
  .server-address-box{align-items:flex-start;flex-direction:column}
  .server-address-box .copy-button{width:100%}
}


/* Live server status */
.live-status-panel{
  position:relative;z-index:2;margin-top:28px;
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr) auto;
  align-items:center;gap:24px;
  padding:16px 18px;
  background:rgba(7,13,25,.82);
  border:1px solid #3a4d6e;border-radius:16px;
  box-shadow:0 14px 38px rgba(0,0,0,.22);
  backdrop-filter:blur(8px)
}
.status-main{display:flex;align-items:center;gap:14px;min-width:0}
.status-icon-wrap{width:56px;height:56px;flex:0 0 56px}
.server-icon-image,.server-icon-fallback{width:56px;height:56px;border-radius:11px;border:1px solid #425777;background:#111a2e}
.server-icon-image{object-fit:cover;image-rendering:pixelated}
.server-icon-fallback{display:grid;place-items:center;font-size:1.7rem}
.status-copy{min-width:0;display:flex;flex-direction:column}
.status-line{display:flex;align-items:center;gap:8px}
.status-dot{width:10px;height:10px;border-radius:999px;background:#70809a;box-shadow:0 0 0 4px rgba(112,128,154,.12)}
.status-dot.online{background:#57d67a;box-shadow:0 0 0 4px rgba(87,214,122,.12)}
.status-dot.offline{background:#ef6464;box-shadow:0 0 0 4px rgba(239,100,100,.12)}
.status-address{font-size:.82rem;color:#8294b4;font-family:"SFMono-Regular",Consolas,monospace}
.status-motd{color:#b3c0d6;font-size:.83rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:620px}
.status-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.status-stats>div{padding:8px 12px;border-left:1px solid #2d3b56}
.status-stats span,.status-stats strong{display:block}
.status-stats span{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:#7588a9;font-weight:800}
.status-stats strong{font-size:.92rem;margin-top:1px}
.status-refresh{border:1px solid #33445f;background:#131d31;color:#b8c7df;width:38px;height:38px;border-radius:10px;cursor:pointer;font-size:1.25rem}
.status-refresh:hover{background:#1a2942;color:#fff}
.status-refresh.loading{animation:statusSpin .8s linear infinite}
@keyframes statusSpin{to{transform:rotate(360deg)}}
.discord-button{background:#5865F2!important}
.quick-info-link{color:inherit;text-decoration:none}
.quick-info-link:hover{border-color:#5865F2;background:rgba(88,101,242,.12);text-decoration:none}
.quick-info-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:1180px){
  .live-status-panel{grid-template-columns:1fr auto}
  .status-stats{grid-row:2;grid-column:1/-1}
  .status-stats>div:first-child{border-left:0}
  .quick-info-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .live-status-panel{grid-template-columns:1fr auto;gap:14px}
  .status-stats{grid-template-columns:1fr 1fr 1fr}
  .status-stats>div{padding:7px;border-left:0;border-top:1px solid #2d3b56}
  .status-motd{max-width:68vw}
  .quick-info-grid{grid-template-columns:1fr}
}


/* =========================================================
   Bright Minecraft theme
   ========================================================= */
html,body{background:#d8f0ff;color:var(--text)}
body{
  background:
    linear-gradient(#8ed2ff 0 360px,#bde9ff 360px 520px,#86c85d 520px 540px,#6dac45 540px 560px,#9a6539 560px 100%);
}
.sidebar{
  background:
    linear-gradient(180deg,#7fc5f4 0 130px,#6eb64d 130px 150px,#4e9637 150px 166px,#8b5a34 166px 100%);
  border-right:4px solid #5b3c24;
  box-shadow:6px 0 0 rgba(0,0,0,.08);
}
.brand strong{color:#fff;text-shadow:2px 2px 0 #395d7b}
.brand span{color:#eefaff}
.brand-icon{
  background:#6db64c;border:3px solid #467a33;border-radius:4px;
  box-shadow:inset 0 -8px 0 rgba(0,0,0,.12);
}
.search-wrap input{
  background:#fff9df;color:#2d2b26;border:3px solid #79502f;border-radius:4px;
  box-shadow:inset 0 -4px 0 rgba(0,0,0,.06);
}
nav a{
  color:#fff;background:rgba(66,103,47,.28);border:2px solid transparent;border-radius:4px;
  text-shadow:1px 1px 0 rgba(0,0,0,.25);font-weight:700
}
nav a:hover,nav a.active{
  background:#fff1b8;color:#3b3526;border-color:#7b552f;text-shadow:none;
  box-shadow:inset 0 -4px 0 rgba(125,90,49,.16)
}
.sidebar-footer{color:#fff;border-top:3px solid rgba(77,48,29,.5)}
.sidebar-footer code{background:#fff4cd;color:#342d24;border-color:#6f4a2e}

.content{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.28));
}
.minecraft-hero{
  background:
    linear-gradient(rgba(86,170,228,.18),rgba(40,110,164,.05)),
    linear-gradient(180deg,#78c7fb 0%,#bfeaff 58%,#7ec45a 58%,#5cab45 63%,#8d5d36 63%,#6d4428 100%);
  border-bottom:6px solid #5d3d26;
}
.minecraft-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:26px;
  background:
    linear-gradient(90deg,transparent 0 25%,rgba(255,255,255,.07) 25% 50%,transparent 50% 75%,rgba(0,0,0,.06) 75%);
  background-size:48px 48px;
  opacity:.5;pointer-events:none
}
.hero-copy .eyebrow{
  color:#214c22;background:#dff6a7;border:2px solid #557b2b;display:inline-block;
  padding:4px 8px;border-radius:3px;letter-spacing:.08em
}
.hero-copy h1{
  color:#fff;text-shadow:4px 4px 0 #315f80,7px 7px 0 rgba(0,0,0,.13);
}
.hero-copy .lead{
  color:#244158;background:rgba(255,255,255,.7);display:inline-block;
  padding:10px 12px;border:2px solid rgba(69,113,143,.35);border-radius:4px
}
.server-address-box{
  background:#fff0b4;border:4px solid #7a512f;border-radius:4px;
  box-shadow:inset 0 -6px 0 rgba(116,75,38,.12),5px 6px 0 rgba(71,46,28,.18)
}
.server-address-box span{color:#765d2f}
.server-address-box strong{color:#2b2924}
.button,.copy-button{
  border-radius:3px;border:3px solid #2f642f;
  background:linear-gradient(#69bf4f,#4a9d3b);
  box-shadow:inset 0 -6px 0 rgba(0,0,0,.12),3px 4px 0 rgba(0,0,0,.13);
  text-shadow:1px 1px 0 rgba(0,0,0,.22)
}
.button:hover,.copy-button:hover{filter:brightness(1.08);text-decoration:none}
.button.secondary{
  background:linear-gradient(#5ab0e3,#3b91c9);border-color:#286786
}
.discord-button{
  background:linear-gradient(#7289ff,#5865F2)!important;border-color:#4148ad!important
}
.live-status-panel{
  background:#fff6cf;border:4px solid #7e552f;border-radius:4px;
  color:#302d26;box-shadow:5px 6px 0 rgba(72,47,29,.17)
}
.status-address{color:#7e694e}
.status-motd{color:#5c594d}
.status-stats>div{border-color:#d4bd83}
.status-stats span{color:#756c58}
.status-refresh{background:#6db54a;color:#fff;border:3px solid #477c34;border-radius:3px}

.server-card,.quick-info,.card,.rank-card,.callout,.compare>div,.link-grid a,.stats>div{
  background:#fff8df;color:#302d26;border:3px solid #8a663c;border-radius:4px;
  box-shadow:inset 0 -6px 0 rgba(117,87,47,.08),4px 5px 0 rgba(79,51,29,.1)
}
.server-card:nth-child(1){border-top:9px solid #58a843}
.server-card:nth-child(2){border-top:9px solid #c881d9}
.server-card:nth-child(3){border-top:9px solid #dcad45}
.server-card p,.quick-info p,.section-head p,.command-list span,.command-grid span,.link-grid span,.note{color:#6a665a}
.server-label{color:#4b8a3e}
.server-icon{
  background:#7dc85b;border:3px solid #4f813b;border-radius:4px;
  box-shadow:inset 0 -8px 0 rgba(0,0,0,.1)
}
.quick-info-link:hover,.link-grid a:hover{
  background:#fff1b6;border-color:#6f9d38
}
.section-head>span{
  background:#6cbc4b;border:3px solid #467b34;border-radius:4px;padding:5px 8px;
  box-shadow:inset 0 -5px 0 rgba(0,0,0,.1)
}
h2,h3{color:#3d3528}
code{
  background:#e8dcad;color:#3a3428;border:2px solid #9a8152;border-radius:3px
}
kbd{
  background:#ece0af;color:#342f25;border:2px solid #8f7445;border-bottom-width:5px;border-radius:3px
}
.note.warning,.callout.warning{
  background:#fff0bf;border-color:#bd7b25;color:#563f20
}
.stats strong{color:#478d35}
.rank-card.vip{
  border-color:#8a5ab6;background:#f6e7ff;box-shadow:inset 0 -6px 0 rgba(109,64,149,.08),4px 5px 0 rgba(79,51,29,.1)
}
.link-grid a{color:#315f88}
footer{color:#4d493f}
footer a{color:#326d9f}
.grass-divider{
  height:22px;margin:36px -58px -20px;
  background:linear-gradient(#5bae44 0 45%,#498f36 45% 60%,#8e5b34 60%);
  border-top:3px solid #447d35;border-bottom:3px solid #654023
}
.toast{
  background:#fff3ba;color:#2d291f;border:3px solid #75502f;border-radius:3px
}
@media(max-width:820px){
  .content{background:rgba(255,255,255,.18)}
  .grass-divider{margin-left:-20px;margin-right:-20px}
}


/* Modded client downloads */
.download-button{
  background:linear-gradient(#f4c94d,#d99d28)!important;
  border-color:#8d651e!important;
  color:#3d2e12!important;
  text-shadow:none!important;
}
.download-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.download-card{
  padding:24px;
  border:4px solid #75502f;
  border-radius:4px;
  background:#fff7d4;
  box-shadow:inset 0 -7px 0 rgba(100,70,35,.08),5px 6px 0 rgba(72,47,29,.14);
}
.download-card.modrinth-card{border-top:10px solid #42b883}
.download-card.curseforge-card{border-top:10px solid #f16436}
.download-logo{font-size:2rem;margin-bottom:6px}
.download-type{
  display:inline-block;
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:900;
  color:#6b5f48
}
.download-card h3{font-size:1.5rem;margin:.25rem 0 .6rem}
.download-card p{color:#625c4d}
.download-file-button{
  display:block;
  margin-top:18px;
  padding:12px 14px;
  background:linear-gradient(#45c58b,#2da66e);
  border:3px solid #21724f;
  color:#fff;
  font-weight:900;
  text-align:center;
  text-decoration:none;
  border-radius:3px;
  box-shadow:inset 0 -5px 0 rgba(0,0,0,.1),3px 4px 0 rgba(0,0,0,.12)
}
.download-file-button.curseforge{
  background:linear-gradient(#ff7c50,#e75628);
  border-color:#a53f20
}
.download-file-button:hover{filter:brightness(1.07);text-decoration:none}
.download-card small{
  display:block;
  margin-top:10px;
  color:#887b64;
  text-align:center;
  font-family:"SFMono-Regular",Consolas,monospace
}
.install-steps{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:16px
}
.install-steps>div{
  background:#fff1bd;
  border:3px solid #8a663c;
  padding:15px;
  border-radius:4px
}
.install-steps strong,.install-steps span{display:block}
.install-steps span{color:#665f50;margin-top:4px}
.download-intro{border-left:8px solid #5bbd55}
@media(max-width:820px){
  .download-grid,.install-steps{grid-template-columns:1fr}
}


.download-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.download-card.prism-card{border-top:10px solid #4e8dc9}
.download-file-button.prism{
  background:linear-gradient(#5aa5e4,#397fbd);
  border-color:#285d8d
}
.prism-tip{
  border-left:8px solid #4e8dc9;
  margin-top:16px
}
@media(max-width:1050px){
  .download-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .download-grid{grid-template-columns:1fr}
}
