.bb{font:16px/1.5 system-ui,sans-serif;color:#223e3a;max-width:1060px;margin:auto;padding:24px;background:white}.bb *{box-sizing:border-box}.bb h1{font-size:clamp(28px,4vw,40px);line-height:1.15}.bb h2{font-size:20px;margin:24px 0 12px}.bb header>p:first-child{font-size:12px;letter-spacing:.12em;font-weight:700}.bb p,.bb figcaption,.bb small{color:#526963}.bb button,.bb input,.bb select{font:inherit;color:inherit;background:white;border:1px solid #9eb7ad;border-radius:9px;min-height:46px;padding:10px;max-width:100%}.bb button{cursor:pointer}.bb button:hover,.bb button[aria-pressed=true]{background:#dcece5}.bb button:disabled{opacity:.5;cursor:default}.bb :is(input,select,button):focus-visible{outline:3px solid #1c7968;outline-offset:3px}.bb input{width:100%;min-width:0}.bb-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0}.bb-toolbar span,.bb small,.bb figcaption{font-size:13px}.bb-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 20px}.bb-fields>label{display:grid;grid-row:span 3;grid-template-rows:subgrid;gap:8px;min-width:0}.bb-fields>label>span{font-weight:650}.bb-result{padding:24px;background:#f1f6f2;border:1px solid #cfddd4;border-radius:16px;margin:24px 0}.bb-answer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.bb-answer h2{margin:0;font-size:16px}.bb output{font-size:clamp(32px,5vw,46px);font-weight:750;font-variant-numeric:tabular-nums}.bb figure{margin:24px 0}.bb svg{display:block;width:100%;height:auto;background:#fff;border-radius:10px}.bb-compare{display:flex;flex-wrap:wrap;gap:10px}.bb-compare button{flex:1;min-width:110px}.bb-table{overflow:auto}.bb table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.bb th,.bb td{text-align:right;padding:10px 5px;border-bottom:1px solid #cfddd4;white-space:nowrap}.bb th:first-child,.bb td:first-child{text-align:left}.bb #bbError{padding:12px;background:#fff0e9;color:#963b22}.bb [aria-invalid=true]{border-color:#963b22}.bb [hidden]{display:none!important}@media(max-width:850px){.bb-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.bb{padding:16px}.bb-result{padding:14px}.bb-fields{gap:12px}.bb th,.bb td{font-size:13px}}@media print{.bb{max-width:none;padding:0;font-size:10pt}.bb form,.bb button,.bb-result~section,.bb header>p{display:none}.bb-result{background:white;padding:0;border:0}.bb svg{max-height:240px}.bb figure,.bb-answer{break-inside:avoid}.bb tr{break-inside:avoid}.bb thead{display:table-header-group}.bb-table{overflow:visible}}

.bb select{appearance:none;-webkit-appearance:none;padding-right:28px;min-height:46px}.bb-fields b{font-weight:inherit}

@media print{.bb .bb-screen-only,.bb #bbCompare{display:none!important}}

@media print{body:has(#boardBatten) *:not(:has(#boardBatten)):not(#boardBatten):not(#boardBatten *){display:none!important}body:has(#boardBatten),body:has(#boardBatten) *:has(#boardBatten){display:block!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;background:white!important;box-shadow:none!important;min-height:0!important}}