:root{font-family:system-ui,-apple-system,sans-serif;color:#263e38;background:#f5f3ed;line-height:1.8}*{box-sizing:border-box}body{margin:0}main{max-width:720px;margin:auto;padding:28px 20px 80px}a{color:inherit}header{padding:40px 0 20px}small{letter-spacing:.14em;font-size:11px}h1{font-family:serif;font-size:40px;line-height:1.45;font-weight:500}h2{font-family:serif;font-weight:500}.notice{background:#e2ebe3;padding:16px;border-radius:12px}.error{background:#ffe4db;padding:16px;color:#7b2918}form,.preview{background:#fff;padding:24px;border-radius:18px;margin:24px 0}label{display:block;font-weight:600;margin:18px 0}input,textarea,select{display:block;width:100%;font:inherit;border:1px solid #bbc8c0;background:#fafbf8;border-radius:8px;padding:12px;margin-top:8px}button{background:#345d50;color:white;border:0;border-radius:30px;padding:14px 28px;font:inherit;width:100%;cursor:pointer}.muted{color:#63746b;font-size:12px}.hero{width:100%;max-height:350px;object-fit:cover;margin-top:20px;border-radius:12px}.body{white-space:pre-wrap}.byline{font-size:13px;color:#587666}.card{display:flex;gap:18px;border:1px solid #dbe3dc;border-radius:12px;overflow:hidden;margin-bottom:28px}.card img{width:120px;object-fit:cover}.card div{padding:10px}.card h3{margin:0;font-size:16px}.card span{font-size:11px}time{white-space:nowrap}@media(max-width:480px){h1{font-size:34px}form,.preview{padding:18px}.card img{width:90px}}


summary{cursor:pointer;font-weight:600;padding:12px 0}details form{padding:0}.preview{overflow-wrap:anywhere}select{color:inherit}