body.bt-uk [data-qdp-learn]{margin:24px 0;letter-spacing:0;color:var(--bt-body)}
body.bt-uk [data-qdp-learn] *,body.bt-uk [data-qdp-learn] *::before,body.bt-uk [data-qdp-learn] *::after{box-sizing:border-box}
body.bt-uk [data-qdp-learn] figure{margin:24px 0;padding:0;border:1px solid var(--bt-rule);border-radius:var(--bt-r-md);overflow:hidden;background:var(--bt-surface)}
body.bt-uk [data-qdp-learn] img{display:block;width:100%;height:auto;margin:0;background:var(--bt-surface)}
body.bt-uk [data-qdp-learn] figcaption{margin:0;padding:16px;font-family:var(--bt-font-body);font-size:14px;line-height:1.75;color:var(--bt-muted);background:var(--bt-soft)}
body.bt-uk [data-qdp-calculator]{padding:20px 16px;border:1px solid var(--bt-line);border-radius:var(--bt-r-md);background:var(--bt-soft)}
body.bt-uk [data-qdp-learn] p{font-size:16px;line-height:1.8}
body.bt-uk [data-qdp-learn] form{margin:20px 0 0}
body.bt-uk [data-qdp-learn] fieldset{min-width:0;margin:0;padding:0;border:0}
body.bt-uk [data-qdp-learn] legend{padding:0 0 12px;font-family:var(--bt-font-head);font-size:16px;line-height:1.5;font-weight:600;color:var(--bt-navy)}
body.bt-uk .qdp-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
body.bt-uk [data-qdp-learn] label{display:flex;min-width:0;flex-direction:column;gap:6px;font-family:var(--bt-font-body);font-size:15px;line-height:1.6;color:var(--bt-body)}
body.bt-uk [data-qdp-learn] :is(input,select){width:100%;min-width:0;min-height:48px;margin:0;padding:10px 12px;border:1px solid var(--bt-field-line);border-radius:var(--bt-r-sm);background:var(--bt-surface);color:var(--bt-ink);font-family:var(--bt-font-body);font-size:16px;line-height:1.5;caret-color:var(--bt-blue)}
body.bt-uk [data-qdp-learn] input{font-family:var(--bt-font-data);font-variant-numeric:tabular-nums}
body.bt-uk [data-qdp-learn] :is(input,select):hover{border-color:var(--bt-blue)}
body.bt-uk [data-qdp-learn] :is(input,select)[aria-invalid="true"]{border-color:var(--bt-red)}
body.bt-uk [data-qdp-learn] :is(input,select,button,a,summary):focus-visible{outline:2px solid var(--bt-ring);outline-offset:3px}
body.bt-uk .qdp-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
body.bt-uk [data-qdp-learn] button{min-height:48px;padding:10px 18px;border:1px solid var(--bt-blue);border-radius:var(--bt-r-sm);background:var(--bt-blue);color:var(--bt-on-dark);font-family:var(--bt-font-head);font-size:16px;font-weight:600;line-height:1.5;cursor:pointer}
body.bt-uk [data-qdp-learn] button:hover{border-color:var(--bt-blue-dark);background:var(--bt-blue-dark)}
body.bt-uk [data-qdp-learn] button[type="reset"]{background:var(--bt-surface);color:var(--bt-blue-dark)}
body.bt-uk [data-qdp-learn] button[type="reset"]:hover{background:var(--bt-blue-light)}
body.bt-uk [data-qdp-learn] button:active{transform:scale(.98)}
body.bt-uk [data-qdp-learn] :is(button,input,select):disabled{border-color:var(--bt-rule);background:var(--bt-rule);color:var(--bt-muted);cursor:not-allowed}
body.bt-uk [data-qdp-learn] [hidden]{display:none}
body.bt-uk .qdp-results{margin:24px 0 12px;border-top:1px solid var(--bt-line)}
body.bt-uk .qdp-results>div{display:grid;grid-template-columns:minmax(0,1fr);align-items:baseline;gap:6px;padding:14px 0;border-bottom:1px solid var(--bt-line)}
body.bt-uk .qdp-results dt{min-width:0;margin:0;font-size:15px;line-height:1.6}
body.bt-uk .qdp-results dd{min-width:0;margin:0;text-align:left;white-space:nowrap;font-family:var(--bt-font-data);font-size:21px;font-weight:600;line-height:1.5;color:var(--bt-navy)}
body.bt-uk .qdp-results output[data-sign="loss"]{color:var(--bt-red)}
body.bt-uk [data-qdp-error]{margin:16px 0;padding:12px;border:1px solid var(--bt-red);border-radius:var(--bt-r-sm);font-size:15px;line-height:1.75;color:var(--bt-red)}
body.bt-uk [data-qdp-learn] details{margin-top:20px;border-top:1px solid var(--bt-line)}
body.bt-uk [data-qdp-learn] summary{display:flex;align-items:center;min-height:48px;font-size:16px;line-height:1.6;font-weight:600;cursor:pointer;color:var(--bt-blue-dark)}
body.bt-uk [data-qdp-learn] summary:hover{color:var(--bt-blue)}
body.bt-uk [data-qdp-next] a{display:grid;gap:4px;min-height:48px;padding:16px 0;border-top:1px solid var(--bt-rule);text-decoration:none}
body.bt-uk [data-qdp-next] a:last-child{border-bottom:1px solid var(--bt-rule)}
body.bt-uk [data-qdp-next] a:hover{background:var(--bt-soft);color:var(--bt-blue-dark)}
body.bt-uk [data-qdp-next] a:active{background:var(--bt-blue-light)}
body.bt-uk [data-qdp-next] strong{font-family:var(--bt-font-head);font-size:17px;line-height:1.5;color:var(--bt-blue-dark)}
body.bt-uk [data-qdp-next] span{font-size:15px;line-height:1.75;color:var(--bt-body)}
@media(min-width:640px){body.bt-uk .qdp-fields{grid-template-columns:repeat(2,minmax(0,1fr))}body.bt-uk [data-qdp-calculator]{padding:24px}body.bt-uk .qdp-results>div{grid-template-columns:minmax(0,1fr) max-content;gap:12px}body.bt-uk .qdp-results dd{text-align:right}}
@media(prefers-reduced-motion:no-preference){body.bt-uk [data-qdp-learn] :is(button,input,select,a){transition:background-color .15s var(--bt-ease),border-color .15s var(--bt-ease)}}