/* Shared site chrome. Keep identical in all three umayuma.com repositories. */
.site{display:flow-root;max-width:1200px;margin:auto;padding:0 48px}
.header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:180px;padding:32px 24px;margin-top:24px;border:1px solid var(--line);border-radius:6px;background:linear-gradient(90deg,rgba(24,37,34,.84),rgba(24,37,34,.65)),url('/img/x-header.jpg') center/cover no-repeat}
.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:24px;letter-spacing:1px}
.brand small{display:block;font-family:Arial,sans-serif;font-size:9px;color:var(--muted);letter-spacing:1.5px;margin-top:4px}
.brand-mark{width:40px;height:40px;flex-shrink:0;object-fit:cover;border:1px solid var(--accent);border-radius:50%}


footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:36px 0;font-size:10px;color:var(--muted)}
.footer-name{font-family:Georgia,serif;font-size:23px;color:var(--ink)}
@media(max-width:1000px){.site{padding:0 32px}}
@media(max-width:700px){.site{padding:0 22px}.header{padding:24px 18px;min-height:160px;flex-wrap:wrap;gap:20px}.brand{font-size:21px}.brand-mark{width:33px;height:33px}footer{flex-wrap:wrap;padding:28px 0;gap:16px}}