.site-shell{display:flex;flex-direction:column;min-height:100vh}.site-main{flex:1}.site-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--color-surface) 92%,transparent);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:var(--header-height)}.site-logo{display:inline-flex;align-items:center;gap:10px;font-size:var(--font-size-lg);font-weight:var(--font-weight-black);color:var(--color-text);white-space:nowrap;border-radius:var(--radius-sm)}.site-logo__mark{width:32px;height:32px;flex-shrink:0;color:var(--color-primary)}.site-logo__accent{color:var(--color-primary)}.site-nav__list{display:flex;align-items:center;gap:var(--space-8)}.site-nav__link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);padding:var(--space-3) 0;border-radius:var(--radius-sm)}.site-nav__link:hover{color:var(--color-primary)}.site-header__actions{display:flex;align-items:center;gap:var(--space-2)}.site-header__search{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);color:var(--color-text-secondary)}.site-header__search:hover{background:var(--color-surface-muted);color:var(--color-primary)}.site-menu{display:none;position:relative}.site-menu__summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;list-style:none}.site-menu__summary::-webkit-details-marker{display:none}.site-menu__summary:hover{background:var(--color-surface-muted)}.site-menu__icon-close,.site-menu[open] .site-menu__icon-open{display:none}.site-menu[open] .site-menu__icon-close{display:block}.site-menu__panel{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:220px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2)}.site-menu__list{display:flex;flex-direction:column}.site-menu__link{display:block;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);border-radius:var(--radius-sm)}.site-menu__link:hover{background:var(--color-primary-lighter);color:var(--color-primary)}@media(max-width:768px){.site-header__inner{gap:var(--space-2)}.site-logo{gap:var(--space-1);font-size:var(--font-size-base)}.site-logo__mark{width:28px;height:28px}.site-header__actions{gap:0}.site-nav{display:none}.site-menu{display:block}}.site-footer{background:#f0eee7;border-top:1px solid var(--color-border);margin-top:var(--space-16)}.site-footer__inner{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:var(--space-8);padding-block:var(--space-12)}.site-footer__brand{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:var(--space-3)}.site-footer__guide{position:relative;align-self:stretch;min-height:112px;overflow:hidden;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-primary-lighter) 70%,transparent)}.site-footer__hakase{position:absolute;width:98px;height:auto;max-width:none;top:-10px;left:-8px}.site-footer__logo{font-size:var(--font-size-md);font-weight:var(--font-weight-black);color:var(--color-text);letter-spacing:-.02em}.site-footer__desc{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-normal);max-width:32em}.site-footer__heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-heading);margin-bottom:var(--space-3)}.site-footer__list{display:flex;flex-direction:column;gap:var(--space-2)}.site-footer__list a{display:inline-block;padding-block:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted)}.site-footer__list a:hover{color:var(--color-primary)}.site-footer__bottom{border-top:1px solid var(--color-border);padding:var(--space-5) 0;text-align:center}.site-footer__bottom p{font-size:var(--font-size-xs);color:var(--color-text-muted)}.site-footer__bottom .site-footer__trademark{margin-top:var(--space-1);font-size:.6875rem;opacity:.8}@media(max-width:768px){.site-footer__inner{grid-template-columns:1fr;gap:var(--space-6)}.site-footer__brand{grid-template-columns:72px minmax(0,1fr)}.site-footer__guide{min-height:96px}.site-footer__hakase{width:86px}}