/* Scoped to the cart and clover buying guides. No external dependencies. */
.site-header{position:static}.skip-link:not(:focus){opacity:0}.article-head-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.buy-check{margin:2rem 0;padding:1.25rem;background:#f4f3e9;border:1px solid var(--line);border-radius:12px;scroll-margin-top:1rem}
.buy-grid,.buy-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.buy-grid>section{min-width:0;background:white;border:1px solid var(--line);border-radius:8px;padding:1rem}.buy-grid h3{margin-top:0}
.buy-fields label{display:block;min-width:0;margin:.4rem 0;font:1rem/1.5 Arial,sans-serif}
.buy-fields input{box-sizing:border-box;display:block;width:100%;min-width:0;min-height:46px;margin:.3rem 0;padding:.6rem;background:#fff;border:1px solid #657466;border-radius:5px;color:#172b22;font:inherit}
.buy-check button{min-height:46px;padding:.7rem 1rem;margin-top:1rem;border:0;border-radius:5px;background:#254f38;color:white;font:1rem/1.5 Arial,sans-serif;cursor:pointer}
.buy-check :is(input,button):focus-visible{outline:3px solid #ba661d;outline-offset:3px}.buy-result{white-space:pre-line;border-left:4px solid #254f38;padding:1rem;background:white;margin:1rem 0}
.buy-formula{padding:1rem;border:1px solid var(--line);background:white}.buy-note{font-size:.95rem}
@media(max-width:640px){.buy-grid,.buy-fields{grid-template-columns:1fr}.buy-check{padding:1rem}.buy-check button{width:100%}}
@media print{.buy-check{background:white}.buy-grid>section,.buy-fields label{break-inside:avoid}.buy-check button{display:none}}