@scope (.site-header){:scope{position:sticky;top:0;z-index:99999;background:rgba(255,255,255,.7);backdrop-filter:blur(3px);padding:0 var(--site-outer-padding)}.inner{display:flex;justify-content:space-between;align-items:center;height:72px;padding:0 var(--site-inner-padding);max-width:calc(var(--site-max-width) + (var(--site-inner-padding) * 2));margin:auto;border-bottom:1px solid #000;@media (width <=768px){height:56px;gap:8px}}.logo{display:block;text-align:center;flex-shrink:0;img{height:28px;@media (width <=768px){height:20px}}}}@scope (.navigation){:scope{display:flex;align-items:center;gap:32px;@media (width <=768px){gap:12px}}.list{display:flex;gap:16px;@media (width <=768px){gap:8px}}.link{display:grid;place-content:center;width:128px;height:48px;background:#000;color:#fff;box-shadow:0px 8px 24px rgba(0,0,0,0.15);font-weight:bold;font-size:0.8125rem;border-radius:4px;@media (width <=768px){font-size:.625rem;width:80px;height:32px}&:hover{opacity:.8}}}@scope (.breadcrumbs){:scope{max-width:calc(var(--site-max-width) + (var(--site-side-padding) * 2));padding:0 var(--site-side-padding);margin:16px 0 32px;font-size:0.875rem;font-weight:bold;color:#bbb;@media (width <=768px){font-size:.8125rem;margin:12px 0 20px}}span{padding:0 4px;&:first-of-type{padding-left:0}&:last-of-type{padding-right:0}}.breadcrumb_last{color:#333}a:hover{text-decoration:underline}}