@font-face{font-family:B27 Sans;src:url(b27-font-regular.ttf) format('truetype');font-style:normal;font-weight:400 600;font-display:swap}
@font-face{font-family:B27 Sans;src:url(b27-font-light.ttf) format('truetype');font-style:normal;font-weight:300;font-display:swap}
body,button,input,textarea,select{font-family:'B27 Sans','Helvetica Neue',Arial,sans-serif!important;font-weight:400;font-synthesis:none}
body{letter-spacing:.005em}
.brandAiText{font-size:11px!important;font-weight:400!important;letter-spacing:.16em!important}
.centerMark span{font-family:'B27 Sans',sans-serif;font-weight:300!important;letter-spacing:-.035em;font-size:36px}
.b27-start-card h2,.introBubble strong{font-weight:300!important;font-size:25px!important;line-height:1.25;letter-spacing:-.025em}
.identityDescription,.b27-start-card p{font-weight:400!important;line-height:1.6!important}
.studyNav summary,.nav button,.quickBtn,.b27-start-action{font-weight:400!important}
.bubble{line-height:1.7;font-size:15px;font-weight:400}
.bubble p{overflow-wrap:anywhere}
.creditBox span,.validationCopy strong{font-weight:400!important}
.statsMini span{font-weight:400}
.testsHead h2,.helpCard h2,.baseDetailsHead h2{font-weight:300!important;font-size:28px!important;letter-spacing:-.025em}
.testsCard{padding:26px!important;width:min(800px,94vw)!important}
.testsHead p{font-size:13px!important;line-height:1.65!important}
.testsNumbers{gap:9px!important;margin:20px 0!important}
.testsNumbers>.testsMetric{position:relative;padding:12px!important;gap:5px!important;border-radius:12px!important;background:#fafbfc!important;cursor:pointer;outline-offset:3px}
.testsMetricIcon{height:20px!important}
.testsMetricIcon svg{width:19px!important;height:19px!important;stroke-width:1.25}
.testsNumbers small{font-size:11px!important;font-weight:400!important}
.testsNumbers strong{font-size:24px!important;font-weight:300!important;letter-spacing:-.01em!important}
.testsBody{gap:18px!important}
.testsBody h3{font-weight:400!important;font-size:14px!important;letter-spacing:.01em}
.testsRow{padding:13px 14px!important;gap:8px 12px!important;background:#fff!important}
.testsRow small{font-size:14px!important;line-height:1.65!important}
.testsRow strong{font-weight:400!important}
.testsRow .b27-review-tip{border:0;cursor:pointer;padding:5px 9px;border-radius:6px;font:inherit;font-size:11px;color:#53647c;background:#f0f3f8;display:inline-flex;align-items:center;gap:7px;grid-column:1;grid-row:2;width:fit-content}
.b27-review-tip svg{width:13px;height:13px;flex-shrink:0}
.testsReviewNote{font-size:11px;color:#667085;line-height:1.6;margin:13px 0 0}
.b27-tooltip{position:fixed;z-index:100010;max-width:min(280px,calc(100vw - 24px));padding:12px 14px;border:1px solid rgba(108,126,160,.2);border-radius:12px;background:#fff;color:#526175;box-shadow:0 8px 30px rgba(37,49,75,.12);font-family:'B27 Sans',sans-serif;font-size:12px;font-weight:400;line-height:1.6;pointer-events:none}
.b27-tooltip[hidden]{display:none}
.b27-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.b27-response-actions{display:flex;align-items:center;gap:5px;margin:10px 0 -3px;padding-top:8px;border-top:1px solid var(--line);opacity:1;visibility:visible}
.b27-response-action{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:9px;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;opacity:1;transition:color .16s ease,background .16s ease,transform .16s ease}
.b27-response-action svg{width:19px;height:19px;flex-shrink:0}
.b27-response-action:hover{color:var(--text);background:rgba(126,140,170,.07);transform:translateY(-1px)}
.b27-response-action:active{transform:translateY(0)}
.b27-response-action:focus-visible,.testsMetric:focus-visible,.b27-review-tip:focus-visible{outline:2px solid #81a7b0;outline-offset:3px}
.b27-response-action:disabled{opacity:.4;cursor:default}
@media(max-width:680px){.testsCard{padding:20px!important;width:100%!important}.testsHead h2{font-size:26px!important}.testsNumbers>.testsMetric{padding:11px 12px!important}.testsNumbers>.testsMetric:last-child{grid-template-columns:24px 1fr auto!important}.testsRow small{font-size:13px!important}.b27-start-card h2{font-size:23px!important}.b27-response-action{width:42px;height:42px;padding:11px}.b27-response-actions{gap:6px}}
@media(prefers-reduced-motion:reduce){.b27-response-action{transition:none;transform:none}}
@media print{.b27-response-actions,.b27-tooltip{display:none!important}}

/* Keep existing menus visible above the identity card when expanded. */
body .app .studyNav:has(.modeMenu[open]){overflow:visible!important;z-index:50!important}
.b27-response-action[data-action="copy"]{color:#618fa8}
.b27-response-action[data-action="pdf"]{color:#a86868}
.b27-response-action[data-action="print"]{color:#718292}
.b27-response-action:disabled:hover{background:transparent;transform:none}
.b27-actions-standby .bubble{background:transparent;box-shadow:none;border:0;padding-top:0;padding-bottom:0}
.b27-actions-standby .b27-response-actions{margin:0;padding:0;border:0}