*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#052e16;color:#ecfdf5;font-family:'Karla', Arial, sans-serif;line-height:1.6}
a{color:#facc15}
img{max-width:100%;height:auto}
.shh-pager{display:flex;gap:1rem;margin:2rem 0;align-items:center;flex-wrap:wrap}
.shh-pager a{text-decoration:none;padding:.4rem .8rem;border:1px solid #166534;color:#ecfdf5}
.shh-related{margin-top:2.5rem}
.shh-related ul{padding-left:1.2rem}

.shh-wrap{max-width:920px;margin:0 auto;padding:1rem}
.shh-panel{background:#064e3b;border:2px solid #facc15;padding:1rem 1.25rem;margin-bottom:1.25rem}
.shh-panel h1{font-family:'Rubik', Arial, sans-serif;margin:0;color:#facc15;font-size:1.6rem}
.shh-balls{display:flex;gap:.4rem;flex-wrap:wrap;margin:.75rem 0}
.shh-ball{width:2rem;height:2rem;border-radius:50%;background:#facc15;color:#111;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}
.shh-nav a{color:#ecfdf5;margin-right:1rem;font-weight:600;text-decoration:none}
.shh-item{background:#064e3b;border:1px solid #166534;padding:1rem;margin-bottom:.75rem;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}
.shh-num{font-family:'Rubik', Arial, sans-serif;font-size:1.4rem;color:#facc15;min-width:2.5rem}
.shh-post{background:#064e3b;padding:1.25rem;border:1px solid #166534;line-height:1.7}
.shh-footer{margin-top:1.5rem;font-size:.8rem;color:#86efac}