/* Beyond the Classroom: shared public and admin styles. */
/* Keep the attribution beneath the lettering within the logo's empty lower area. */
:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#233d36;background:#f7f4ed;line-height:1.65;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:#245b49;text-underline-offset:.2em}a:hover{color:#9a4f27}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b86936;outline-offset:4px}header{background:#fff;border-bottom:1px solid #e0dfd4}.header-inner{max-width:1160px;margin:auto;padding:18px 28px;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}.brand{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:100%;text-decoration:none}.brand img{display:block;width:240px;max-width:100%;height:auto}.brand small{font-size:.9rem;font-weight:400}nav{display:flex;gap:22px;flex-wrap:wrap}main{max-width:1050px;margin:auto;padding:35px 28px 60px}h1{font-size:clamp(2rem,4vw,2.8rem);line-height:1.2;margin:0 0 15px;font-weight:750;letter-spacing:-.035em}h2,h3{line-height:1.35}h2{font-size:1.35rem}h3{font-size:1.15rem}.blog-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 25px}.blog-intro p{margin:0;color:#56675e}.blog-intro .button{flex-shrink:0}.panel{background:#fff;border:1px solid #dfdfd2;border-radius:12px;padding:25px;margin-bottom:24px}.filters{display:grid;grid-template-columns:2fr 1.3fr 1.2fr auto;gap:14px;align-items:end}.filters label{margin-top:0}.filters button{height:47px}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:28px}.list-heading h2{margin:0 0 14px}.post-list{list-style:none;margin:0;padding:0;border-top:1px solid #d8dace}.post-list>li{padding:22px 0;border-bottom:1px solid #d8dace}.post-list h2{font-size:1.35rem;margin:0 0 7px}.post-list h2 a{text-decoration:none}.post-list h2 a:hover{text-decoration:underline}.post-meta{color:#607066;font-size:.9rem;margin:5px 0 10px}.excerpt{margin:0;color:#43574d;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.button,button{display:inline-block;border:0;border-radius:7px;padding:11px 18px;background:#255c49;color:#fff;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}.button:hover,button:hover{background:#1b493a;color:#fff}.secondary{background:#e5ebe2;color:#244a3c}.danger{background:#8f392b}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0}.actions select{width:auto;max-width:100%}.actions label{margin:0}.note{font-size:.92rem;color:#5a6c60}.notice{padding:17px 20px;background:#fff0d9;border-left:4px solid #b76b38;margin:20px 0}.error,.validation-summary-errors{padding:17px 20px;background:#fff0ec;border-left:4px solid #a2432c;margin:20px 0}.field-validation-error{color:#973e29}label{display:block;font-weight:600;margin:19px 0 7px}input:not([type=checkbox]),select,textarea{width:100%;padding:10px 12px;border:1px solid #a5b4a8;border-radius:6px;background:#fff;color:#233d36;font:inherit;max-width:100%}textarea{min-height:100px;resize:vertical}input[type=checkbox]{margin-right:9px}.check{font-weight:400}.check input{width:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}fieldset{border:0;min-width:0;margin:0;padding:0}.reading{max-width:780px}.reading h1{margin-top:22px}.article-text{font-size:1.08rem;line-height:1.85;margin:30px 0}.prose{white-space:pre-wrap;overflow-wrap:anywhere}.responses{margin-top:45px;padding-top:20px;border-top:1px solid #d8dace}details{margin:20px 0}summary{cursor:pointer;font-weight:600}.plain-list{padding-left:22px}.plain-list li{margin-bottom:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px 10px;border-bottom:1px solid #e0e3d9;text-align:left;vertical-align:top}th{font-size:.9rem;color:#56675e}.settings{margin:0}.settings div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #e0e3d9}dt{font-weight:600}dd{margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.07em;color:#94542d;font-size:.85rem;font-weight:700}.intro{max-width:760px;margin-bottom:25px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:#fff;padding:15px;z-index:10}footer{max-width:1050px;margin:auto;padding:20px 28px 35px;border-top:1px solid #d8dace;font-size:.92rem}footer form{display:inline}.text-button{background:none;color:#245b49;text-decoration:underline;padding:5px 12px;font-weight:400}.text-button:hover{background:none;color:#9a4f27}:disabled{cursor:not-allowed;opacity:.7}.empty-state{margin-top:15px}.empty-state h3{margin-top:0}
@media(max-width:700px){.header-inner{padding:15px 20px;gap:18px}.brand img{width:190px}nav{gap:16px;font-size:.95rem}main{padding:27px 20px 45px}.blog-intro{align-items:flex-start;flex-direction:column;gap:16px}.filters{grid-template-columns:1fr 1fr}.filters>div:first-child,.filters>button{grid-column:1/-1}.form-grid{grid-template-columns:1fr;gap:0}.panel{padding:20px}.list-heading{align-items:flex-start}.post-list h2{font-size:1.2rem}.settings div{flex-wrap:wrap}.reading h1{font-size:2rem}footer{padding:20px}.responses .list-heading{flex-direction:column;margin-bottom:20px}}
.brand{width:240px;gap:0}.brand small{align-self:flex-end;width:62%;margin-top:-12%;position:relative;text-align:center;font-size:.7rem;line-height:1.4;font-weight:500;color:#245b49;white-space:nowrap}
@media(max-width:700px){.brand{width:190px}.brand small{font-size:.62rem}}
.public-name-heading{display:flex;align-items:center;gap:8px;margin:19px 0 7px}.public-name-heading label{margin:0}.public-name-info{position:relative;margin:0}.public-name-info summary{display:flex;align-items:center;justify-content:center;width:23px;height:23px;border:1px solid #607066;border-radius:50%;color:#245b49;font-size:.85rem;list-style:none}.public-name-info summary::-webkit-details-marker{display:none}.public-name-info summary:focus-visible{outline:3px solid #b86936;outline-offset:4px}.public-name-info[open]{position:static}.public-name-heading:has(.public-name-info[open]){flex-wrap:wrap}.public-name-info[open] .public-name-popup{margin-top:9px;padding:12px 15px;max-width:390px;background:#fff8e9;border:1px solid #d6c7a7;border-radius:8px;font-size:.9rem;line-height:1.6;box-shadow:0 3px 10px #233d3614}
/* Public articles reflow pasted lines; blank lines form paragraphs. */
.post-text{white-space:normal;overflow-wrap:break-word;line-height:1.65}.post-text.article-text{line-height:1.65;margin:24px 0}.post-text p{margin:0 0 1em}.post-text ul,.post-text ol{margin:0 0 1em;padding-left:1.5em}.post-text li{margin-bottom:.35em}.post-text>:last-child{margin-bottom:0}.responses>.panel{max-width:780px}