section{scroll-margin-top:72px}
.logo,.hnav .btn{min-height:44px}
:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.fv :focus-visible,header :focus-visible,.works :focus-visible{outline-color:var(--lime)}
.kobo-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px}
.kobo-examples .tile{width:auto;display:block;text-decoration:none;overflow:hidden}
.kobo-examples .tile>div{min-height:160px;background:#eaf4fd;color:var(--ink);padding:20px;display:grid;align-content:center}
.kobo-examples .tile:nth-child(2)>div{background:var(--mint)}
.kobo-examples .tile:nth-child(3)>div{background:var(--pink)}
.kobo-examples strong{display:block;font-size:clamp(24px,3vw,40px);line-height:1.25}
.kobo-examples .tile p{margin:0}
.st img{object-fit:contain;margin:0 0 12px}
.gi a{margin-top:16px}
.kobo-keep{display:inline-block}
.dev.pc img{object-position:center top}
@media(max-width:640px){.kobo-examples{grid-template-columns:1fr}.dev.sp{border-width:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}