:root{--accent:#1F7A36}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Inter',sans-serif;background:#fff;color:#1d1d1f}
button,input,select,textarea{font-family:inherit}
a{text-decoration:none;color:inherit}
h1,h2,h3,p{margin-top:0}
button{-webkit-tap-highlight-color:transparent}
img{max-width:100%}

/* phone screens sit in a centred column; grey gutters show only on wide windows */
.pw{min-height:100vh;min-height:100dvh;background:#f2f2f7}
.ph-img{border-radius:18px;background:rgba(0,0,0,.07)}

/* the design's circular tick boxes */
input.circ{-webkit-appearance:none;appearance:none;width:26px;height:26px;margin:0;border-radius:50%;border:1.5px solid #a1a1a6;background:#fff;cursor:pointer;flex:none}
input.circ:checked{border-color:var(--accent,#2E6417);background:var(--accent,#2E6417) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #2E6417;outline-offset:2px}

/* dashboard sidebar collapses cleanly on narrow wide-screens */
@media(max-width:900px){aside{max-width:none!important}}

/* screen index */
.idx{max-width:760px;margin:0 auto;padding:28px 20px 80px}
.idx img{width:150px;display:block;margin-bottom:20px}
.idx h1{font-size:30px;letter-spacing:-.8px;margin-bottom:6px}
.idx p{color:#6e6e73;font-size:15px;line-height:1.45}
.idx h2{font-size:13px;font-weight:600;color:#6e6e73;margin:28px 0 8px;text-transform:uppercase;letter-spacing:.04em}
.idx a.row{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:0 16px;border-radius:14px;background:#f5f5f7;margin-bottom:8px;font-weight:600;font-size:15.5px}
.idx a.row small{font-weight:500;color:#6e6e73;font-size:13px}
.idx a.row.live{background:#E6EFE0;color:#2E6417}