/* design-lint-skip: TYPO-INTER Existing SEO Yolo brand uses Inter Tight. */
@font-face{font-family:'Behind The Nineties';src:url('/fonts/Behind-The-Nineties-Bd.otf') format('opentype');font-weight:700;font-display:swap}
:root{--cream:#FEFBF0;--ink:#1E1E1E;--yellow:#F7D147;--rule:#9a8f6e}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:18px/1.6 'Inter Tight',sans-serif}
.buyer-main{max-width:1200px;margin:auto;padding:56px 24px 88px}.buyer-main article{max-width:760px;min-width:0}.buyer-main .layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:72px}.buyer-main aside{font-size:16px}.buyer-main aside a{display:block;margin-bottom:16px}.buyer-main h1{font-family:'Behind The Nineties',serif;font-size:clamp(38px,4.5vw,64px);line-height:1.08;margin:0 0 24px}.buyer-main h2{font-family:'Behind The Nineties',serif;font-size:32px;line-height:1.2;margin:40px 0 16px}.buyer-main p{margin:0 0 24px}.buyer-main .lead{font-size:23px}.buyer-main a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.buyer-main a:hover{text-decoration-thickness:3px}.buyer-main .resource-list{list-style:none;padding:0}.buyer-main .resource-list li{border-top:1px solid var(--rule);padding:24px 0}.buyer-main .resource-list h2{margin:8px 0 16px}.buyer-main .resource-list span,.buyer-main .byline{font-size:15px}.buyer-main .byline{margin-bottom:32px}.buyer-main .next{border-top:1px solid var(--rule);padding-top:24px;margin-top:40px}.buyer-main label{display:block;font-size:16px;font-weight:600;margin-bottom:8px}.buyer-main input,.buyer-main select,.buyer-main textarea{font:inherit;color:var(--ink);background:#fffdf7;border:1px solid var(--ink);border-radius:0;padding:12px;width:100%;min-height:48px}.buyer-main textarea{font-size:16px;line-height:1.6;resize:vertical;margin-bottom:16px}.buyer-main button,.buyer-main .download{font:600 16px/1.4 'Inter Tight',sans-serif;padding:14px 24px;min-height:48px;cursor:pointer;border:1px solid var(--ink);background:var(--yellow);color:var(--ink);display:inline-block}.buyer-main button:hover,.buyer-main .download:hover{background:var(--ink);color:var(--cream)}.buyer-main button.secondary{background:transparent}.buyer-main button.secondary:hover{background:var(--ink);color:var(--cream)}.buyer-main .fields{display:grid;grid-template-columns:1fr;gap:24px;margin:24px 0}.buyer-main .field{min-width:0}.buyer-main .field small{display:block;font-size:14px;margin-top:8px}.buyer-main .error{font-size:15px;font-weight:600;margin:8px 0 0}.buyer-main [aria-invalid=true]{border-width:2px}.buyer-main .actions{display:flex;gap:16px;flex-wrap:wrap}.buyer-main .calculation{border-block:1px solid var(--ink);padding:24px 0;margin:32px 0}.buyer-main .results{margin:0}.buyer-main .results div{display:flex;justify-content:space-between;align-items:baseline;gap:24px;border-bottom:1px solid var(--rule);padding:16px 0}.buyer-main .results dt{font-size:16px;max-width:38ch}.buyer-main .results dd{font-size:26px;font-weight:600;margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0}.buyer-main fieldset{border:0;padding:0;margin:0}.buyer-main legend{font-size:22px;font-weight:600}.buyer-main .notice,.buyer-main #load-status,.buyer-main #form-status{font-size:15px;margin:16px 0}.buyer-main [hidden]{display:none!important}.skip{position:absolute;left:24px;top:-100px;z-index:200;background:var(--yellow);padding:12px}.skip:focus{top:8px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.buyer-main .crumbs{font-size:15px;margin-bottom:32px}.buyer-main .example{border-left:4px solid var(--yellow);padding-left:24px;margin:32px 0}
@media(max-width:820px){.buyer-main{padding-top:32px}.buyer-main .layout{display:flex;flex-direction:column;gap:24px}.buyer-main aside{order:2;border-top:1px solid var(--rule);padding-top:24px}.buyer-main h1{font-size:40px}.buyer-main h2{font-size:28px}.buyer-main .results div{flex-direction:column;gap:8px}.buyer-main .lead{font-size:21px}}@media print{header,footer,.buyer-main aside,.buyer-main button{display:none}.buyer-main .layout{display:block}.buyer-main textarea{height:1300px}.buyer-main{padding:0}}
