.jp-page{overflow-wrap:anywhere}.jp-hero{padding:24px 0}.jp-hero h1{font-size:clamp(1.65rem,4vw,2.6rem);line-height:1.4}.jp-intro{max-width:70ch;line-height:1.9}.jp-nav,.jp-area-list{display:flex;flex-wrap:wrap;gap:12px;padding:0;list-style:none}.jp-nav a,.jp-area-list a{display:block;padding:12px 16px;border:1px solid #d9d8cf;border-radius:10px;background:#faf9f4;color:#233c32;text-decoration:none}.jp-hero-image{width:100%;height:auto;max-height:460px;object-fit:cover;border-radius:16px;margin-top:20px}.jp-page section{margin:36px 0}.jp-beers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.jp-beer{border:1px solid #e2e0d7;border-radius:14px;padding:20px;min-width:0}.jp-beer img{width:100%;height:220px;object-fit:contain}.jp-beer h3{font-size:1.2rem;line-height:1.5}.jp-beer p{line-height:1.8}.jp-spec{font-size:.9rem;color:#536256}.jp-filter{background:#f5f5ef;padding:16px;border-radius:12px;margin-bottom:20px}.jp-filter label{display:block;font-weight:bold}.jp-filter input{display:block;box-sizing:border-box;width:100%;max-width:480px;padding:12px;font-size:16px;border:1px solid #8d968e;border-radius:6px}.jp-sources{padding:16px;border-top:1px solid #ddd}.jp-sources summary{cursor:pointer}.jp-page a:focus-visible,.jp-page input:focus-visible,.jp-page summary:focus-visible{outline:3px solid #ad7200;outline-offset:4px}.jp-beer[hidden],.jp-filter[hidden]{display:none}@media(max-width:760px){.jp-beers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jp-beer{padding:12px}.jp-beer img{height:160px}.jp-beer h3{font-size:1.05rem}}@media(max-width:380px){.jp-beers{grid-template-columns:1fr}}