.br-topline,.br-record-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0}.br-topline h2{font-size:clamp(25px,3vw,40px);margin:8px 0}.br-tabs{display:flex;gap:1px;background:#1f3948;overflow-x:auto;margin:25px 0}.br-tabs button{flex:1;min-width:160px;background:#101b28;color:white;padding:18px 15px;border:0;font:800 12px sans-serif;text-align:left;cursor:pointer}.br-tabs button.active{background:#e9ff00;color:#080b10}.br-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#304a58;margin-bottom:30px}.br-metrics>div{background:#101b28;padding:22px;color:white}.br-metrics span{font:10px monospace;display:block;line-height:1.6}.br-metrics strong{font-size:40px;color:#e9ff00;display:block;margin:10px 0}.br-metrics small{font-size:10px;color:#c5d7df}.br-panel{border:1px solid #cedbe0;background:white;padding:28px;margin:22px 0}.br-panel h3{font-size:30px;line-height:1.1;margin:0 0 18px}.br-panel h4{font-size:24px;line-height:1.2;margin:0}.br-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:25px 0}.br-field{display:flex;flex-direction:column;min-width:0;font-size:12px;font-weight:800;gap:8px}.br-field input,.br-field select,.br-field textarea{width:100%;min-width:0;border:1px solid #9dafb8;background:#f9fbfc;padding:12px;color:#101b28;border-radius:0;min-height:46px;font:14px sans-serif}.br-field textarea{min-height:100px;resize:vertical}.br-file{display:block;padding:20px;margin:25px 0;border:1px dashed #8099a7;font-size:12px;font-weight:800}.br-file input{display:block;max-width:100%;margin:15px 0}.br-file small{display:block;font-size:11px;line-height:1.7;font-weight:400}.br-boundary{font-size:12px;color:#426173;line-height:1.8;padding:22px;background:#edf3f5;margin:25px 0}.br-alert{padding:18px;background:#fff6d4;border-left:5px solid #ba8b00;color:#493800;font-size:13px;line-height:1.8}.br-message-preview{padding:50px 35px;margin:25px 0;min-height:200px;display:flex;flex-direction:column;justify-content:center;gap:25px;overflow-wrap:anywhere}.br-message-preview strong{font-size:clamp(26px,4vw,54px);line-height:1.1}.br-message-preview small{font-size:11px}.br-readability-results{display:grid;grid-template-columns:1fr 1fr;gap:20px}.br-readability-results>div{background:#101b28;color:white;padding:25px}.br-readability-results span{font:10px monospace}.br-readability-results strong{font-size:36px;display:block;color:#e9ff00;margin:15px 0}.br-readability-results p{font-size:12px;margin:0;color:#d4e3e8}.br-overview{display:grid;grid-template-columns:1.1fr 1fr;gap:30px}.br-overview h3{font-size:34px;line-height:1.1}.br-overview>section>.br-photo{position:relative;margin:30px 0}.br-photo img{width:100%;aspect-ratio:1.5;object-fit:cover}.br-photo span{position:absolute;bottom:0;left:0;right:0;background:#101b28db;color:#e9ff00;padding:18px;font:10px monospace}.br-flow button,[data-br-next-actions] button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;background:#101b28;color:white;border:0;border-bottom:1px solid #3d5463;cursor:pointer;text-align:left;font-size:14px;font-weight:800}.br-flow b,[data-br-next-actions] b{color:#e9ff00;font-size:24px}.br-methods{padding:25px;background:#edf3f5;line-height:1.8;margin-top:30px}.br-methods summary{font-weight:800;cursor:pointer}.br-methods a{font-size:13px;overflow-wrap:anywhere}.br-methods p{font-size:12px}@media(max-width:850px){.br-overview{grid-template-columns:1fr}.br-grid{grid-template-columns:1fr 1fr}.br-metrics strong{font-size:30px}}@media(max-width:650px){.br-topline,.br-record-head{display:block}.br-topline .button,.br-record-head .button{margin-top:15px}.br-metrics{grid-template-columns:1fr 1fr}.br-metrics>div{padding:17px}.br-metrics strong{font-size:29px}.br-panel{padding:22px 17px}.br-panel h3{font-size:25px}.br-grid{gap:15px}.br-field{font-size:11px}.br-field input,.br-field select,.br-field textarea{padding:10px;font-size:12px}.br-readability-results{grid-template-columns:1fr}.br-message-preview{padding:30px 22px}.br-tabs button{min-width:155px}.br-methods{padding:20px}.br-boundary{padding:18px;font-size:11px}}@media(max-width:370px){.br-grid{grid-template-columns:1fr}}@media print{.br-tabs,.br-topline button,.br-file,[data-br-action],.br-boundary{display:none}.br-panel{break-inside:avoid}.br-metrics,.br-readability-results>div{background:white;color:black}.br-metrics strong,.br-readability-results strong{color:black}}
