.abcs-blog-shelf{padding-block:var(--abcs-section-y);background:var(--abcs-paper);overflow-x:clip}.abcs-blog-shelf__head{flex-direction:column;gap:1rem;max-inline-size:54rem;margin-block-end:clamp(2.4rem,4vw,3.4rem);display:flex}.abcs-blog-shelf__title{font-family:var(--abcs-font-display);letter-spacing:-.024em;color:var(--abcs-head);text-wrap:balance;font-size:clamp(1.85rem,3.4vw,3.05rem);font-weight:500;line-height:1.08}.abcs-blog-shelf__lede{color:var(--abcs-muted);max-inline-size:60ch;font-size:clamp(1.06rem,1.35vw,1.22rem);line-height:1.62}.abcs-arch{gap:clamp(2rem,3.2vw,3.4rem);display:grid}@media (min-width:64rem){.abcs-arch{grid-template-columns:minmax(0,1fr) 20rem;align-items:start}}.abcs-shelf__lead{margin-block-end:clamp(1rem,1.5vw,1.35rem)}.abcs-shelf__grid{grid-template-columns:1fr;align-items:stretch;gap:clamp(1rem,1.5vw,1.35rem);margin:0;padding:0;display:grid}@media (min-width:40rem){.abcs-shelf__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.abcs-shelf__grid>li{block-size:100%;list-style:none}.abcs-card{isolation:isolate;border:1px solid var(--abcs-card-line);border-radius:var(--abcs-r-l);background:var(--abcs-surface);block-size:100%;box-shadow:var(--abcs-sh-s,0 1px 2px #0f2e4c0f);transition:transform .3s var(--abcs-eout), box-shadow .3s var(--abcs-ease), border-color .3s var(--abcs-ease);flex-direction:column;padding:clamp(.5rem,.7vw,.62rem);text-decoration:none;display:flex;position:relative}.abcs-card:hover{box-shadow:var(--abcs-sh-m,0 18px 40px -22px #0f2e4c47);border-color:color-mix(in oklab, var(--abcs-sage) 45%, var(--abcs-card-line));transform:translateY(-4px)}.abcs-card:active{transform:scale(.995)}.abcs-card:focus-visible{outline:2px solid var(--abcs-link);outline-offset:3px}.abcs-card:before{content:"";z-index:-1;border-radius:var(--abcs-r-l);background:linear-gradient(var(--abcs-card-dir,100deg), color-mix(in oklab, var(--abcs-sage) 13%, transparent), color-mix(in oklab, var(--abcs-gold) 8%, transparent));opacity:0;transition:opacity .34s var(--abcs-ease);position:absolute;inset:0}.abcs-card:hover:before,.abcs-card:focus-visible:before{opacity:1}.abcs-card__fig{border-radius:var(--abcs-r);aspect-ratio:4/3;background:var(--abcs-cream);position:relative;overflow:clip}.abcs-card__img,.abcs-card__art{object-fit:cover;block-size:100%;inline-size:100%;transition:transform .6s var(--abcs-eout)}.abcs-card:hover .abcs-card__img,.abcs-card:hover .abcs-card__art{transform:scale(1.04)}.abcs-card__kick{border-radius:var(--abcs-r-s);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:#141e27c7;padding:.34rem .7rem;font-size:.68rem;font-weight:700;position:absolute;inset-block-start:.7rem;inset-inline-start:.7rem}.abcs-card__body{flex-direction:column;flex:1;padding:clamp(1.05rem,1.5vw,1.35rem) clamp(.9rem,1.3vw,1.1rem) clamp(.85rem,1.1vw,1rem);display:flex}.abcs-card__q{font-family:var(--abcs-font-display);letter-spacing:-.018em;color:var(--abcs-head);text-wrap:balance;font-size:clamp(1.2rem,1.5vw,1.42rem);font-weight:600;line-height:1.18}.abcs-card:hover .abcs-card__q{color:var(--abcs-link)}.abcs-card__dek{color:var(--abcs-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-block-start:.55rem;font-size:.98rem;line-height:1.58;display:-webkit-box;overflow:hidden}.abcs-card__foot{border-top:1px solid var(--abcs-card-line);justify-content:space-between;align-items:center;gap:1rem;margin-block-start:auto;padding-block-start:.9rem;display:flex}.abcs-card__date{color:var(--abcs-faint);font-size:.86rem}.abcs-card__go{border-radius:var(--abcs-r-pill);border:1px solid var(--abcs-card-line);block-size:2.2rem;inline-size:2.2rem;color:var(--abcs-link);transition:transform .24s var(--abcs-eout), background-color .24s var(--abcs-ease), border-color .24s var(--abcs-ease);flex:none;justify-content:center;align-items:center;display:inline-flex}.abcs-card:hover .abcs-card__go{background:var(--abcs-link);border-color:var(--abcs-link);color:var(--abcs-accent-ink);transform:translate(4px)}@media (min-width:52rem){.abcs-card--lead{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;display:grid}.abcs-card--lead .abcs-card__fig{aspect-ratio:auto;block-size:100%;min-block-size:17rem}.abcs-card--lead .abcs-card__body{justify-content:center;padding:clamp(1.6rem,2.4vw,2.3rem) clamp(1.3rem,2vw,1.9rem)}.abcs-card--lead .abcs-card__q{font-size:clamp(1.5rem,2.1vw,2rem)}.abcs-card--lead .abcs-card__dek{-webkit-line-clamp:4;line-clamp:4;max-inline-size:42ch;font-size:1.04rem}.abcs-card--lead .abcs-card__foot{margin-block-start:1.4rem}}.abcs-card--compact .abcs-card__fig{aspect-ratio:16/10}.abcs-card--compact .abcs-card__q{font-size:clamp(1.1rem,1.4vw,1.28rem)}.abcs-card--compact .abcs-card__body{padding-block-end:1.1rem}.abcs-rail{flex-direction:column;gap:clamp(1.6rem,2.4vw,2.2rem);display:flex}@media (min-width:64rem){.abcs-rail{position:sticky;top:6.5rem}}.abcs-rail__b{flex-direction:column;gap:.85rem;display:flex}.abcs-rail__t{letter-spacing:.16em;text-transform:uppercase;color:var(--abcs-muted);border-bottom:1px solid var(--abcs-line);padding-block-end:.7rem;font-size:.72rem;font-weight:700}.abcs-rail__search{align-items:center;display:flex;position:relative}.abcs-rail__search svg{color:var(--abcs-faint);pointer-events:none;position:absolute;inset-inline-start:.85rem}.abcs-rail__search input{inline-size:100%;font:inherit;color:var(--abcs-ink);background:var(--abcs-surface);border:1px solid var(--abcs-line);border-radius:var(--abcs-r-btn);min-block-size:46px;transition:border-color .2s var(--abcs-ease), box-shadow .2s var(--abcs-ease);padding:.8rem .9rem .8rem 2.6rem;font-size:.97rem}.abcs-rail__search input::placeholder{color:var(--abcs-faint)}.abcs-rail__search input:focus{border-color:var(--abcs-link);box-shadow:0 0 0 3px color-mix(in oklab, var(--abcs-sage) 20%, transparent);outline:none}.abcs-rail__cats{border-top:1px solid var(--abcs-line)}.abcs-rail__cats button{border:0;border-bottom:1px solid var(--abcs-line);min-block-size:44px;inline-size:100%;font:inherit;color:var(--abcs-muted);cursor:pointer;text-align:start;transition:color .2s var(--abcs-ease), padding-inline-start .2s var(--abcs-ease);background:0 0;justify-content:space-between;align-items:center;gap:1rem;padding:.72rem .2rem;font-size:.98rem;display:flex}.abcs-rail__cats button:hover{color:var(--abcs-link);padding-inline-start:.5rem}.abcs-rail__cats button[aria-pressed=true]{color:var(--abcs-link);font-weight:600}.abcs-rail__cats b{color:var(--abcs-faint);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:500}.abcs-rail__cats button[aria-pressed=true] b{color:var(--abcs-link)}.abcs-rail__tags{flex-wrap:wrap;gap:.4rem 1.1rem;display:flex}.abcs-rail__tags button{font:inherit;min-block-size:44px;color:var(--abcs-muted);cursor:pointer;text-underline-offset:.32em;transition:color .2s var(--abcs-ease), text-decoration-color .2s var(--abcs-ease);background:0 0;border:0;padding:.3rem 0;font-size:.95rem;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px}.abcs-rail__tags button:hover{color:var(--abcs-link);-webkit-text-decoration-color:color-mix(in oklab, currentcolor 45%, transparent);text-decoration-color:color-mix(in oklab, currentcolor 45%, transparent)}.abcs-rail__tags button[aria-pressed=true]{color:var(--abcs-link);font-weight:600;text-decoration-color:currentColor;text-decoration-thickness:2px}.abcs-rail__idx{border-top:1px solid var(--abcs-line);flex-direction:column;display:flex}.abcs-rail__idx a{border-bottom:1px solid var(--abcs-line);transition:padding-inline-start .2s var(--abcs-ease);gap:.75rem;padding:.8rem .2rem;text-decoration:none;display:flex}.abcs-rail__idx a:hover{padding-inline-start:.5rem}.abcs-rail__idx img{object-fit:cover;border-radius:var(--abcs-r-s);border:1px solid var(--abcs-card-line);flex:none;block-size:3.1rem;inline-size:3.1rem}.abcs-rail__idx span{color:var(--abcs-muted);align-self:center;font-size:.93rem;line-height:1.38}.abcs-rail__idx a:hover span{color:var(--abcs-link)}.abcs-rail__revs{border:1px solid var(--abcs-card-line);border-radius:var(--abcs-r-l);background:var(--abcs-surface);flex-direction:column;gap:.9rem;padding:clamp(1.1rem,1.6vw,1.35rem);display:flex}.abcs-rail__rev{border-bottom:1px solid var(--abcs-card-line);flex-direction:column;gap:.15rem;padding-block-end:.85rem;display:flex}.abcs-rail__rev:last-of-type{border-bottom:0;padding-block-end:0}.abcs-rail__revname{font-family:var(--abcs-font-display);color:var(--abcs-head);font-size:1.05rem;font-weight:600}.abcs-rail__revrole,.abcs-rail__revnote{color:var(--abcs-muted);font-size:.87rem;line-height:1.45}.abcs-rail__clear{border:1px solid var(--abcs-link);border-radius:var(--abcs-r-btn);min-block-size:44px;color:var(--abcs-link);font:inherit;cursor:pointer;transition:background-color .2s var(--abcs-ease), transform .18s var(--abcs-eout);background:0 0;align-self:flex-start;padding-inline:1.1rem;font-size:.95rem;font-weight:600}.abcs-rail__clear:hover{background:color-mix(in oklab, var(--abcs-sage) 12%, transparent)}.abcs-rail__clear:active{transform:scale(.97)}.abcs-rail__call{border:1px solid var(--abcs-card-line);border-radius:var(--abcs-r-l);background:color-mix(in oklab, var(--abcs-gold) 8%, transparent);flex-direction:column;gap:.6rem;padding:clamp(1.1rem,1.6vw,1.35rem);display:flex}.abcs-rail__call p{color:var(--abcs-muted);font-size:.95rem;line-height:1.55}.abcs-rail__call a{font-family:var(--abcs-font-display);color:var(--abcs-head);letter-spacing:-.015em;font-size:1.35rem;font-weight:600;text-decoration:none}.abcs-rail__call a:hover{color:var(--abcs-link)}.abcs-shelf__empty{border:1px dashed var(--abcs-line);border-radius:var(--abcs-r-l);text-align:center;flex-direction:column;align-items:center;gap:.9rem;padding:clamp(2.4rem,5vw,3.6rem);display:flex}.abcs-shelf__empty h2{font-family:var(--abcs-font-display);color:var(--abcs-head);font-size:1.4rem;font-weight:600}.abcs-shelf__empty p{color:var(--abcs-muted);max-inline-size:46ch;font-size:1rem;line-height:1.6}.abcs-shelf__empty-tel{font-family:var(--abcs-font-display);letter-spacing:-.02em;color:var(--abcs-head);transition:color .2s var(--abcs-ease);font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:600;text-decoration:none}.abcs-shelf__empty-tel:hover{color:var(--abcs-link)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.abcs-shelf__lead,.abcs-shelf__grid>li{--abcs-m-from:30px;--abcs-m-start:22%;--abcs-m-step:4%;--abcs-m-end:96%}.abcs-shelf__lead{--abcs-m-from:22px}}}