.articles-wrap{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:144px 0 96px}.articles-intro{max-width:720px;margin-bottom:56px}.articles-intro h1,.article-heading h1{font-family:var(--serif);font-weight:500;font-size:clamp(48px,6vw,76px);line-height:1.05;margin:0 0 20px}.articles-intro p{font-size:18px;color:var(--muted);max-width:540px}.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 28px}.article-card{min-width:0}.article-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px;margin-bottom:22px}.article-card time,.article-heading p{color:var(--muted);font-size:13px}.article-card h2{font-family:var(--serif);font-size:32px;font-weight:500;line-height:1.12;margin:12px 0 16px;overflow-wrap:anywhere}.article-card p{font-size:14px;line-height:1.8;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-read,.article-back,.articles-pagination a{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-size:14px}.article-read:hover,.article-back:hover,.articles-pagination a:hover{text-decoration:underline}.articles-pagination{display:flex;justify-content:space-between;gap:24px;margin-top:56px}.article-heading{max-width:800px;margin:0 auto 40px}.article-back{margin-bottom:32px}.article-heading h1{font-size:clamp(40px,5.5vw,64px);overflow-wrap:anywhere}.article-cover{width:100%;height:auto;max-height:660px;object-fit:cover;border-radius:20px;margin:0 auto 52px}.article-prose{max-width:720px;margin:auto;font-size:17px;line-height:1.9;overflow-wrap:anywhere}.article-prose h2,.article-prose h3,.article-prose h4{font-family:var(--serif);font-weight:600;line-height:1.2;margin:42px 0 18px}.article-prose h2{font-size:36px}.article-prose h3{font-size:29px}.article-prose h4{font-size:24px}.article-prose p,.article-prose ul,.article-prose ol{margin:0 0 24px}.article-prose li{margin:8px 0}.article-prose a{text-decoration:underline;text-underline-offset:4px}.article-prose img{max-width:100%;height:auto;border-radius:12px;margin:28px auto}.article-prose figure{margin:28px 0}.article-prose figcaption{font-size:13px;color:var(--muted)}.article-prose blockquote{border-left:2px solid var(--taupe);margin:32px 0;padding:4px 24px;font-family:var(--serif);font-size:27px}.article-prose table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;margin:24px 0}.article-prose th,.article-prose td{padding:12px;border:1px solid var(--line)}.article-prose pre{white-space:pre-wrap}.article-end{max-width:720px;margin:56px auto 0;padding-top:32px;border-top:1px solid var(--line)}.articles-empty{padding:48px 0 72px}.articles-empty h2{font:500 40px/1.2 var(--serif)}.articles-empty p{color:var(--muted);margin-bottom:28px}@media(max-width:991px){.articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.articles-wrap{width:calc(100% - 40px);padding:calc(124px + env(safe-area-inset-top)) 0 64px}.articles-intro{margin-bottom:36px}.articles-grid{grid-template-columns:1fr;gap:40px}.article-heading{margin-bottom:28px}.article-cover{border-radius:12px;margin-bottom:32px}.article-prose{font-size:16px}.article-prose h2{font-size:31px}.article-back{margin-bottom:24px}.articles-pagination{flex-wrap:wrap}}

.articles-loader{min-height:48px;margin-top:40px;text-align:center;color:var(--muted);font-size:14px}.articles-loader[hidden],.articles-loader button[hidden]{display:none}.articles-loader button{min-height:44px;padding:10px 20px;border:0;border-radius:4px;background:var(--ink);color:var(--paper);font:inherit;cursor:pointer}.articles-loader button:focus-visible{background:var(--taupe-dark)}