.start-guide .start-hero{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}

.start-guide .start-hero h1{font-size:clamp(2.1rem,4.5vw,3.6rem)}

.start-guide .start-game-tip{font-size:.8rem;margin-top:22px}

.start-roadmap{padding:24px;border:1px solid var(--dd-line);border-radius:12px;background:rgba(0,0,0,.2)}

.start-roadmap>div{display:flex;gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06)}

.start-roadmap>div:last-child{border:0}.start-roadmap span{font:700 1.5rem 'Cinzel',serif;color:var(--dd-accent)}

.start-roadmap p{margin:0;font-size:.77rem;line-height:1.7}.start-roadmap strong{display:block;font-size:.87rem}

.start-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}

.start-highlights article{padding:22px;border:1px solid var(--dd-line);border-radius:12px;background:var(--dd-surface)}

.start-highlights strong{color:var(--dd-bright);font-size:1.1rem}.start-highlights p{font-size:.8rem;margin-bottom:0}

.start-guide .start-nav{gap:7px;margin:25px 0}.start-nav a{display:flex;align-items:center;gap:8px}

.start-search{padding:22px;border:1px solid var(--dd-line);border-radius:12px;background:var(--dd-surface)}

.start-search label{display:block;color:var(--dd-text);font-size:.9rem;font-weight:600;margin-bottom:13px}

.start-search label i{color:var(--dd-accent);margin-right:7px}.start-search input{width:100%;padding:14px;border:1px solid var(--dd-line);border-radius:8px;background:rgba(0,0,0,.22);color:var(--dd-text);font:inherit;font-size:.85rem}

.start-search p{font-size:.8rem;margin-bottom:0}.start-topic>h2{margin-top:12px;font-size:1.3rem;max-width:800px}

.start-articles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}

.start-article{padding:24px}.start-article h3{margin-top:0}.start-article p{font-size:.85rem}

.start-links{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:18px}.start-links a{font-size:.77rem;text-decoration:none;line-height:1.7}.start-links i{font-size:.67rem}

.start-end{margin-top:32px}.start-guide [hidden]{display:none!important}

@media(max-width:900px){.start-guide .start-hero{grid-template-columns:1fr}}

@media(max-width:640px){.start-highlights,.start-articles{grid-template-columns:1fr}.start-roadmap{padding:18px}.start-article{padding:20px}.start-search{padding:18px}}



/* Font Awesome 6.0 compatibility for the equipment icon. */

.start-guide .fa-shield-halved::before{content:"\f3ed"}


.start-group{margin-top:28px}.start-group-title{padding-bottom:12px;border-bottom:1px solid var(--dd-line);color:var(--dd-bright);font-size:1.12rem}
.start-group .start-articles{align-items:start;margin-top:16px}.start-article h4{margin:12px 0;font-size:1.13rem;line-height:1.4;color:var(--dd-text)}
.start-article h5{margin:22px 0 10px;font-size:.85rem;color:var(--dd-bright)}
.start-badges{display:flex;flex-wrap:wrap;gap:7px}.start-badges span{border:1px solid var(--dd-line);border-radius:5px;padding:4px 8px;color:var(--dd-accent);font-size:.66rem}
.start-entry{padding:12px;border-left:2px solid var(--dd-accent);background:rgba(0,0,0,.12)}
.start-commands{margin:0}.start-commands>div{padding:12px 0;border-bottom:1px solid var(--dd-line)}.start-commands>div:last-child{border:0}
.start-commands dt{margin:0 0 6px}.start-commands code{display:inline-block;font-size:.78rem;white-space:normal;overflow-wrap:anywhere;color:var(--dd-bright)}
.start-commands dd{margin:0;font-size:.8rem;line-height:1.65}.start-no-command{font-size:.76rem!important;color:var(--dd-muted)}
.start-filters{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;margin-top:16px}.start-filters label{font-size:.76rem;margin:0}
.start-filters select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid var(--dd-line);border-radius:7px;background:var(--dd-surface);color:var(--dd-text);font:inherit}
.start-filters button{cursor:pointer;padding:12px;border:1px solid var(--dd-line);border-radius:7px;background:transparent;color:var(--dd-bright);font:inherit;font-size:.76rem}
@media(max-width:640px){.start-filters{grid-template-columns:1fr}.start-group-title{font-size:1rem}.start-article h4{font-size:1.05rem}}