*{box-sizing:border-box}body{margin:0;background:#fff8ec;color:#483124;font:16px/1.65 system-ui,-apple-system,sans-serif}header{background:#6d3e2b;color:#fff4dc;padding:20px}header a{color:inherit;text-decoration:none}nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap;max-width:1050px;margin:auto}.brand{font-weight:800;font-size:1.5rem;margin-right:auto}.wrap{max-width:1050px;margin:36px auto;padding:0 20px}.hero{background:#f6d8a2;border-radius:20px;padding:32px;margin-bottom:28px}.hero h1{margin:0;color:#6d3e2b}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.card{background:white;border:1px solid #ead5b8;border-radius:16px;padding:24px;box-shadow:0 4px 15px #6d3e2b0c}.card h2{margin-top:0}a{color:#9d5428}button,.btn{display:inline-block;border:0;background:#a85b2d;color:white;padding:10px 17px;border-radius:9px;text-decoration:none;cursor:pointer;font:inherit}input,textarea,select{width:100%;padding:10px;border:1px solid #c9ad92;border-radius:8px;font:inherit;margin:4px 0 14px}textarea{min-height:240px}label{font-weight:600}footer{text-align:center;padding:35px;color:#775b4a}.notice{background:#f9e2b3;padding:12px;border-radius:8px}.danger{background:#b63f2c}.top{display:flex;justify-content:space-between;align-items:center;gap:12px}.muted{color:#866c5c}article{overflow-wrap:anywhere}pre{overflow:auto}img{max-width:100%}@media(max-width:600px){.top{display:block}}
body { background: #e5e5e5; color: #222; font: 14px/1.5 Verdana, Arial, sans-serif; }
header { background: #073a89; color: white; padding: 12px 20px; border-bottom: 7px solid #78a8e9; }
header a:hover, header a:focus-visible { text-decoration: underline; }
.brand { font: bold 24px Arial, sans-serif; }
.wrap { display: grid; grid-template-columns: minmax(190px, 235px) minmax(0, 1fr); gap: 18px; max-width: 980px; margin: 22px auto; }
.space-profile, .hero, .card { background: white; border: 2px solid #6597db; border-radius: 0; box-shadow: none; }
.space-profile { align-self: start; }
.space-profile h2, .space-profile h3 { margin: 0; padding: 5px 10px; font-size: 14px; background: #3872be; color: white; }
.space-profile p { margin: 10px; }
.space-profile .space-avatar { display: grid; place-items: center; width: 94px; height: 94px; border: 1px solid #94b4dd; background: #e4efff; font-size: 49px; }
.space-status { font-weight: bold; color: #205621; }
.hero { padding: 0 14px 10px; margin-bottom: 16px; border-color: #edaa65; }
.hero h1, .card h1, .card h2 { margin: 0 -14px 10px; padding: 7px 14px; background: #ffcc99; color: #713308; font-size: 17px; }
.grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
.card { padding: 0 14px 14px; }
.card h2 a, a { color: #174e94; }
a:hover { text-decoration: underline; }
footer { padding: 18px; color: #333; }
@media (max-width: 620px) { .wrap { grid-template-columns: 1fr; padding: 0 12px; } }