/* HANDS V6.3 / 2026-10-14: consistent titles, original image banner, readable 20-category navigation. */
:root{--hv63-blue-900:#073f7e;--hv63-blue-800:#07529b;--hv63-blue-700:#0768bc;--hv63-blue-500:#1596d3;--hv63-blue-100:#e9f5ff;--hv63-edge:#bfdff6}
.hands-v63-header,.hands-v63-header *{box-sizing:border-box}
.hands-v63-header{position:relative;z-index:2;width:min(787px,100%);margin:0 auto 12px;padding:0;background:#fff;border-bottom:3px solid #168de1;font-family:Meiryo,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif!important;line-height:normal!important}
.hands-v63-titlebar{height:45px;padding:5px 5px 6px;display:flex;align-items:center;justify-content:center;background:#fff}
.hands-v63-page-title{font-family:Meiryo,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif!important;font-weight:800!important;font-size:24px!important;line-height:1.35!important;letter-spacing:0!important;margin:0!important;padding:0!important;text-align:center!important;color:#0956a5!important;white-space:nowrap!important;border:0!important;background:none!important;text-decoration:none!important}
.hands-v63-banner{display:block;width:100%;padding:0!important;margin:0!important;line-height:0!important;text-decoration:none!important}
.hands-v63-banner img{display:block!important;width:100%!important;max-width:787px!important;height:auto!important;aspect-ratio:787 / 100!important;object-fit:contain!important;padding:0!important;margin:0!important;border:0!important}
.hands-v63-categories{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:minmax(42px,auto);width:100%;max-width:100%;margin:0!important;padding:5px 2px 7px!important;gap:4px!important;border:0!important;background:linear-gradient(180deg,#e0f2ff 0%,#f4faff 100%);overflow:visible!important}
.hands-v63-category{min-width:0;display:flex!important;align-items:center;justify-content:center;min-height:42px;height:100%;padding:7px 3px!important;margin:0!important;background:linear-gradient(180deg,#fff 0%,#e8f5ff 100%);border:1px solid #bad8ed!important;border-radius:4px;color:var(--hv63-blue-800)!important;font-family:Meiryo,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif!important;font-size:14px!important;font-weight:750!important;line-height:1.38!important;text-align:center!important;white-space:normal!important;overflow-wrap:normal!important;word-break:keep-all!important;text-decoration:none!important;text-shadow:none!important;box-shadow:0 1px 1px rgba(5,60,123,.04);transition:background .14s,border-color .14s,color .14s}
.hands-v63-categories .hands-v63-primary{background:linear-gradient(180deg,#e6f6ff,#c6eaff);font-weight:800!important;color:#064c98!important;border-color:#93c9ec!important}
.hands-v63-categories .hands-v63-contact{color:white!important;background:linear-gradient(120deg,#0755a4,#1284ce);border-color:#07549d!important;box-shadow:0 2px 6px rgba(0,72,142,.17)}
.hands-v63-categories .hands-v63-current{outline:2px solid #198bd6;outline-offset:-2px;background:#deefff;font-weight:850!important}
.hands-v63-categories .hands-v63-contact.hands-v63-current{color:#fff!important;background:#0756a4}
.hands-v63-category:hover,.hands-v63-category:focus-visible{color:#fff!important;background:linear-gradient(120deg,#0967b8,#168ad0)!important;border-color:#0867b8!important;outline:2px solid #9ad7ff;outline-offset:-2px}
@media(max-width:640px){
 .hands-v63-header{width:100%;margin-bottom:9px;border-bottom-width:2px}
 .hands-v63-titlebar{height:34px;padding:3px 1px 4px}
 .hands-v63-page-title{font-size:clamp(12px,3.45vw,20px)!important;letter-spacing:-.035em!important;line-height:1.35!important}
 .hands-v63-categories{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(35px,auto);gap:3px!important;padding:4px 2px 6px!important}
 .hands-v63-category{min-height:35px;padding:4px 2px!important;font-size:12px!important;line-height:1.35!important;border-radius:3px}
}
@media(max-width:340px){.hands-v63-page-title{font-size:clamp(11px,3.4vw,14px)!important}.hands-v63-category{font-size:11px!important}}
/* Make primary editorial section headings visually related to the shared title, without overriding image menus or photo captions. */
.main-content h2,.seo-content h2,.seo-section h2,.hpb-section h2,main h2{color:var(--hv63-blue-800)!important}
.main-content h3,.seo-content h3,.seo-section h3,.hpb-section h3,main h3{color:var(--hv63-blue-700)!important}
/* Condensed, explicit guidance for old HPB template pages with unfilled or fictitious sample data. */
.hands-v63-bridge{box-sizing:border-box;width:min(787px,calc(100% - 16px));margin:22px auto 70px;padding:30px 32px;background:linear-gradient(135deg,#f5faff,#fff 80%);border:1px solid #bcdff3;border-radius:9px;font:normal 16px/1.9 Meiryo,"Yu Gothic",sans-serif;color:#334155}
.hands-v63-bridge-label{margin:0 0 6px!important;color:#137dbf!important;font-weight:800!important;font-size:13px!important}
.hands-v63-bridge h2{margin:0 0 16px!important;color:#07539b!important;font-size:24px!important;line-height:1.4!important}
.hands-v63-bridge p{font:normal 16px/1.9 Meiryo,"Yu Gothic",sans-serif;color:#334155}
.hands-v63-bridge-links{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 20px}
.hands-v63-bridge-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px!important;border-radius:5px;background:#0b65ad;color:white!important;font-weight:800!important;text-align:center;text-decoration:none!important}
.hands-v63-bridge-links a:hover,.hands-v63-bridge-links a:focus-visible{background:#07467d;color:white!important}
.hands-v63-bridge-foot{border-top:1px solid #d7e8f5;margin-top:25px;padding-top:14px;color:#62758a!important;font-size:13px!important}
/* Modern standalone case-study and service pages: content begins closer to the shared top navigation. */
.hands-v63-header ~ main .wrap{max-width:840px}
.hands-v63-header ~ main .hero .wrap{padding-top:36px;padding-bottom:40px}
@media(max-width:640px){.hands-v63-bridge{margin-top:12px;padding:22px 16px}.hands-v63-bridge h2{font-size:20px!important}.hands-v63-bridge-links a{flex:1 1 100%}.hands-v63-header ~ main .hero .wrap{padding-top:25px;padding-bottom:30px}}