/* Navigation shared across the public pages and the product directory. */
.kowa-universal-nav,.kowa-universal-nav *{box-sizing:border-box}
.kowa-universal-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:flex-end;gap:clamp(8px,2vw,24px);min-height:48px;padding:6px max(16px,calc((100vw - 1220px)/2));border-bottom:1px solid #dce2e4;background:#fff;color:#17354a;font:600 14px/1.45 system-ui,-apple-system,'Noto Sans JP',sans-serif;box-shadow:0 3px 12px #0d24331a}
.kowa-universal-nav a{color:#17354a;text-decoration:none}.kowa-universal-nav a:hover,.kowa-universal-nav a:focus-visible{text-decoration:underline}.kowa-universal-nav .kowa-nav-brand{margin-right:auto;font-size:16px;font-weight:900;letter-spacing:.1em}
.kowa-universal-nav details{position:static}.kowa-universal-nav summary{list-style:none;cursor:pointer;border:1px solid #bdcbd0;border-radius:7px;padding:6px 11px;white-space:nowrap;background:#f7f4ed}.kowa-universal-nav summary::-webkit-details-marker{display:none}.kowa-universal-nav summary::before{content:'☰ ';font-size:16px}.kowa-universal-nav details[open] summary{background:#17354a;color:#fff}.kowa-universal-nav .kowa-nav-short{white-space:nowrap}
.kowa-universal-nav .kowa-nav-panel{position:absolute;right:max(12px,calc((100vw - 1220px)/2));top:calc(100% + 2px);width:min(900px,calc(100vw - 24px));max-height:min(75vh,760px);overflow:auto;overscroll-behavior:contain;padding:20px;background:#fff;border:1px solid #cdd5d6;border-radius:10px;box-shadow:0 18px 42px #0d243338;color:#17354a}
.kowa-universal-nav .kowa-nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 32px}.kowa-universal-nav .kowa-nav-group{display:flex;flex-direction:column;gap:6px;min-width:0}.kowa-universal-nav h3{font:800 13px/1.4 system-ui,-apple-system,'Noto Sans JP',sans-serif;letter-spacing:.04em;color:#8c4d31;margin:0 0 3px}.kowa-universal-nav .kowa-nav-group a{display:block;padding:3px 5px;font-size:13px;font-weight:600;overflow-wrap:anywhere}.kowa-universal-nav .kowa-nav-group a:hover,.kowa-universal-nav .kowa-nav-group a:focus-visible{background:#edf2ee}.kowa-universal-nav .kowa-nav-all{display:block;border-top:1px solid #dce2e4;margin-top:16px;padding:15px 5px 0;font-weight:800}
.kowa-universal-nav ~ .site-header{position:relative;top:auto}
.kowa-index-main{max-width:1000px;margin:0 auto;padding:50px 24px 90px;color:#17354a;font:16px/1.7 system-ui,-apple-system,'Noto Sans JP',sans-serif}.kowa-index-main h1{font-size:clamp(28px,4vw,42px);line-height:1.25;margin:8px 0 20px}.kowa-index-eyebrow{color:#ad633d;font-weight:900;letter-spacing:.2em}.page-index-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.page-index-groups .kowa-nav-group{background:#fff;border:1px solid #e0e4e4;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:8px}.page-index-groups .kowa-nav-group a{color:#17354a;text-decoration:none}.page-index-groups .kowa-nav-group a:hover{text-decoration:underline}.catalog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.catalog-actions a{padding:12px 18px;background:#17354a;color:#fff;border-radius:7px;text-decoration:none}.catalog-actions a:hover{text-decoration:underline}
@media(max-width:650px){.kowa-universal-nav{gap:8px;padding:6px 12px;font-size:12px}.kowa-universal-nav .kowa-nav-brand{display:none}.kowa-universal-nav summary{padding:6px 9px}.kowa-universal-nav .kowa-nav-panel{right:12px;padding:14px}.kowa-universal-nav .kowa-nav-grid,.page-index-groups{grid-template-columns:1fr}.kowa-universal-nav .kowa-nav-grid{gap:18px}.kowa-universal-nav .kowa-nav-short{font-size:12px}}
.kowa-planned-link{opacity:.65;cursor:default}