@layer theme,base,components;@layer page{.bhero{padding:150px 30px 0}.bhero__title{max-width:22ch;letter-spacing:var(--ss-track-display);margin:22px 0 0;font-size:clamp(2.5rem,5vw,4.5rem);line-height:.98}.bhero__lead{max-width:56ch;margin:22px 0 0;font-size:18px;line-height:1.5}.fhero__crumb{letter-spacing:var(--ss-track-text);color:var(--ss-text-mute);flex-wrap:wrap;align-items:center;gap:14px;font-size:14px;display:flex}.fhero__crumb a{color:var(--ss-text-mute)}.fhero__crumb-current{color:var(--ss-ink)}.blist{padding:72px 30px 0}.blist__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.bcard{background:var(--ss-surface);border:1px solid var(--ss-hairline);border-radius:var(--ss-radius-card);color:var(--ss-ink);transition:transform var(--ss-dur) var(--ss-ease), border-color var(--ss-dur) var(--ss-ease);flex-direction:column;display:flex;overflow:hidden}.bcard__media{aspect-ratio:16/10;background:var(--ss-canvas-2);overflow:hidden}.bcard__img{object-fit:cover;width:100%;height:100%;transition:transform var(--ss-dur) var(--ss-ease);display:block}.bcard__body{flex-direction:column;flex:1;gap:10px;padding:20px 22px 22px;display:flex}.bcard__meta{letter-spacing:var(--ss-track-text);color:var(--ss-text-mute);align-items:center;gap:10px;font-size:13px;display:flex}.bcard__avatar{border-radius:var(--ss-radius-pill);object-fit:cover;width:28px;height:28px}.bcard__author{font-weight:var(--ss-w-medium);color:var(--ss-ink)}.bcard__date:before{content:"·";margin:0 8px 0 -2px}.bcard__title{letter-spacing:var(--ss-track-head);margin:0;font-size:20px;line-height:1.15}.bcard__excerpt{flex:1;max-width:none;margin:0;font-size:14.5px;line-height:1.5}.bcard__more{font-size:14px;font-weight:var(--ss-w-medium);letter-spacing:var(--ss-track-text);color:var(--ss-green-deep);align-self:flex-start;margin-top:4px}.bpage{letter-spacing:var(--ss-track-text);justify-content:center;align-items:center;gap:18px;padding:48px 30px 32px;font-size:14px;display:flex}.bpage__count{color:var(--ss-text-mute)}.bpage__link{font-weight:var(--ss-w-medium);color:var(--ss-green-deep)}.bpost__head{padding:140px 30px 0}.bpost__back{font-size:14px;font-weight:var(--ss-w-medium);color:var(--ss-text-soft);display:inline-block}.bpost__title{max-width:22ch;letter-spacing:var(--ss-track-display);margin:22px 0 0;font-size:clamp(2.25rem,4.4vw,3.75rem);line-height:1}.bpost__meta{letter-spacing:var(--ss-track-text);color:var(--ss-text-soft);flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;font-size:14px;display:flex}.bpost__dot{color:var(--ss-text-mute)}.bpost__hero{border-radius:var(--ss-radius-card);background:var(--ss-canvas-2);aspect-ratio:21/9;margin-top:44px;overflow:hidden}.bpost__hero img{object-fit:cover;width:100%;height:100%;display:block}.bpost__grid{grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:start;gap:64px;padding:64px 30px 0;display:grid}.bpost__rail{flex-direction:column;gap:16px;display:flex;position:sticky;top:96px}.rail-card{background:var(--ss-surface);border:1px solid var(--ss-hairline);border-radius:var(--ss-radius-card);padding:22px}.rail-card__avatar{border-radius:var(--ss-radius-pill);object-fit:cover;width:56px;height:56px}.bcard__avatar--initial,.rail-card__avatar--initial{background:var(--ss-surface);color:var(--ss-ink);border:1px solid var(--ss-hairline);font-weight:var(--ss-w-semibold);justify-content:center;align-items:center;line-height:1;display:inline-flex}.bcard__avatar--initial{font-size:var(--ss-text-sm)}.rail-card__avatar--initial{font-size:var(--ss-text-md)}.rail-card__name{font-weight:var(--ss-w-medium);color:var(--ss-ink);margin:12px 0 2px}.rail-card__role{color:var(--ss-text-mute);margin:0;font-size:13px}.rail-card--dark{background:var(--ss-ink);border-color:var(--ss-ink);color:var(--ss-inverse)}.rail-card__title{font-family:var(--ss-font-display);font-size:22px;font-weight:var(--ss-w-medium);letter-spacing:var(--ss-track-head);color:var(--ss-inverse);margin:0 0 8px;line-height:1.1}.rail-card__copy{color:#f2f1ecb3;margin:0 0 18px;font-size:14px;line-height:1.5}.bpost__content{max-width:72ch;letter-spacing:var(--ss-track-text);color:var(--ss-ink);font-size:17px;line-height:1.65}.bpost__content p{max-width:none;color:var(--ss-text);margin:0 0 1.2em}.bpost__content h2{letter-spacing:var(--ss-track-head);margin:2.2em 0 .6em;font-size:clamp(1.6rem,2.6vw,2.1rem);line-height:1.12}.bpost__content h3{letter-spacing:var(--ss-track-head);margin:1.8em 0 .5em;font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.2}.bpost__content h4{margin:1.5em 0 .4em;font-size:1.15rem}.bpost__content ul,.bpost__content ol{margin:0 0 1.3em;padding-left:1.3em}.bpost__content li{margin:.35em 0}.bpost__content li p{margin:0}.bpost__content strong{font-weight:var(--ss-w-medium);color:var(--ss-ink)}.bpost__content a{color:var(--ss-green-deep);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:100% 1px}.bpost__content img{border-radius:var(--ss-radius-card);border:1px solid var(--ss-hairline);width:100%;height:auto;margin:1.6em 0;display:block}.bpost__content figure{margin:1.8em 0}.bpost__content figure img{margin:0}.bpost__content figcaption{color:var(--ss-text-mute);margin-top:.6em;font-size:13.5px}.bpost__content blockquote{border-left:2px solid var(--ss-green);font-family:var(--ss-font-display);letter-spacing:var(--ss-track-head);margin:1.8em 0;padding:4px 0 4px 22px;font-size:1.35rem;line-height:1.3}.bpost__content blockquote p{margin:0}.bpost__content table{border-collapse:collapse;max-width:100%;margin:1.6em 0;font-size:15px;display:block;overflow-x:auto}.bpost__content th,.bpost__content td{border-top:1px solid var(--ss-hairline);text-align:left;vertical-align:top;padding:10px 12px}.bpost__content th{font-weight:var(--ss-w-medium)}.bpost__content iframe{aspect-ratio:16/9;border-radius:var(--ss-radius-card);border:0;width:100%;max-width:100%}.bpost__content pre{background:var(--ss-canvas-2);border:1px solid var(--ss-hairline);border-radius:var(--ss-radius-card);margin:1.6em 0;padding:16px 18px;font-size:14px;line-height:1.5;overflow-x:auto}.bpost__content code{font-size:.92em}.bpost__content hr{background:var(--ss-hairline);border:0;height:1px;margin:2em 0}.brelated{padding:140px 30px 0}.brelated__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:40px;display:flex}.brelated__head .section-title{margin:0}@media (hover:hover){.bcard:hover{border-color:var(--ss-ink);transform:translateY(-4px)}.bcard:hover .bcard__img{transform:scale(1.03)}.bpost__content a:hover{color:var(--ss-ink)}}@media (width<=1000px){.blist__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bpost__grid{grid-template-columns:1fr;gap:40px}.bpost__rail{flex-flow:wrap;position:static}.bpost__rail .rail-card{flex:260px}}@media (width<=640px){.blist__grid{grid-template-columns:1fr;gap:24px}.bhero,.bpost__head{padding-top:120px}}}@layer utilities;