:root{--font:Arial, Helvetica, sans-serif;--base-size:16px}*{box-sizing:border-box}html{min-width:320px}body{min-width:320px;min-height:100vh;font-family:var(--font);font-size:var(--base-size);background-color:#709296;margin:0}#app-container{background:#fff;border-radius:10px;width:min(100%,960px);min-height:100vh;margin:0 auto}header{color:#fff;background:linear-gradient(90deg,#2e6f40 30%,#afa);padding:20px 10px 10px;font-style:italic}header h1{text-transform:lowercase;margin:0;font-size:clamp(1.7rem,5vw,2.5rem)}header .tag-line{margin:0}nav{color:#2e6f40;margin:10px 0}nav ul{flex-wrap:wrap;gap:12px 20px;margin:0;padding:0 1em;list-style:none;display:flex}nav a{text-decoration:none}nav a.active,nav a:hover{border-bottom:3px solid #2e6f40}nav .link-button{cursor:pointer;background:0 0;border:none;border-bottom:3px solid #fff}nav .link-button:hover{border-bottom-color:#2e6f40}main{min-width:0;margin:20px 15px}main h2{color:#507070;margin:30px 0 5px;font-size:20px;font-weight:700}main table{border-collapse:collapse;border:1px solid #ddd;width:max-content;max-width:100%;margin:0 0 10px;display:block;overflow-x:auto}main th,main td{text-align:left;border:1px solid #ddd;padding:5px}main th{background-color:#b0d0e0}main input,main select,main textarea{max-width:100%}footer{text-align:center;color:#507276;padding:12px;font-size:12px}:is(input,select,button,textarea){font-family:var(--font);font-size:var(--base-size)}form.two-column{grid-template-columns:minmax(7rem,auto) minmax(0,280px);justify-content:start;gap:10px;display:grid}form.two-column label{align-items:center;gap:.5rem;display:inline-flex}form.two-column .span-two{grid-column:1/-1}form.two-column :user-invalid{border:2px solid #b22222}.error-message{color:#b22222;font-weight:700}.activity-form{flex-wrap:wrap;align-items:end;gap:10px;margin:10px 0;display:flex}.activity-form label{flex-direction:column;gap:4px;display:flex}.activity-form label:has(input[type=checkbox]){flex-direction:row;align-items:center}.moderation-story{border-bottom:1px solid #ddd;padding:8px 0}.story-submission{max-width:38rem;margin:24px 0}.story-submission form{gap:8px;display:grid}.story-submission textarea{resize:vertical;min-height:7rem}#stories{flex-wrap:wrap;align-items:stretch;gap:16px;display:flex}#stories article{color:#fff;background-color:#709296;border-radius:10px;flex-direction:column;flex:12em;row-gap:5px;min-width:min(100%,12em);max-width:24rem;padding:10px;display:flex}#stories .author{text-align:right;font-style:italic}@media (width<=600px){#app-container{border-radius:0}header{padding:16px 12px 10px}main{margin:16px 12px}form.two-column{grid-template-columns:minmax(0,1fr)}form.two-column .span-two{grid-column:1}form.two-column>input,form.two-column>select{box-sizing:border-box;width:100%}#stories article{max-width:none}}