/* Shared styles for workflow guides, direct answers and discovery links. */
.skip-link{position:fixed;left:16px;top:-100px;z-index:200;background:#fff;color:#174ea6;padding:12px 18px;border:2px solid #1a73e8;border-radius:8px;font:500 15px Roboto,Arial,sans-serif}
.skip-link:focus{top:12px}
a:focus-visible,summary:focus-visible{outline:3px solid #1a73e8;outline-offset:5px}
.resource-section>p{max-width:700px;color:#5f6368;font-size:17px;line-height:1.75}
.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
.resource-card{display:flex;flex-direction:column;gap:12px;padding:28px;border:1px solid #dce6f3;border-radius:18px;background:#fff;color:#202124;text-decoration:none;transition:border-color .2s,background .2s}
.resource-card:hover{border-color:#9bbfee;background:#f8fbff}
.resource-kind{font:600 10px Roboto,Arial,sans-serif;letter-spacing:.12em;color:#1a73e8}
.resource-card h3{font:500 24px/1.3 Roboto,Arial,sans-serif;margin:0;letter-spacing:-.02em}
.resource-card p{font:400 15px/1.75 Roboto,Arial,sans-serif;color:#5f6368;margin:0 0 12px}
.resource-read{margin-top:auto;color:#1a73e8;font:500 14px Roboto,Arial,sans-serif}
.quick-answers details{border-bottom:1px solid #dde5f0;padding:22px 0;max-width:900px}
.quick-answers summary{font:500 19px/1.5 Roboto,Arial,sans-serif;color:#202124;cursor:pointer;padding-right:10px}
.quick-answers details p{font:400 16px/1.8 Roboto,Arial,sans-serif;color:#5f6368;max-width:800px;margin:14px 0 0}
.text-link{display:inline-block;margin-top:25px;color:#1a73e8;font-weight:500;text-underline-offset:4px}
.content-page{background:#fff;color:#202124;font-family:Roboto,Arial,sans-serif}
.content-main{max-width:1050px;margin:0 auto;padding:122px 32px 65px}
.content-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;color:#5f6368;font-size:13px;line-height:1.6;margin-bottom:48px}
.content-breadcrumb a{color:#1a73e8;text-underline-offset:3px}
.content-heading{max-width:840px;margin:0 0 48px}
.content-heading h1{font:500 clamp(38px,5vw,62px)/1.12 Roboto,Arial,sans-serif;letter-spacing:-.04em;color:#202124;margin:20px 0 24px;overflow-wrap:anywhere}
.content-summary{font:400 21px/1.65 Roboto,Arial,sans-serif;color:#3c4043}
.content-byline{font-size:13px!important;color:#5f6368!important;margin-top:25px!important}
.content-article{max-width:840px}
.content-article section{margin:45px 0}
.content-article h2,.content-related h2,.content-contact h2{font:500 28px/1.3 Roboto,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 18px;color:#202124}
.content-article p,.content-article li{font-size:17px;line-height:1.85;color:#3c4043;overflow-wrap:anywhere}
.content-article p{margin:16px 0}
.content-article ul,.content-article ol{padding-left:24px}
.content-article li{padding-left:5px;margin:13px 0}
.content-article a,.content-status a{color:#1a73e8;text-underline-offset:3px}
.content-lifecycle{padding:20px;border-left:3px solid #1a73e8;background:#f8faff;font-size:16px!important}
.content-table-wrap{overflow:auto;border:1px solid #dce6f3;border-radius:12px}
.content-table-wrap table{width:100%;border-collapse:collapse;min-width:560px;font-size:15px;line-height:1.6}
.content-table-wrap th,.content-table-wrap td{padding:16px;text-align:left;vertical-align:top;border-bottom:1px solid #e2e9f2}
.content-table-wrap th{font-weight:500;background:#f7faff}
.content-table-wrap caption{text-align:left;font-weight:500;padding:16px;color:#3c4043}
.content-status{padding:22px 25px;border:1px solid #dce6f3;border-radius:14px;background:#f8faff;margin:40px 0}
.content-status strong{font-size:15px;font-weight:500;color:#174ea6}
.content-status p{font-size:15px!important;margin:9px 0 0!important}
.content-faq .faq-answer{padding:28px 0;border-bottom:1px solid #dce6f3}
.content-faq .faq-answer:first-child{padding-top:0}
.content-page .content-main>.content-related{max-width:100%!important;width:100%!important;margin:45px 0!important;padding:30px 0!important;border-top:1px solid #dce6f3}
.content-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.content-related a{display:block;border:1px solid #dce6f3;border-radius:14px;padding:20px;text-decoration:none;color:#1a73e8;font:500 16px/1.5 Roboto,Arial,sans-serif}
.content-page .content-main>.content-contact{width:100%!important;max-width:100%!important;padding:30px!important;margin:0!important;border-radius:18px;background:#f6f9fe}
.content-contact p{color:#5f6368;line-height:1.7;margin:0 0 20px}
.content-footer{padding:28px max(24px,calc((100vw - 986px)/2));gap:20px;display:flex;justify-content:space-between;flex-wrap:wrap;border-top:1px solid #e2e9f2;color:#5f6368;font-size:13px}
.content-footer nav{display:flex;gap:20px;flex-wrap:wrap}
.content-footer a{color:#1a73e8;text-underline-offset:3px}
@media(max-width:720px){
 .resource-grid{grid-template-columns:1fr}
 .resource-card{padding:23px}
 .resource-card h3{font-size:22px}
 .quick-answers summary{font-size:17px}
 .content-main{padding:100px 22px 45px}
 .content-breadcrumb{margin-bottom:34px;font-size:12px}
 .content-summary{font-size:18px}
 .content-article h2,.content-related h2,.content-contact h2{font-size:24px}
 .content-article p,.content-article li{font-size:16px;line-height:1.8}
 .content-related>div{grid-template-columns:1fr}
 .content-page .content-main>.content-contact{padding:24px!important}
}
@media(prefers-reduced-motion:reduce){.resource-card{transition:none}}

/* OrchString visual identity: uploaded blue-and-gold mark and black/blue wordmark. */
.site-header a.brand{gap:9px;align-items:center}
.brand-logo-mark{display:block;width:41px;height:36px;object-fit:contain;flex:0 0 auto}
.brand-orch,.os-brand-orch{color:#000000 !important;-webkit-text-fill-color:#000000 !important}
.brand-string,.os-brand-string{color:#1a73e8 !important;-webkit-text-fill-color:#1a73e8 !important}
.os-brand-name{white-space:nowrap}
.hero h1 .hero-brand-name .os-brand-orch,.intro h2 .intro-brand-heading .os-brand-orch{color:#000 !important;-webkit-text-fill-color:#000 !important}
.hero h1 .hero-brand-name .os-brand-string,.intro h2 .intro-brand-heading .os-brand-string{color:#1a73e8 !important;-webkit-text-fill-color:#1a73e8 !important}
.primary .os-brand-name,.nav-sales .os-brand-name{background:#fff;border-radius:3px;padding:0 .15em}
@media(max-width:650px){.brand-logo-mark{width:32px;height:30px}.site-header a.brand{gap:7px}}