*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#2c5f3f;--secondary:#f5a623;--background:#f8f9fa;--text:#212529;--border:#dee2e6;--link:#0066cc;--link-hover:#004999}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text);background:var(--background);position:relative}body.atmospheric-bg:before{content:"";position:fixed;inset:0;background-image:url(/img/ss_herd_water.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:-1}body.atmospheric-bg:after{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(20,15,10,.6) 0,rgba(15,10,8,.65) 50%,rgba(10,8,5,.7));z-index:-1}.container{max-width:1200px;margin:0 auto;padding:0 20px}.site-header{background:var(--primary);color:white;padding:1.5rem 20px;margin:0 -20px 2rem;text-align:center}.header-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.unofficial-badge{display:inline-block;background:var(--secondary);color:#000;padding:.25rem .75rem;border-radius:4px;font-size:.875rem;font-weight:600}.main-nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:1rem;background:white;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.main-nav a{color:var(--link);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:background .2s,color .2s}.main-nav a:hover{background:var(--primary);color:white}.content{background:white;padding:2rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:2rem;min-height:400px;position:relative}.content.hero-page{padding:0;background:transparent;box-shadow:none}.hero-section{position:relative;min-height:500px;background-size:cover;background-position:50%;background-repeat:no-repeat;border-radius:8px;overflow:hidden;margin-bottom:2rem}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(20,15,10,.7) 0,rgba(15,10,8,.75) 50%,rgba(10,8,5,.8))}.hero-content{position:relative;z-index:1;padding:3rem 2rem;color:white}.hero-content h1{color:white;text-shadow:2px 2px 8px rgba(0,0,0,.8);margin-bottom:1rem}.hero-content .info-box{background:rgba(255,255,255,.95);color:var(--text)}.content-inner{background:white;padding:2rem;border-radius:8px}h1{font-size:2.5rem;margin-bottom:1rem}h1,h2{color:var(--primary)}h2{font-size:2rem;margin:2rem 0 1rem;border-bottom:2px solid var(--border);padding-bottom:.5rem}h3{font-size:1.5rem;margin:1.5rem 0 .75rem;color:var(--primary)}ol,p,ul{margin-bottom:1rem}ol,ul{padding-left:2rem}li{margin-bottom:.5rem}a{color:var(--link)}a:hover{color:var(--link-hover)}.info-box{background:#e7f3ff;border-left:4px solid var(--link)}.info-box,.warning-box{padding:1rem;margin:1.5rem 0;border-radius:4px}.warning-box{background:#fff3cd;border-left:4px solid var(--secondary)}.spec-table{width:100%;border-collapse:collapse;margin:1.5rem 0}.spec-table td,.spec-table th{border:1px solid var(--border);padding:.75rem;text-align:left}.spec-table th{background:var(--primary);color:white;font-weight:600}.spec-table tr:nth-child(2n){background:#f8f9fa}.badge{display:inline-block;background:var(--secondary);color:#000;padding:.25rem .75rem;border-radius:4px;font-size:.875rem;font-weight:600;margin:.25rem .25rem .25rem 0}.site-footer{background:#343a40;color:#adb5bd;padding:2rem 20px;margin:0 -20px;text-align:center;font-size:.875rem}.footer-disclaimer{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #495057}.footer-links{margin-bottom:1rem}.footer-links a{color:#adb5bd;text-decoration:none}.footer-links a:hover{color:white}.footer-links .separator{margin:0 .5rem}.footer-copyright{color:#6c757d}.guide-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.guide-card{background:white;border:2px solid var(--border);border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit;display:flex;flex-direction:column}.guide-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.15);border-color:var(--primary)}.guide-card-thumbnail{width:100%;height:200px;overflow:hidden;background:var(--primary)}.guide-card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.guide-card:hover .guide-card-thumbnail img{transform:scale(1.05)}.guide-card-content{padding:1.5rem;flex:1 1;display:flex;flex-direction:column}.guide-card h3{margin:0 0 .5rem;color:var(--primary);font-size:1.25rem}.guide-card p{margin:0;color:#666;font-size:.95rem;line-height:1.5}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:1.5rem 0;border-radius:8px}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.media-attribution{font-size:.85rem;color:#666;font-style:italic;margin:.5rem 0;text-align:center}.screenshot{width:100%;height:auto;border-radius:8px;margin:1.5rem 0 .5rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.hero-background{background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative;padding:3rem 2rem;margin:-2rem -2rem 2rem;border-radius:8px 8px 0 0}.hero-background:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(20,15,10,.7),rgba(10,8,5,.8));border-radius:8px 8px 0 0}.hero-background h1{position:relative;color:white;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:0}@media (max-width:768px){.header-title{font-size:1.5rem}h1{font-size:2rem}h2{font-size:1.5rem}.content{padding:1.5rem}.main-nav{flex-direction:column;align-items:stretch}.main-nav a{text-align:center}.guide-cards{grid-template-columns:1fr}}