/* Scoped, responsive interfaces for the three local browser tools. */
.browser-tool-page .tool-intro{max-width:850px;padding:42px 0 28px}
.browser-tool-page .tool-intro h1{max-width:900px;font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.12;margin:22px 0 18px}
.browser-tool-page .tool-intro .lede{font-size:1.13rem;max-width:760px}
.browser-tool-page .tool-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.75fr);gap:38px;align-items:start;padding-bottom:48px}
.browser-tool-page .tool-workspace{border:1px solid #a8bdc5;border-top:4px solid #0b6078;padding:28px;background:#fff;min-width:0;border-radius:3px}
.browser-tool-page .tool-workspace h2{font-size:1.45rem;margin:0 0 10px}
.browser-tool-page .tool-workspace p{line-height:1.65}
.browser-tool-page .tool-workspace label,.browser-tool-page .tool-workspace legend{font-weight:650}
.browser-tool-page textarea{display:block;box-sizing:border-box;width:100%;min-height:235px;resize:vertical;background:#f8fbfc;border:1px solid #78929d;border-radius:3px;padding:14px;font:400 1rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;margin-top:10px;color:#151719;overflow-wrap:anywhere}
.browser-tool-page .input-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.87rem;color:#425862;margin:8px 0 20px}
.browser-tool-page .tool-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.browser-tool-page button{min-height:46px;cursor:pointer;font:inherit}
.browser-tool-page .tool-actions .button{border:1px solid #0b6078;padding:11px 17px;border-radius:3px;white-space:normal}
.browser-tool-page .tool-actions .secondary{color:#0b6078;background:#fff}
.browser-tool-page .tool-clear{border:0;background:transparent;color:#0b6078;text-decoration:underline;padding:10px}
.browser-tool-page .tool-error{color:#972f25;font-weight:650;margin:16px 0 0}
.browser-tool-page .tool-error:empty{display:none}
.browser-tool-page .tool-result{margin-top:26px;border-top:2px solid #0b6078;padding-top:24px;overflow-wrap:anywhere;scroll-margin-top:100px}
.browser-tool-page .tool-result h2{font-size:1.7rem;margin:0 0 16px}
.browser-tool-page .tool-result h3{font-size:1.15rem;margin:24px 0 10px}
.browser-tool-page .tool-result li{line-height:1.6;margin-bottom:9px}
.browser-tool-page .tool-result ul,.browser-tool-page .tool-result ol{padding-left:23px}
.browser-tool-page .result-callout{background:#edf5f7;border-left:3px solid #0b6078;padding:13px 16px}
.browser-tool-page .result-label,.browser-tool-page .result-owner{font-weight:650;color:#243d48}
.browser-tool-page .result-note{font-size:.91rem;color:#425862}
.browser-tool-page .finding{border-bottom:1px solid #d5e0e5;padding-bottom:22px;margin-bottom:24px}
.browser-tool-page .identity-list{display:grid;grid-template-columns:1fr 1.6fr;gap:10px 18px;margin:20px 0}
.browser-tool-page .identity-list dt{font-weight:650}
.browser-tool-page .identity-list dd{margin:0;overflow-wrap:anywhere}
.browser-tool-page select{display:block;width:100%;box-sizing:border-box;font:inherit;color:#151719;background:#fff;border:1px solid #78929d;padding:12px;min-height:46px;margin-top:9px;border-radius:3px}
.browser-tool-page .auth-finding{padding:15px 0;border-bottom:1px solid #d5e0e5}
.browser-tool-page .auth-finding p{margin:6px 0}
.browser-tool-page .route-details{margin:22px 0}
.browser-tool-page .route-details summary{font-weight:650;cursor:pointer;padding:12px 0;min-height:44px}
.browser-tool-page .tool-aside{font-size:.96rem;line-height:1.65;min-width:0}
.browser-tool-page .tool-aside h2{font-size:1.1rem;margin:0 0 12px}
.browser-tool-page .tool-aside section+section{margin-top:28px}
.browser-tool-page .tool-aside ul{padding-left:19px}
.browser-tool-page .tool-aside li{margin-bottom:10px}
.browser-tool-page .tool-aside a{overflow-wrap:anywhere}
.browser-tool-page .tool-seo{max-width:810px;padding-bottom:60px;line-height:1.75}
.browser-tool-page .tool-seo h2{font-size:1.6rem;margin:36px 0 14px}
.browser-tool-page .tool-seo h3{font-size:1.15rem;margin:24px 0 10px}
.browser-tool-page .tool-seo details{border-bottom:1px solid #d5e0e5;padding:14px 0}
.browser-tool-page .tool-seo summary{font-weight:650;cursor:pointer;min-height:44px;display:list-item}
.browser-tool-page .tool-seo details p{margin:10px 0}
.browser-tool-page fieldset{padding:0;border:0;margin:0;min-width:0}
.browser-tool-page #flow-progress{font-size:.9rem;font-weight:650;color:#0b6078;margin:12px 0 16px}
.browser-tool-page #flow-questions legend{font-size:1.3rem;margin:0 0 18px}
.browser-tool-page .choice{display:flex;gap:13px;align-items:start;border:1px solid #b5c8cf;border-radius:3px;padding:16px;margin-bottom:12px;cursor:pointer;min-height:65px;line-height:1.5}
.browser-tool-page .choice:has(input:checked){border:2px solid #0b6078;padding:15px;background:#edf5f7}
.browser-tool-page .choice>span>span{display:block;font-size:.91rem;font-weight:400;color:#425862;margin-top:4px}
.browser-tool-page input[type=radio],.browser-tool-page input[type=checkbox]{width:20px;height:20px;min-width:20px;accent-color:#0b6078;margin:3px 0 0}
.browser-tool-page .next-checklist{margin:28px 0;border-top:1px solid #d5e0e5;padding-top:22px}
.browser-tool-page .next-checklist legend{font-size:1.1rem;margin-bottom:14px}
.browser-tool-page .next-checklist label{display:flex;gap:12px;align-items:start;margin-bottom:12px;font-weight:400;cursor:pointer;min-height:44px}
.browser-tool-page .tool-actions.flow-controls{margin-top:22px}
.browser-tool-page :is(button,a,input,textarea,select,summary):focus-visible{outline:3px solid #bb6d0b;outline-offset:4px}
.browser-tool-page [hidden]{display:none!important}
.browser-tool-page .tool-related-list{list-style:none;padding:0;display:grid;gap:10px}
.browser-tool-page .tool-related-list a{display:block;padding:8px 0;min-height:44px}
.browser-tool-page .tool-privacy{font-size:.9rem;color:#425862;margin-top:18px}
.browser-tool-page .tool-privacy strong{color:#243d48}
.browser-tool-links{margin:24px 0;padding:22px 0;border-top:1px solid #d5e0e5;border-bottom:1px solid #d5e0e5}
.browser-tool-links h2{font-size:1.35rem!important;margin-top:0!important}
.browser-tool-links li{margin-bottom:9px}
.browser-tool-links.browser-tool-promo{display:flex;align-items:center;gap:32px;flex-wrap:wrap;box-sizing:border-box;padding:clamp(22px,3vw,36px);margin:30px 0;background:#eaf4f6;border:0;border-left:5px solid #0b6078;color:#151719;border-radius:3px}
.browser-tool-promo .browser-tool-link-copy{flex:1 1 330px;min-width:0}
.browser-tool-promo h2{font-size:clamp(1.5rem,2.4vw,1.95rem)!important;line-height:1.25;margin:0 0 12px!important;color:#123a48}
.browser-tool-promo .browser-tool-link-copy p{font-size:1.04rem;line-height:1.65;margin:0;max-width:680px}
.browser-tool-promo .browser-tool-link-action{flex:0 1 260px;min-width:0}
.browser-tool-promo a.browser-tool-cta{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:50px;width:100%;background:#0b6078;color:#fff;border:1px solid #0b6078;border-radius:3px;padding:13px 18px;text-align:center;text-decoration:none;font-size:1rem;font-weight:650;line-height:1.4;white-space:normal}
.browser-tool-promo a.browser-tool-cta:hover{background:#084b60;border-color:#084b60}
.browser-tool-promo a.browser-tool-cta:focus-visible{outline:3px solid #bb6d0b;outline-offset:4px}
.browser-tool-promo .browser-tool-link-note{font-size:.87rem;line-height:1.55;margin:10px 0 0;color:#365462}
@media(max-width:640px){.browser-tool-links.browser-tool-promo{gap:20px;padding:23px 19px;border-left-width:4px}.browser-tool-promo .browser-tool-link-copy,.browser-tool-promo .browser-tool-link-action{flex:1 1 100%}.browser-tool-promo .browser-tool-link-note br{display:none}.browser-tool-promo .browser-tool-link-note{text-align:center}.browser-tool-promo .browser-tool-link-note br::after{content:' '}}

@media(max-width:850px){.browser-tool-page .tool-layout{grid-template-columns:1fr;gap:30px}.browser-tool-page .tool-aside{display:grid;grid-template-columns:1fr 1fr;gap:25px}.browser-tool-page .tool-aside section+section{margin:0}.browser-tool-page .tool-intro{padding-top:28px}}
@media(max-width:540px){.browser-tool-page .tool-workspace{padding:19px 15px}.browser-tool-page .tool-aside{display:block}.browser-tool-page .tool-aside section+section{margin-top:22px}.browser-tool-page .identity-list{grid-template-columns:1fr;gap:5px}.browser-tool-page .identity-list dd{margin-bottom:12px}.browser-tool-page .tool-actions .button{flex:1 1 140px;text-align:center}.browser-tool-page .tool-intro h1{font-size:2.1rem}.browser-tool-page textarea{min-height:220px}.browser-tool-page .tool-layout{gap:22px}.browser-tool-page .tool-seo h2{font-size:1.4rem}.browser-tool-page .choice{padding:14px 12px}.browser-tool-page .choice:has(input:checked){padding:13px 11px}}
@media(prefers-reduced-motion:reduce){.browser-tool-page *{scroll-behavior:auto!important}}
