/* Destination colors match the three triangle nodes exactly. */
html :is(#sy-business-home,body.detail-page,.site-header) a[data-sy-destination=work]{--sy-destination:#75b7e8}
html :is(#sy-business-home,body.detail-page,.site-header) a[data-sy-destination=lineapp]{--sy-destination:#75bd9d}
html :is(#sy-business-home,body.detail-page,.site-header) a[data-sy-destination=web]{--sy-destination:#ac90dd}
html :is(#sy-business-home,body.detail-page,.site-header) a[data-sy-link-button]{transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;}
html #sy-business-home a.service-link[data-sy-link-button]{padding:14px 12px;border-radius:4px;}
html :is(#sy-business-home,body.detail-page,.site-header) a[data-sy-destination]:focus-visible{outline:3px solid var(--sy-destination);outline-offset:4px}
@media(hover:hover) and (pointer:fine){
html :is(#sy-business-home,body.detail-page,.site-header) a[data-sy-destination]:hover{color:var(--sy-destination)}
html :is(#sy-business-home,body.detail-page,.site-header) a[data-sy-destination][data-sy-link-button]:hover{background:var(--sy-destination);border-color:var(--sy-destination);color:#0b111a;filter:none;transform:translateY(-2px)}
html :is(#sy-business-home,body.detail-page,.site-header) a[data-sy-destination][data-sy-link-button]:hover :is(small,strong,span){color:#0b111a}
}
/* Touch visitors must not need hover to recognize service buttons. */
@media(max-width:600px),(hover:none){
html :is(#sy-business-home,body.detail-page,.site-header) a[data-sy-destination][data-sy-link-button]{background:var(--sy-destination);border:1px solid var(--sy-destination);border-radius:4px;color:#0b111a;min-height:44px;padding:14px 12px;box-sizing:border-box;text-decoration:none}
html :is(#sy-business-home,body.detail-page,.site-header) a[data-sy-destination][data-sy-link-button] :is(small,strong,span){color:#0b111a}
html #sy-business-home a[href="/works/"]{display:inline-flex;align-items:center;min-height:44px;padding:12px 16px;box-sizing:border-box;border:1px solid #75b7e8;border-radius:4px;background:#183248;color:#c6e7ff;text-decoration:none}
}
@media(prefers-reduced-motion:reduce){html :is(#sy-business-home,body.detail-page,.site-header) a[data-sy-link-button]{transition:none!important;transform:none!important}}