.site-header{position:sticky;top:0;z-index:50;background:var(--komorebi-header);backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb,var(--komorebi-line) 75%,transparent)}.site-header__inner{max-width:var(--komorebi-wide);margin:auto;min-height:84px;padding:12px 22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.site-branding{min-width:220px}.site-title,.site-footer__title{display:inline-flex;align-items:center;gap:8px;color:var(--komorebi-ink);font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-weight:700;font-size:1.35rem;letter-spacing:.08em}.site-title span,.site-footer__title span{color:var(--komorebi-accent)}.site-description{font-size:.72rem;color:var(--komorebi-muted);margin:2px 0 0}.primary-nav{justify-self:end}.primary-nav ul,.footer-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:22px}.primary-nav a{font-size:.86rem;color:var(--komorebi-ink);font-weight:600}.header-search-toggle,.menu-toggle{border:0;background:var(--komorebi-surface-soft);color:var(--komorebi-accent-deep);border-radius:999px;width:38px;height:38px}.menu-toggle{display:none}.header-search{max-width:var(--komorebi-wide);margin:auto;padding:14px 22px 18px}.site-shell{max-width:var(--komorebi-wide);margin:0 auto;padding:0 22px}.breadcrumbs{display:flex;gap:8px;align-items:center;color:var(--komorebi-muted);font-size:.76rem;padding:18px 2px;white-space:nowrap;overflow:hidden}.breadcrumbs a{color:var(--komorebi-muted)}.site-main{min-height:65vh}.content-with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:42px;align-items:start}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.sidebar{display:grid;gap:20px;position:relative}.site-footer{position:relative;margin-top:90px;background:linear-gradient(180deg,var(--komorebi-surface-soft),var(--komorebi-bg));overflow:hidden}.site-footer__glow{height:45px;background:radial-gradient(70% 80px at 20% 0,color-mix(in srgb,var(--komorebi-accent) 25%,transparent),transparent),radial-gradient(55% 80px at 80% 0,color-mix(in srgb,var(--komorebi-secondary) 25%,transparent),transparent)}.site-footer__inner{max-width:var(--komorebi-wide);margin:auto;padding:40px 22px 30px;display:grid;grid-template-columns:1fr auto;gap:26px;align-items:end}.site-footer__brand p{font-size:.82rem;color:var(--komorebi-muted);margin:.45rem 0 0}.footer-nav a{font-size:.82rem;color:var(--komorebi-muted)}.copyright{grid-column:1/-1;border-top:1px solid var(--komorebi-line);padding-top:18px;margin:0;text-align:center;font-size:.75rem;color:var(--komorebi-muted)}.archive-shell{padding-top:18px}.archive-header{text-align:center;background:linear-gradient(135deg,color-mix(in srgb,var(--komorebi-accent-soft) 55%,var(--komorebi-surface)),var(--komorebi-surface) 50%,color-mix(in srgb,var(--komorebi-secondary) 32%,var(--komorebi-surface)));border:1px solid var(--komorebi-line);border-radius:28px;padding:42px 28px;margin-bottom:38px;position:relative;overflow:hidden}.archive-header:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-55px;top:-70px;background:radial-gradient(circle,color-mix(in srgb,var(--komorebi-accent) 28%,transparent),transparent 65%)}.archive-header h1{margin:6px 0 0;font-size:clamp(1.7rem,4vw,2.5rem)}.archive-kicker{color:var(--komorebi-accent-deep);letter-spacing:.2em;font-size:.72rem;font-weight:800}.archive-description{max-width:680px;margin:14px auto 0;color:var(--komorebi-muted)}.page-main{max-width:900px;margin:36px auto}.page-header{text-align:center;padding:44px 0 30px}.page-header h1{font-size:clamp(2rem,4vw,3rem);margin:.4rem 0}.page-article{background:var(--komorebi-surface);border:1px solid var(--komorebi-line);border-radius:28px;padding:0 64px 64px;box-shadow:var(--komorebi-shadow)}

.content-with-sidebar--left{grid-template-columns:300px minmax(0,1fr)}
.content-with-sidebar--right{grid-template-columns:minmax(0,1fr) 300px}