:root{--pool:#BFE9EC;--navy:#16325C;--paper:#FFFFFF;--pink:#E0457B;--muted:#5B6B7A}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font-family:Noto Sans JP,system-ui,sans-serif;line-height:1.7}footer,header,main{max-width:880px;margin:auto;padding:20px}header{border-bottom:2px solid var(--navy)}h1,h2,header b{font-family:Zen Maru Gothic,Noto Sans JP,sans-serif}header span{margin-left:1rem;color:var(--pink);font-weight:700}nav{display:inline-flex;flex-wrap:wrap;gap:12px;margin:0 16px}a{color:var(--navy)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--pink);outline-offset:3px}li{margin:.6rem 0}footer{border-top:2px solid var(--navy);margin-top:3rem;color:var(--muted)}button,input{padding:7px 10px;border:1px solid var(--navy);background:var(--paper);color:var(--navy)}button{cursor:pointer}.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:1.5rem 0 2.5rem}.hub-tile{display:grid;gap:5px;min-height:176px;padding:14px;text-decoration:none;background:var(--pool);border:3px solid var(--navy);border-radius:8px;position:relative;overflow:hidden}.hub-tile:after,.hub-tile:before{content:"";position:absolute;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,var(--navy) 0 10px,transparent 10px 17px)}.hub-tile:before{top:0}.hub-tile:after{bottom:0}.hub-tile img{width:100%;height:92px;object-fit:contain}.hub-tile span{font-weight:700}.hub-tile small{color:var(--muted)}@media (max-width:600px){footer,header,main{padding:14px}nav{margin:10px 0}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important;animation:none!important}}