/* Buyer workspace: shared structure, each publication retains its own palette. */
:root{--ux-dark:#102e35;--ux-accent:var(--accent);--ux-line:#dbe5e3;--ux-muted:#576b71;--ux-paper:#fff;--ux-soft:#f3f7f6}
body.ux-page{background:var(--ux-soft);color:var(--ux-dark);font-family:Arial,Helvetica,sans-serif}.ux-wrap{max-width:1220px;margin:auto;padding:0 36px}.ux-page .masthead{background:#fff;border-bottom:1px solid var(--ux-line)}.ux-page .topbar{max-width:1220px}.ux-main{padding-bottom:90px}.ux-hero{padding:70px 0 42px;max-width:820px}.ux-eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:18px}.ux-hero h1{font-size:clamp(38px,5vw,66px);line-height:1.06;letter-spacing:-.055em;margin:0 0 22px;color:var(--ux-dark)}.ux-hero p{font-size:18px;line-height:1.65;max-width:710px;color:var(--ux-muted)}.ux-breadcrumb{font-size:13px;display:flex;gap:10px;padding-top:24px;color:var(--ux-muted)}.ux-breadcrumb a{color:inherit}.ux-pill{display:inline-flex;padding:7px 11px;background:#e4efeb;border-radius:30px;font-size:11px;font-weight:700;color:var(--ux-dark)}.ux-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ux-card{display:flex;flex-direction:column;padding:30px;background:var(--ux-paper);border:1px solid var(--ux-line);border-radius:18px;text-decoration:none!important;color:var(--ux-dark);transition:transform .2s,box-shadow .2s}.ux-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #14372c12}.ux-card>small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-weight:bold;margin:22px 0 12px}.ux-card h2,.ux-card h3{font-size:25px;line-height:1.2;letter-spacing:-.035em;margin:0 0 14px}.ux-card p{font-size:14px;line-height:1.7;color:var(--ux-muted);margin:0 0 25px}.ux-card .ux-open{margin-top:auto;font-size:13px;font-weight:bold;display:flex;justify-content:space-between}.ux-number{font-family:monospace;font-size:26px;color:var(--accent)}.ux-tool-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.8fr);gap:28px;align-items:start}.ux-inputs,.ux-method{background:white;border:1px solid var(--ux-line);border-radius:18px;padding:30px}.ux-inputs fieldset{border:0;padding:0;margin:0 0 30px;min-width:0}.ux-inputs legend{font-size:20px;font-weight:700;letter-spacing:-.03em;margin-bottom:18px}.ux-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ux-fields label{display:grid;gap:8px;font-size:12px;font-weight:700;line-height:1.4}.ux-fields label small{color:var(--ux-muted);font-size:11px;font-weight:400}.ux-fields input,.ux-fields select,.ux-fields textarea{width:100%;min-width:0;font:inherit;font-size:15px;padding:13px;border:1px solid #bccbc7;background:#fcfefd;border-radius:8px;color:var(--ux-dark)}.ux-fields textarea{min-height:95px;resize:vertical}.ux-span{grid-column:1/-1}.ux-result{position:sticky;top:24px;background:var(--ux-dark);color:white;border-radius:18px;padding:30px;overflow:hidden}.ux-result h2{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#d2ece4;margin:0 0 20px}.ux-big{font-size:clamp(34px,4vw,52px);line-height:1.1;letter-spacing:-.05em;font-weight:700;margin:0 0 12px}.ux-result p{font-size:13px;line-height:1.7;color:#d0dfdc}.ux-result dl{margin:28px 0 0}.ux-result dl>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff26;padding:15px 0;font-size:13px}.ux-result dd{margin:0;font-weight:700;text-align:right}.ux-bars{display:grid;gap:14px;margin:24px 0}.ux-bar-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:7px}.ux-track{height:8px;border-radius:10px;background:#ffffff19;overflow:hidden}.ux-fill{height:100%;background:#8bdec4;transition:width .2s}.ux-fill.alt{background:#90a5bf}.ux-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.ux-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;background:var(--accent);color:white!important;border:0;border-radius:8px;font-size:13px;font-weight:bold;cursor:pointer;text-decoration:none!important}.ux-button.secondary{background:#edf3f1;color:var(--ux-dark)!important;border:1px solid var(--ux-line)}.ux-result .ux-button{background:#daf4ea;color:#102e35!important}.ux-note{font-size:12px!important;line-height:1.7;color:var(--ux-muted);margin:18px 0}.ux-method{margin-top:28px}.ux-method h2{font-size:22px;margin:0 0 16px;letter-spacing:-.03em}.ux-method p,.ux-method li{font-size:14px;line-height:1.75;color:var(--ux-muted)}.ux-method details{border-top:1px solid var(--ux-line);padding:18px 0 0;margin-top:18px}.ux-method summary{font-size:14px;font-weight:700;cursor:pointer}.ux-table-scroll{overflow-x:auto}.ux-table{width:100%;border-collapse:collapse;font-size:13px}.ux-table th,.ux-table td{text-align:left;padding:14px;border-bottom:1px solid var(--ux-line)}.ux-table input{width:100%;min-width:90px;padding:10px;border:1px solid #bdccc7;border-radius:6px;font:inherit}.ux-table thead{background:var(--ux-soft)}.ux-table input[type=number]{max-width:140px}.ux-table label{font-size:12px}.ux-table tfoot{font-weight:bold}.ux-checks{display:grid;gap:12px}.ux-checks label{display:flex;align-items:start;gap:10px;font-size:14px;line-height:1.5}.ux-checks input{width:18px;height:18px;flex-shrink:0;accent-color:var(--accent)}.ux-status{font-size:12px;min-height:18px;margin:10px 0}.ux-errors{color:#b23a30;font-size:13px;line-height:1.5}.ux-subhead{margin:55px 0 24px;font-size:28px;letter-spacing:-.04em}.ux-divider{margin:45px 0;border:0;border-top:1px solid var(--ux-line)}.ux-tools-home{padding:50px 0!important}.ux-tools-home .ux-card{border-radius:16px}.ux-tools-home .ux-card h3{font-size:24px}.ux-tools-home .ux-grid{gap:18px}.ux-tools-home .ux-card p{font-size:14px!important}.ux-tools-home .ux-eyebrow{margin:0 0 12px}.ux-tools-home .ux-card a{color:inherit}.ux-mobile-toc{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px;font-size:13px}.ux-mobile-toc a{color:var(--accent)}
@media(max-width:850px){.ux-grid{grid-template-columns:1fr 1fr}.ux-tool-grid{grid-template-columns:1fr}.ux-result{position:static}.ux-hero{padding-top:45px}.ux-wrap{padding:0 24px}.ux-tools-home .ux-grid{grid-template-columns:1fr}.ux-tools-home .ux-card{padding:24px}}
@media(max-width:520px){.ux-wrap{padding:0 18px}.ux-grid,.ux-fields{grid-template-columns:1fr}.ux-hero h1{font-size:40px}.ux-inputs,.ux-method,.ux-result{padding:23px}.ux-span{grid-column:auto}.ux-hero p{font-size:16px}.ux-card{padding:25px}.ux-page .nav{gap:8px}}
@media(prefers-reduced-motion:reduce){.ux-card,.ux-fill{transition:none}.ux-card:hover{transform:none}}
@media print{.masthead,.brand-footer,.ux-actions,.ux-breadcrumb{display:none!important}.ux-tool-grid{display:block}.ux-result{position:static;color:#000;background:#fff;border:1px solid #aaa;margin-top:20px}.ux-result p,.ux-result h2{color:#333}.ux-main{padding:0}.ux-hero{padding:20px 0}.ux-result dd{color:#000}}