body{font-size:1.2em;margin:0;background:#111;color:#ccc;font-family: "Inclusive Sans", sans-serif;min-height:100vh;overflow-x:hidden}
.site-wrapper{max-width:800px;width:90%;margin:0 auto;overflow-x:hidden}
header{padding:0;text-align:center}
#controls{text-align:center;margin-bottom:10px;display:flex;flex-direction:column;align-items:center;gap:10px}
button{padding:10px 20px;background:#333;color:#fff;border:none;cursor:pointer;border-radius:10px}
#grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(60px, 1fr));gap:5px;max-width:100%;padding:10px;overflow-x:hidden}
.child{width:100%;aspect-ratio:1/1;min-width:60px;min-height:60px;max-width:none;max-height:none;border-radius:50%;text-align:center;color:#000;font-size:10px;line-height:11px;display:flex;align-items:center;justify-content:center;white-space:pre-wrap;overflow:hidden;padding:4px;box-sizing:border-box;position:relative;font-weight:bold;font-family:"Arial Narrow",Arial,sans-serif;visibility:visible}
.sun{background:hsl(60,100%,50%)}
.child.dead{color:rgb(146, 2, 2);background:#111!important;border:1px solid #666}
.child.suicidal{color:#000}
.study-card{background:#222;border-radius:10px;padding:15px;margin:10px 0;width:100%;max-width:760px;box-shadow:0 0 10px rgba(0,0,0,0.5);word-wrap:break-word}
.study-card h3{margin:0 0 10px;border-bottom:none;word-wrap:break-word;color:#fff}
.study-card p{margin:0;font-size:1.1em;line-height:1.6;word-wrap:break-word;color:#ccc}
.source,.source a{text-align:center;font-size:1.2em;letter-spacing:1.2em;color:#590a79;margin-top:10px;text-decoration:none;word-wrap:break-word;}
.source a:hover{color:#590a79;text-decoration:none}
.pinned-header{font-family:arial;width:90%;max-width:800px;margin:0 auto;color:rgb(146, 2, 2);text-align:center;padding:.5em 0;letter-spacing:.1em;font-size:12px}
.pinned-header a{color:rgb(146, 2, 2);text-decoration:none} 
header h1{font-size:2.25em}
header h1 a{text-decoration:none;color:#888;}
h1{margin:2.5em auto 0 auto;}
h3{margin:auto auto 1em auto; color:#666;}
h4{margin:3em auto 1em auto; font-size:1.3em; font-weight:100;line-height:1.8em;}
section{margin: 140px 0 280px 0;}
.genetics-visual{display:flex;flex-direction:column;align-items:center;margin:20px 0}
.bar-header{width:100%;display:flex;justify-content:space-between;margin-bottom:10px}
.header-label{font-weight:bold;font-size:1.8em;} 
.header-label.genetic{color:blue}
.header-label.environmental{color:green}
label{font-size:1.1em;color:rgb(146, 2, 2);letter-spacing:.1em;}
.bar-container{width:100%;margin-bottom:15px}
.bar-container label{display:block;text-align:center;margin-bottom:5px}
.bar{height:28px;width:100%;display:flex;border-radius:6px;overflow:hidden;margin .4em 0 .4em 0;}
.genetic-bar{background:blue;height:100%;position:relative}
.environmental-bar{background:green;height:100%;position:relative}
.percentage{position:absolute;color:white;padding:.1em;font-size:.9em;top:50%;transform:translateY(-50%)}
.genetic-bar .percentage{left:5px}
.environmental-bar .percentage{right:5px}
footer.site-footer{padding:10px;text-align:center;font-size:.8em;color:#666}
section p {line-height: 1.7em;font-size:1.1em;}
.source{line-height:.7em;margin:0 auto 2em auto;color:#590a79}
.source a {color: #590a79;}
#suicide-timeline{margin:20px auto;max-width:800px}
.timeline{display:flex;flex-direction:column;position:relative;padding:20px 0}
.timeline-event{position:relative;width:100%;padding:20px 0}
.timeline-event::before{content:'';position:absolute;width:2px;background:#555;left:20px;top:0;bottom:0}
.timeline-icon{position:absolute;width:10px;height:10px;background:#fff;border:2px solid #555;border-radius:50%;left:15px;transform:translateY(-50%)}
.timeline-content{background:#000;padding:15px;border-radius:5px;max-width:80%;margin-left:40px;color:#fff}
.age{font-weight:bold;font-size:1.2em}
.external-link{text-decoration:none;color:#590a79}
.external-link:hover{color:#fff}
.jester{font-size:4em;color:darkgoldenrod;}

.molengo-regular {
  font-family: "Molengo", sans-serif;
  font-weight: 400;
  font-style: normal;
}

#issue-totals {
    font-size: 0.8em; /* Further reduced text size */
    color: #ccc;
    margin-bottom: 10px; /* Space above button */
    min-height: 80px; /* Minimum height to accommodate 6-8 items */
}
#issue-totals p {
    margin: 0;
    padding: 2px 0;
}