.article-main{inline-size:min(100%,58rem);margin-inline:auto}.article-main .guide-article{padding:clamp(1.15rem,4vw,3rem)}.article-main .guide-article h1{max-inline-size:24ch;font-size:clamp(2rem,6vw,3.9rem)}.article-meta{display:flex;gap:0.65rem;flex-wrap:wrap;margin:0.85rem 0 1.25rem;color:var(--guide-muted);font-size:0.9rem}.article-language{position:relative}.article-language summary{min-block-size:2.6rem;padding:0.62rem 0.95rem;border:0.0625rem solid rgba(24,59,71,0.2);border-radius:999px;color:var(--guide-ink);background:rgba(255,250,244,0.82);cursor:pointer;font-weight:750;list-style:none}.article-language summary::-webkit-details-marker{display:none}.article-language__links{position:absolute;z-index:3;inset-block-start:calc(100% + 0.5rem);inset-inline-end:0;display:grid;grid-template-columns:repeat(2,minmax(8rem,1fr));gap:0.25rem;inline-size:min(22rem,calc(100vw - 2rem));max-block-size:24rem;padding:0.6rem;overflow-y:auto;border:0.0625rem solid var(--guide-line);border-radius:var(--guide-radius);background:var(--guide-surface);box-shadow:var(--guide-shadow)}.article-language__links a{padding:0.55rem 0.65rem;border-radius:0.45rem;color:var(--guide-ink);font-size:0.9rem;text-decoration:none}.article-language__links a[aria-current="page"]{color:#fff;background:var(--guide-teal)}.article-conversion{margin-block-start:2rem;padding:clamp(1.1rem,3vw,1.6rem);border-radius:var(--guide-radius);color:#fff;background:linear-gradient(135deg,var(--guide-petrol),var(--guide-teal))}.article-conversion h2{margin-block-start:0;color:#fff}.article-conversion p{color:rgba(255,255,255,0.9)}.article-actions{display:flex;gap:0.7rem;flex-wrap:wrap;margin-block-start:1rem}.article-action{display:inline-flex;align-items:center;justify-content:center;min-block-size:2.8rem;padding:0.7rem 1rem;border-radius:999px;color:var(--guide-petrol);background:#fff;text-decoration:none}.article-sources{margin-block-start:1.75rem;padding-block-start:1rem;border-block-start:0.0625rem solid var(--guide-line);color:var(--guide-muted);font-size:0.88rem}.article-sources ul{margin-block-end:0}.article-hub-grid{grid-template-columns:minmax(0,1fr)}@media (max-width:38rem){.article-language{inline-size:100%}.article-language summary{inline-size:100%;text-align:center}.article-language__links{position:static;grid-template-columns:1fr;inline-size:100%;margin-block-start:0.5rem}.article-action{inline-size:100%}}