.page-article .arts{display:grid;gap:16px;margin:0;padding:0;list-style:none}.page-article .art-card{display:grid;gap:10px;padding:22px;border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-card);transition:border-color .2s var(--ease),transform .2s var(--ease)}.page-article .art-card:hover{border-color:var(--c-accent);transform:translateY(-2px)}.page-article .art-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-faint)}.page-article .art-card__tag{color:var(--c-accent-ink)}.page-article .art-card__t{font-size:var(--fs-h4);font-weight:700;letter-spacing:-.02em;line-height:1.2}.page-article .art-card__t a{color:var(--c-text);text-decoration:none}.page-article .art-card__t a:hover{color:var(--c-accent-ink)}.page-article .art-card__t a:after{content:"";position:absolute;inset:0}.page-article .art-card{position:relative}.page-article .art-card__lead{color:var(--c-text-muted);line-height:1.55;max-width:62ch}.page-article .art-wrap{max-width:760px}.page-article .art-head{margin-bottom:28px}.page-article .art-title{font-size:var(--fs-h1);line-height:1.06;letter-spacing:-.03em;font-weight:800;text-wrap:balance;hyphens:auto;overflow-wrap:break-word}.page-article .art-lead{margin-top:16px}.page-article .art-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:18px;font-size:13px;color:var(--c-text-faint)}.page-article .art-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;margin:26px 0 30px;border:1px solid var(--c-border);border-radius:var(--r-pill);background:var(--c-card)}.page-article .art-level{min-height:46px;padding:6px 12px;font:inherit;font-size:15px;font-weight:600;color:var(--c-text-muted);background:transparent;border:0;border-radius:var(--r-pill);cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease)}.page-article .art-level small{display:block;font-size:12px;font-weight:500;opacity:.75}.page-article .art-level:hover{color:var(--c-text)}.page-article .art-level[aria-pressed=true]{color:var(--c-text-on-accent);background:var(--c-accent)}.page-article .art-level:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.page-article .art-body{display:grid;gap:18px}.page-article .art-h{margin-top:14px;font-size:var(--fs-h4);font-weight:700;letter-spacing:-.02em}.page-article .art-p{line-height:1.65;color:var(--c-text-body)}.page-article .art-ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.page-article .art-ul li{position:relative;padding-left:22px;line-height:1.6;color:var(--c-text-body)}.page-article .art-ul li:before{content:"";position:absolute;left:2px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--c-accent)}.page-article .art-note{padding:16px 18px;border-left:3px solid var(--c-accent);border-radius:0 var(--r-md) var(--r-md) 0;background:var(--c-accent-wash);color:var(--c-text-body);line-height:1.6}.page-article .art-tablewrap{overflow-x:auto}.page-article .art-table{width:100%;min-width:460px;border-collapse:collapse;font-size:15px}.page-article .art-table th,.page-article .art-table td{padding:11px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--c-border-soft)}.page-article .art-table thead th{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-faint);font-weight:600}.page-article .art-table tbody th{font-weight:600;color:var(--c-text)}.page-article .art-table tbody td{color:var(--c-text-muted)}.page-article .art-src{margin-top:40px;padding-top:22px;border-top:1px solid var(--c-border)}.page-article .art-src__h{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-text-faint);margin-bottom:12px}.page-article .art-src ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.page-article .art-src li{font-size:14px;line-height:1.5;color:var(--c-text-muted)}.page-article .art-src b{display:block;color:var(--c-text);font-weight:600}.page-article .art-cta{margin-top:40px}@media(min-width:640px){.page-article .arts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media(min-width:960px){.page-article .arts{grid-template-columns:repeat(3,minmax(0,1fr))}.page-article .art-levels{max-width:460px}}