.container--article{max-width:760px}.article-list{flex-direction:column;gap:clamp(16px,2.4vw,22px);display:flex}.article-card{background:var(--paper-card);border:1px solid var(--hairline);border-radius:var(--radius);isolation:isolate;padding:clamp(22px,3vw,30px) clamp(20px,3vw,32px);transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.article-card:after{content:"";background:linear-gradient(var(--shu), var(--kin));transform-origin:top;width:3px;transition:transform .3s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.article-card:hover{box-shadow:0 18px 40px -22px var(--shadow);border-color:var(--hairline-strong);transform:translateY(-3px)}.article-card:hover:after{transform:scaleY(1)}.article-card-meta{font-family:var(--sans);letter-spacing:.14em;color:var(--ink-muted);gap:1.2em;margin-bottom:.7em;font-size:.72rem;display:flex}.article-card h2{letter-spacing:.04em;z-index:2;font-size:clamp(1.2rem,2.6vw,1.5rem);line-height:1.5;position:relative}.article-card:hover h2 a{color:var(--shu-deep)}.article-card h2 a{transition:color .2s}.article-card-lead{color:var(--sumi-soft);z-index:2;margin:.8em 0 0;font-size:.94rem;line-height:1.95;position:relative}.article-card .taglist{z-index:2;margin-top:1.1em;position:relative}.article-hero h1{letter-spacing:.03em;margin-bottom:.6em;font-size:clamp(1.7rem,4.4vw,2.7rem);line-height:1.45}.article-lead{color:var(--sumi-soft);border-left:3px solid var(--shu);margin:0 0 1.6em;padding-left:1.1em;font-size:clamp(1rem,2.2vw,1.12rem);line-height:2}.article-meta{font-family:var(--sans);letter-spacing:.1em;color:var(--ink-muted);flex-wrap:wrap;gap:.5em 1.4em;font-size:.76rem;display:flex}.article-body{font-family:var(--serif-body);color:var(--sumi);margin-top:clamp(28px,4vw,44px);font-size:1.04rem;line-height:2.1}.article-body h2{font-family:var(--serif);letter-spacing:.06em;border-bottom:1px solid var(--hairline);margin:2.6em 0 1em;padding-bottom:.4em;font-size:clamp(1.24rem,2.8vw,1.5rem)}.article-body h3{font-family:var(--serif);letter-spacing:.05em;color:var(--shu-deep);margin:2.2em 0 .8em;font-size:1.1rem}.article-body p{margin:0 0 1.5em}.article-body ul,.article-body ol{margin:0 0 1.6em;padding-left:1.5em}.article-body li{margin-bottom:.6em;line-height:2}.article-body strong{color:var(--shu-deep);font-weight:700}.article-body a{color:var(--shu);text-underline-offset:3px;text-decoration:underline}.article-body blockquote{background:var(--paper-card);border-left:3px solid var(--hairline-strong);border-radius:var(--radius);color:var(--sumi-soft);margin:1.8em 0;padding:1.1em 1.4em;font-size:.96rem}.article-body blockquote p:last-child{margin-bottom:0}.article-body hr{border:none;border-top:1px dashed var(--hairline-strong);margin:2.6em 0}.article-body code{background:color-mix(in srgb, var(--sumi) 7%, transparent);border-radius:4px;padding:.15em .45em;font-size:.9em}.article-body table{border-collapse:collapse;width:100%;margin:1.8em 0;font-size:.92rem}.article-body th,.article-body td{border:1px solid var(--hairline);text-align:left;padding:.7em .9em;line-height:1.8}.article-body th{background:var(--paper-card);font-family:var(--sans);font-size:.86rem}.article-cta{background:var(--paper-card);border:1px solid var(--hairline);border-radius:var(--radius);margin-top:clamp(40px,6vw,64px);padding:clamp(24px,4vw,36px)}.article-cta h2{font-family:var(--serif);letter-spacing:.08em;margin-bottom:.7em;font-size:1.16rem}.article-cta p{color:var(--sumi-soft);margin-bottom:1.4em;font-size:.94rem;line-height:2}.article-more{border-top:1px dashed var(--hairline-strong);margin-top:clamp(36px,5vw,52px);padding-top:clamp(24px,4vw,32px)}.article-more h2{font-family:var(--serif);letter-spacing:.1em;margin-bottom:1.1em;font-size:1.08rem}.article-more a{border:1px solid var(--hairline);border-radius:var(--radius);margin-bottom:12px;padding:1em 1.2em;transition:border-color .2s,transform .2s;display:block}.article-more a:hover{border-color:var(--shu);transform:translateY(-2px)}.article-more .t{font-family:var(--serif);color:var(--sumi);margin-bottom:.3em;font-size:1.02rem;display:block}.article-more .l{font-family:var(--sans);color:var(--ink-muted);font-size:.82rem;line-height:1.8;display:block}