@layer components{.blog-intro{grid-template-columns:minmax(0,1.6fr) minmax(220px,.8fr);align-items:center;gap:80px;padding-block:65px 70px;display:grid}.blog-intro-copy>h1{max-width:13ch;margin-top:24px}.blog-intro-copy>.lead{max-width:48ch;margin-top:26px}.blog-language-note{color:var(--muted);max-width:55ch;margin-top:18px;font-size:.79rem}.blog-total{align-items:baseline;gap:14px;margin-top:30px;display:flex}.blog-total strong{letter-spacing:-.06em;font-size:2.5rem;font-weight:550;line-height:1}.blog-total span{color:var(--muted);font-size:.8rem}.blog-cover{padding:15px 20px}.blog-cover-sheet{color:#f3f7f5;box-shadow:8px 8px 0 var(--line),16px 16px 0 var(--surface);aspect-ratio:4/5;background:#183c34;flex-direction:column;padding:28px;display:flex;transform:rotate(3deg)}.blog-cover-sheet>.moaby-brand{font-size:1.2rem}.blog-cover-title{letter-spacing:-.04em;overflow-wrap:anywhere;margin-top:25px;font-size:clamp(1.5rem,2.5vw,2.35rem);line-height:1.15}.blog-cover-drawing{align-items:center;gap:15px;margin-block:auto;padding-block:35px;display:flex}.blog-cover-drawing>svg{color:#e0eee8;width:50%;height:auto}.blog-cover-bottom{border-top:1px solid #ffffff45;flex-wrap:wrap;gap:8px 20px;padding-top:16px;font-size:.7rem;display:flex}.blog-topics{border-block:1px solid var(--line);flex-wrap:wrap;gap:8px 26px;padding-block:22px;display:flex}.blog-topics a{border-bottom:1px solid #0000;padding-block:5px;font-size:.85rem;text-decoration:none}.blog-topics a:hover{border-bottom-color:var(--ink)}.blog-topic{border-bottom:1px solid var(--line);grid-template-columns:220px minmax(0,1fr);gap:60px;padding-block:50px;display:grid}.blog-topic-heading{overflow-wrap:anywhere;align-items:baseline;gap:15px;display:flex}.blog-topic-heading h2{font-size:1.4rem}.blog-topic-heading>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.72rem}.blog-articles{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px;display:grid}.blog-entry{border-top:2px solid var(--line-strong);min-width:0;padding-top:16px}.blog-entry time{color:var(--muted);font-size:.71rem}.blog-entry h3{letter-spacing:-.025em;margin-top:11px;font-size:1.3rem;line-height:1.35}.blog-entry h3 a{text-decoration:none}.blog-entry h3 a:hover{text-decoration:underline 1px}.blog-entry>p{color:var(--muted);margin-top:15px;font-size:.85rem;line-height:1.8}.blog-read{flex-direction:column;align-items:start;gap:4px;width:fit-content;margin-top:20px;font-size:.79rem;font-weight:550;text-decoration:none;display:flex}.blog-read>span:first-child{text-decoration:underline;text-decoration-color:var(--line-strong)}.blog-original{color:var(--muted);font-size:.65rem;font-weight:400}.blog-directory{padding-bottom:50px}}@layer responsive{@media (width<=1000px){.blog-intro{gap:35px}.blog-topic{grid-template-columns:160px minmax(0,1fr);gap:28px}.blog-articles{gap:32px 25px}}@media (width<=760px){.blog-intro{grid-template-columns:minmax(0,1fr) 160px;gap:28px;padding-block:36px 45px}.blog-intro h1{font-size:2.6rem}.blog-cover{padding:8px}.blog-cover-sheet{padding:16px}.blog-cover-title{font-size:1.3rem}.blog-cover-drawing{padding-block:20px}.blog-cover-bottom{font-size:.58rem}.blog-topic{grid-template-columns:1fr;gap:24px;padding-block:36px}}@media (width<=560px){.blog-intro{grid-template-columns:1fr}.blog-intro h1{max-width:15ch}.blog-cover{display:none}.blog-articles{grid-template-columns:1fr}.blog-intro-copy>.lead{font-size:1rem}.blog-total{margin-top:24px}.blog-topics{gap:7px 19px}.blog-topic-heading h2{font-size:1.5rem}}}