/* 共用部（管理人室・郵便受け・回覧板・404）：団地の壁と同じ生成り、黒い文字、朱色の見出し線 */
@import url('https://fonts.googleapis.com/css2?family=DotGothic16&family=Noto+Sans+JP:wght@400;700&display=swap');
:root{--paper:#F4F0E8;--ink:#1E1D1B;--mute:#5C5853;--rule:#CFCAC1;--accent:#B23A24;--dot:'DotGothic16',monospace;--sans:'Noto Sans JP',system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.8}
.wrap{max-width:600px;margin:0 auto;padding:24px max(16px,env(safe-area-inset-left)) 48px max(16px,env(safe-area-inset-right))}
.top{font-size:14px}.top a{color:var(--mute)}
h1{font-family:var(--dot);font-weight:400;font-size:28px;margin:18px 0 6px}
.lead{color:var(--mute);margin:0 0 20px}
h2{font-size:18px;margin:30px 0 8px;padding-left:10px;border-left:4px solid var(--accent)}
h3{font-size:16px;margin:20px 0 6px}
p,ul,ol,dl{margin:0 0 12px}
li{margin-bottom:4px}
a{color:var(--accent)}
.prof{display:grid;grid-template-columns:auto 1fr;gap:6px 16px}
.prof dt{color:var(--mute)}.prof dd{margin:0}
.mail{font-size:18px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.mail span{font-family:monospace;background:#fff;border:1px solid var(--rule);padding:6px 10px;overflow-wrap:anywhere}
button{font:inherit;font-size:15px;min-height:44px;padding:0 14px;border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:4px;cursor:pointer}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{border:1px solid var(--rule);padding:8px;text-align:left;vertical-align:top}
th{background:#fff}
.date{font-size:14px;color:var(--mute)}
footer{margin-top:40px;font-size:14px;border-top:1px solid var(--rule);padding-top:12px}
footer a{color:var(--mute)}
.big404{font-family:var(--dot);font-size:72px;line-height:1;color:var(--accent);margin:20px 0}