/* Source: docs/sites/dragonguardgroup/DESIGN.md, approved launch extension 2026-11-05. */
.dg-launch{--launch-blue:var(--color-primary,#0027a7);--launch-ink:var(--color-text,#202522);--launch-copy:var(--color-copy,#4b554c);--launch-panel:var(--color-panel,#f4f6f8);--launch-surface:var(--color-surface,#fff);color:var(--launch-ink);font-family:Manrope,"Source Han Sans SC",sans-serif;font-size:18px;font-weight:400;line-height:1.75;background:var(--launch-surface)}
.launch-wrap{width:min(100% - 64px,1240px);margin-inline:auto}
.dg-launch :is(p,ul,ol,dl,figure){margin-block:0 24px}
.dg-launch :is(a,button){font-family:inherit;font-weight:600}
.dg-launch :is(.h1,.h2,.h3) :is(a,button){font-weight:inherit}
.dg-launch :is(.h1,.h2,.h3).opacity-0{opacity:1;transform:none}
.dg-launch :is(a,button):focus-visible{outline:3px solid var(--color-accent,#1fb566);outline-offset:5px}
.dg-launch :is(img,video){max-width:100%;height:auto}
.launch-breadcrumbs{margin-block:0 28px;font-size:14px;line-height:1.6;color:var(--launch-copy)}
.launch-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;list-style:none;padding:0;margin:0}
.launch-breadcrumbs li{display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}
.launch-breadcrumbs a{color:inherit;text-decoration:none}
.launch-breadcrumbs a:hover{text-decoration:underline}
.launch-list-hero,.launch-resource-hero{padding-block:48px 56px;background:var(--launch-panel)}
.launch-list-hero .h1,.launch-resource-hero .h1{max-width:1040px;margin:0 0 24px}
.launch-intro{max-width:900px;color:var(--launch-copy);margin:0!important}
.launch-business-navigation{padding-block:24px;background:var(--launch-surface)}
.launch-business-navigation>.launch-wrap{display:flex;flex-wrap:wrap;gap:10px}
.launch-business-navigation a{display:inline-flex;align-items:center;padding:10px 20px;background:var(--launch-panel);color:var(--launch-ink);border-radius:4px;font-size:16px;line-height:1.5;text-decoration:none}
.launch-business-navigation a:hover,.launch-business-navigation a[aria-current=page]{color:#fff;background:var(--launch-blue)}
.launch-list-results{padding-block:32px 80px}
.launch-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;row-gap:48px}
.launch-card{min-width:0}
.launch-card-image{display:block;overflow:hidden;aspect-ratio:16/10;background:var(--launch-panel);border-radius:4px;margin-bottom:20px}
.launch-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.launch-card[data-resource=true] .launch-card-image img,.launch-card[data-schema=product] .launch-card-image img{object-fit:contain;padding:16px}
.launch-card .h3{margin-bottom:12px}
.launch-card .h3 a{color:var(--launch-ink);text-decoration:none}
.launch-card .h3 a:hover{color:var(--launch-blue)}
.launch-card>p{font-size:16px;line-height:1.7;margin:0;color:var(--launch-copy)}
.launch-card-meta{font-size:14px;line-height:1.6;margin:16px 0 0!important}
.launch-card-meta>div{display:grid;grid-template-columns:minmax(80px,1fr) 1fr;gap:16px;margin-top:8px}
.launch-card-meta dt{color:var(--launch-copy);font-weight:400}
.launch-card-meta dd{margin:0;text-align:right}
.launch-card-grid[data-resource=true] .launch-card{padding:24px;background:var(--launch-panel);border-radius:4px}
.launch-card-grid[data-resource=true] .launch-card-image{background:#fff}
.launch-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px;margin-top:56px;font-size:16px}
.launch-pagination a{color:var(--launch-blue)}
.launch-empty{padding-block:48px;max-width:720px}
.launch-empty a{color:var(--launch-blue)}
.launch-topic-hero{position:relative;isolation:isolate;min-height:520px;display:flex;align-items:center;background:var(--color-emphasis,#001771);color:#fff;overflow:hidden}
.launch-hero-media{position:absolute;inset:0;margin:0!important;z-index:-2}
.launch-hero-media img{display:block;width:100%;height:100%;object-fit:cover}
.launch-topic-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,17,75,.93) 0%,rgba(0,17,75,.87) 38%,rgba(0,17,75,.58) 70%,rgba(0,17,75,.4) 100%);z-index:-1}
.launch-topic-hero-copy{padding-block:48px 72px}
.launch-topic-hero .h1{max-width:960px;margin:0 0 28px;color:#fff}
.launch-topic-hero p{max-width:760px;color:#fff;margin-bottom:32px;line-height:1.75}
.launch-topic-hero .launch-breadcrumbs{color:#fff}
.launch-topic-hero[data-has-image=false]{min-height:360px}
.launch-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 26px;border:0;border-radius:9999px;background:var(--launch-blue);color:#fff;text-decoration:none;font-size:16px;font-weight:600;line-height:1.5;text-align:center}
.launch-button:hover{background:var(--color-emphasis,#001771);color:#fff}
.launch-button-light{background:#fff;color:var(--launch-blue)}
.launch-button-light:hover{background:var(--color-media,#eef1f5);color:var(--launch-blue)}
.dg-launch-body{color:var(--launch-copy);overflow-wrap:anywhere}
.dg-launch-body>section,.dg-launch-body>.launch-section{padding-block:72px;scroll-margin-top:110px}
.dg-launch-body>section>.launch-wrap:only-child{margin-inline:auto}
.dg-launch-body>section:not(:has(>.launch-wrap)),.dg-launch-body>.launch-section:not(:has(>.launch-wrap)){width:min(100% - 64px,1240px);margin-inline:auto}
.dg-launch-body>section.launch-section-panel{background:var(--launch-panel);width:auto}
.dg-launch-body .h2,.dg-launch-body .h3{color:var(--launch-ink)}
.dg-launch-body .h2{margin-bottom:24px}
.dg-launch-body .h3{margin-bottom:16px}
.dg-launch-body p{max-width:1000px}
.dg-launch-body ul,.dg-launch-body ol{padding-inline-start:24px}
.dg-launch-body li{padding-inline-start:4px;margin-block:8px}
.dg-launch-body a{color:var(--launch-blue);text-underline-offset:3px}
.launch-media-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:48px}
.launch-media-grid>*{min-width:0}
.launch-figure{margin:0!important}
.launch-figure img{display:block;width:100%;border-radius:4px}
.launch-figure figcaption,.dg-launch-body figcaption{font-size:14px;line-height:1.6;color:var(--color-muted,#5c655d);margin-top:12px}
.launch-step-grid,.launch-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.launch-step-grid>article,.launch-check-grid>article,.launch-check-grid>div{padding:24px;background:var(--launch-panel);border-radius:4px;min-width:0}
.launch-step-grid p,.launch-check-grid p{font-size:16px;margin-bottom:0}
.dg-launch-body img{display:block;border-radius:4px}
.dg-launch-body table{border-collapse:collapse;max-width:100%;width:100%;font-size:16px;line-height:1.6;margin-block:24px}
.dg-launch-body :is(th,td){text-align:left;padding:14px 16px;vertical-align:top;border-bottom:1px solid var(--color-border,#dce3ec);font-weight:400}
.dg-launch-body th{background:var(--launch-panel);color:var(--launch-ink);font-weight:500}
.launch-contact{padding-block:64px;background:var(--launch-blue);color:#fff}
.launch-contact-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px}
.launch-contact .h2{color:#fff;margin-bottom:20px}
.launch-contact p{color:#fff;max-width:850px;margin:0}
.launch-resource-title-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px}
.launch-resource-meta{display:flex;flex-wrap:wrap;gap:24px 48px;margin-top:32px!important;margin-bottom:0!important;font-size:16px}
.launch-resource-meta>div{min-width:120px}
.launch-resource-meta dt{color:var(--launch-copy);font-weight:400;font-size:14px;margin-bottom:4px}
.launch-resource-meta dd{margin:0;color:var(--launch-ink)}
.launch-resource-applicability{flex-basis:100%}
.launch-reading-layout{display:flex;gap:56px;align-items:flex-start;padding-block:64px 88px}
.launch-reading-body{flex:1;min-width:0}
.launch-reading-body>section,.launch-reading-body>.launch-section{padding:0 0 48px;width:auto!important}
.launch-reading-body h2,.launch-reading-body h3{scroll-margin-top:110px}
.launch-reading-body>.launch-wrap{width:auto}
.launch-reading-body>section>.launch-wrap,.launch-plain-body>section>.launch-wrap{width:100%}
.launch-toc{flex:0 0 230px;position:sticky;top:110px;font-size:14px;line-height:1.65}
.launch-toc p{color:var(--launch-ink);margin-bottom:16px}
.launch-toc ol{list-style:none;padding:0;margin:0}
.launch-toc li{margin-bottom:12px}
.launch-toc [data-level="3"]{padding-left:16px}
.launch-toc a{color:var(--launch-copy);text-decoration:none}
.launch-toc a:hover{color:var(--launch-blue);text-decoration:underline}
.launch-plain-body{max-width:1040px;padding-block:64px 88px}
.launch-plain-body>section{padding-block:0 40px!important;width:auto!important}
.launch-plain-body details{padding-block:20px}
.launch-plain-body summary{cursor:pointer;color:var(--launch-ink);padding:0;list-style:none}
.launch-plain-body summary::-webkit-details-marker{display:none}
.launch-plain-body summary .h3{margin-bottom:0}
.launch-plain-body details[open] summary{margin-bottom:20px}
.launch-plain-body details summary:focus-visible{outline:3px solid var(--color-accent,#1fb566);outline-offset:6px}
.launch-relations{background:var(--launch-surface)}
.launch-related-group{padding-block:64px 16px}
.launch-related-group:last-child{padding-bottom:80px}
.launch-related-group .h2{margin-bottom:32px}
.launch-related-group .launch-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1023px){.launch-card-grid,.launch-related-group .launch-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.launch-step-grid,.launch-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.launch-topic-hero{min-height:480px}.launch-contact-grid,.launch-resource-title-grid{grid-template-columns:minmax(0,1fr)}.launch-contact-grid>.launch-button,.launch-resource-title-grid>.launch-button{justify-self:start}.launch-reading-layout{gap:32px}.launch-toc{flex-basis:190px}}
@media(max-width:767px){.dg-launch{font-size:16px}.launch-wrap{width:calc(100% - 40px)}.launch-list-hero,.launch-resource-hero{padding-block:32px 40px}.launch-breadcrumbs{font-size:14px;margin-bottom:24px}.launch-list-hero .h1,.launch-resource-hero .h1{margin-bottom:20px}.launch-intro{font-size:16px}.launch-business-navigation{padding-block:20px}.launch-business-navigation>.launch-wrap{gap:8px}.launch-business-navigation a{padding:9px 14px;font-size:14px}.launch-list-results{padding-block:24px 48px}.launch-card-grid,.launch-related-group .launch-card-grid{grid-template-columns:minmax(0,1fr);gap:36px}.launch-card-image{margin-bottom:18px}.launch-card>p{font-size:16px}.launch-card-grid[data-resource=true] .launch-card{padding:20px}.launch-pagination{margin-top:36px;gap:16px}.launch-topic-hero{min-height:520px}.launch-topic-hero-copy{padding-block:32px 48px}.launch-topic-hero:before{background:linear-gradient(90deg,rgba(0,17,75,.92),rgba(0,17,75,.76))}.launch-hero-media img{object-position:85% center}.launch-topic-hero .h1{margin-bottom:24px}.launch-topic-hero p{margin-bottom:28px}.dg-launch-body>section,.dg-launch-body>.launch-section{padding-block:44px}.dg-launch-body>section:not(:has(>.launch-wrap)),.dg-launch-body>.launch-section:not(:has(>.launch-wrap)){width:calc(100% - 40px)}.launch-media-grid{grid-template-columns:minmax(0,1fr);gap:28px}.launch-step-grid,.launch-check-grid{grid-template-columns:minmax(0,1fr);gap:20px}.launch-step-grid>article,.launch-check-grid>article,.launch-check-grid>div{padding:20px}.dg-launch-body :is(th,td){padding:12px 10px}.launch-contact{padding-block:44px}.launch-contact-grid{gap:28px}.launch-resource-title-grid{gap:24px}.launch-resource-meta{gap:20px 28px;margin-top:28px!important}.launch-reading-layout{display:block;padding-block:40px 48px}.launch-toc{position:static;margin-bottom:40px}.launch-toc ol{display:flex;flex-wrap:wrap;gap:10px 18px}.launch-toc li{margin:0}.launch-toc [data-level="3"]{padding-left:0}.launch-plain-body{padding-block:40px 48px}.launch-related-group{padding-block:44px 8px}.launch-related-group:last-child{padding-bottom:48px}.launch-related-group .h2{margin-bottom:28px}.launch-resource-meta>div{min-width:100px}}
@media(prefers-reduced-motion:reduce){.dg-launch *, .dg-launch *:before,.dg-launch *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.launch-more-relations{margin-top:2rem}.launch-more-relations>summary{cursor:pointer;font-weight:600;color:var(--launch-blue,#133a9b);padding:.75rem 0;list-style:none}.launch-more-relations>summary::-webkit-details-marker{display:none}.launch-more-relations[open]>.launch-card-grid{margin-top:1rem}
