.blog-index__list{grid-template-columns:repeat(auto-fill,minmax(min(480px,100%),1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.blog-index__empty{color:var(--ink-2)}.blog-card{border:1px solid var(--line);background:var(--sheet);height:100%;color:var(--ink);transition:transform .22s var(--ease-out), box-shadow .22s var(--ease-out);border-radius:16px;grid-template-columns:132px minmax(0,1fr);gap:20px;padding:16px;text-decoration:none;display:grid;box-shadow:0 14px 28px -18px #543c144d}.blog-card:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.blog-card:hover{transform:translateY(-3px);box-shadow:0 22px 40px -26px #543c1459}}.blog-card__thumb{aspect-ratio:1;background:var(--panel);border-radius:12px;position:relative;overflow:hidden}.blog-card__thumb img,.blog-card__thumb .blog-cover{object-fit:cover;width:100%;height:100%;display:block}.blog-card__body{flex-direction:column;gap:8px;min-width:0;display:flex}.blog-card__title{font-size:var(--t-h3);letter-spacing:-.012em;line-height:1.2}.blog-card__excerpt{color:var(--ink-2);margin-bottom:auto}.blog-card__meta{font-size:var(--t-small);color:var(--ink-3);margin-top:8px}@media (max-width:560px){.blog-index__list{gap:28px}.blog-card{grid-template-columns:minmax(0,1fr);padding:20px}.blog-card__thumb{aspect-ratio:16/9}}.blog-cover{--cover-tint:var(--amber);background:color-mix(in srgb, var(--cover-tint) 9%, var(--panel))}.blog-cover--sage{--cover-tint:var(--tile-sage)}.blog-cover--slate{--cover-tint:var(--tile-slate)}.blog-cover--clay{--cover-tint:var(--tile-clay)}.blog-cover__dot{fill:color-mix(in srgb, var(--cover-tint) 45%, var(--ink));opacity:.28}.blog-cover__halo{fill:color-mix(in srgb, var(--amber) 26%, transparent)}.blog-cover__chosen{fill:var(--amber)}@media (hover:hover) and (pointer:fine){.blog-cover__halo{transform-box:fill-box;transform-origin:50%;transition:transform .22s var(--ease-out)}.blog-card:hover .blog-cover__halo{transform:scale(1.35)}}.blog-article__header{gap:20px;margin-bottom:clamp(32px,4vw,48px);display:grid}.blog-article__hero{border:1px solid var(--line);border-radius:16px;width:100%;height:auto;margin-bottom:clamp(32px,4vw,48px)}.blog-author{align-items:center;gap:12px;display:flex}.blog-author__avatar{object-fit:cover;border:1px solid var(--line);background:var(--panel);border-radius:50%;width:44px;height:44px}.blog-author__avatar--placeholder{display:inline-block}.blog-author__name{font-weight:500}.blog-author__sub,.blog-breadcrumb{font-size:var(--t-small);color:var(--ink-3)}.blog-breadcrumb a{text-underline-offset:4px;margin-block:-13px;padding-block:13px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .15s;display:inline-block}@media (hover:hover) and (pointer:fine){.blog-breadcrumb a:hover{color:var(--ink);text-decoration-color:currentColor}}.blog-breadcrumb__current{color:var(--ink-2)}.blog-faq{margin-top:clamp(56px,7vw,88px)}.blog-faq__items{border-top:1px solid var(--line);margin-top:24px}.blog-faq__item{border-bottom:1px solid var(--line)}.blog-faq__question{cursor:pointer;justify-content:space-between;align-items:baseline;gap:16px;min-height:44px;padding:16px 0;font-weight:500;list-style:none;display:flex}.blog-faq__question::-webkit-details-marker{display:none}.blog-faq__question:after{content:"+";color:var(--ink-3);flex:none;font-weight:400}.blog-faq__item[open] .blog-faq__question:after{content:"–"}.blog-faq__answer{color:var(--ink-2);padding-bottom:20px;line-height:1.65}@media (max-width:899px){.blog-article__header{margin-bottom:48px}.blog-faq__answer{padding-bottom:24px}}.blog-related{margin-top:var(--sec);border-top:1px dashed var(--line-2);padding-top:clamp(40px,5vw,64px)}.blog-related__heading{margin-bottom:clamp(28px,4vw,40px)}.blog-related__grid{gap:20px;display:grid}@media (min-width:900px){.blog-related__grid{grid-template-columns:repeat(2,1fr)}}
.notion-board{height:calc(100dvh - var(--header-h));flex-direction:column;min-height:420px;display:flex}.notion-board__title{padding:32px var(--gut) 24px}.notion-board__frame{border:0;flex:1;width:100%;min-height:0;display:block}