@layer components{.article-pro{border:1px solid var(--paper-200);border-top:3px solid var(--blue-700);background:var(--paper-100);color:var(--ink-950);grid-template-columns:minmax(0,1fr);gap:clamp(1.25rem,3vw,2.5rem);margin:2.5rem 0;padding:clamp(1.25rem,3vw,2.5rem);display:grid}.article-pro h2{text-wrap:balance;margin:.5rem 0 1rem;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.2}.article-pro p{line-height:1.65}.article-pro__price{color:var(--ink-700);font-size:.95rem}.article-pro__price strong{color:var(--blue-700);font-size:1.35rem}.article-pro ul{margin:1.25rem 0 1.5rem;padding-left:1.25rem}.article-pro li{margin:.65rem 0;padding-left:.25rem;line-height:1.55}.article-pro__actions{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.article-pro__actions a{overflow-wrap:anywhere;align-items:center;min-height:44px;font-weight:650;display:inline-flex}.article-pro__actions .article-pro__primary{background:var(--blue-700);color:#fff;border:1px solid var(--blue-700);padding:.75rem 1rem;line-height:1.4;text-decoration:none}.article-pro__actions .article-pro__primary:hover{background:var(--ink-950);border-color:var(--ink-950)}.article-pro a:focus-visible{outline:3px solid var(--ink-950);outline-offset:4px}@media (max-width:760px){.article-pro{grid-template-columns:minmax(0,1fr)}.article-pro__actions{flex-direction:column;align-items:stretch}.article-pro__primary{justify-content:center}}}