.shared-notebook{color:#34352c;background:#f8f6ef;min-height:100dvh;padding:0 5vw 40px;font-family:Arial,Noto Sans JP,sans-serif}.shared-notebook header{border-bottom:1px solid #ddd8cc;justify-content:space-between;align-items:center;gap:16px;padding:24px 0;display:flex}.shared-notebook header a{color:inherit;font-size:22px;font-family:var(--font-notebook-serif), serif;text-decoration:none}.shared-notebook header span,.shared-notebook small{color:#68695f;font-size:12px}.shared-intro{padding:48px 0 24px}.shared-intro h1{font-family:var(--font-notebook-serif), serif;overflow-wrap:anywhere;margin:12px 0 24px;font-size:clamp(24px,4vw,38px)}.shared-intro p{margin:10px 0}.shared-intro strong{color:#a04f36;font-size:24px}.shared-content{grid-template-columns:1fr 1fr;gap:40px;max-width:1300px;margin:auto;display:grid}.shared-map svg{width:100%;max-height:650px}.shared-map>p{color:#a04f36;font-size:12px}.shared-map .shared-attribution{color:#68695f;font-size:10px}.shared-records{padding-top:24px}.shared-records h2,.shared-records h3{font-family:var(--font-notebook-serif), serif}.shared-filters{flex-wrap:wrap;gap:12px;display:flex}.shared-filters label{flex:1;gap:6px;font-size:12px;display:grid}.shared-filters input,.shared-filters select{background:#fffdf8;border:1px solid #c9c6bb;border-radius:4px;width:100%;padding:10px;font-size:16px}.shared-records ul{padding:0;list-style:none}.shared-records li{overflow-wrap:anywhere;border-bottom:1px solid #ddd8cc;padding:18px 0}.shared-records h3{margin:8px 0;font-size:19px}.shared-records li p{font-size:13px}.shared-note{white-space:pre-wrap}.shared-notebook footer{border-top:1px solid #ddd8cc;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:40px;padding-top:24px;font-size:12px;display:flex}.shared-notebook a{color:#91492f}@media (max-width:720px){.shared-content{grid-template-columns:1fr;gap:0}.shared-intro{padding-top:28px}.shared-notebook header{flex-wrap:wrap}.shared-map svg{max-height:410px}}.shared-notebook header{justify-content:flex-end}.shared-notebook header h1{font-family:var(--font-notebook-serif), serif;text-align:right;overflow-wrap:anywhere;margin:0;font-size:clamp(20px,4vw,32px)}