/*
GearCheckpoint RTT Roadmap Components
Staging only
*/

body.gc-rtt-page-type-roadmap .wp-block-post-title{display:none}
body.gc-rtt-page-type-roadmap .wp-block-post-content{max-width:none}
body.gc-rtt-page-type-roadmap .gc-rtt-roadmap-template{
width:min(1180px,calc(100% - 40px));margin:auto;padding:28px 0 72px;
color:var(--gc-rtt-text)
}
body.gc-rtt-page-type-roadmap .gc-rtt-staging-fixture-notice{
display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 24px;padding:13px 16px;
border:1px solid rgba(255,176,0,.38);border-radius:14px;
background:rgba(255,176,0,.08);color:var(--gc-rtt-muted);font-size:.86rem
}
body.gc-rtt-page-type-roadmap .gc-rtt-staging-fixture-notice strong{
color:var(--gc-rtt-accent);letter-spacing:.08em
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-hero{
padding:clamp(34px,6vw,72px);border:1px solid var(--gc-rtt-border);
border-radius:28px;background:
radial-gradient(circle at 88% 15%,rgba(85,214,232,.18),transparent 32%),
radial-gradient(circle at 10% 90%,rgba(255,176,0,.15),transparent 35%),
linear-gradient(145deg,var(--gc-rtt-panel-strong),var(--gc-rtt-panel));
box-shadow:var(--gc-rtt-shadow)
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-kicker{
margin:0 0 14px;color:var(--gc-rtt-cyan);font-size:.78rem;font-weight:800;
letter-spacing:.14em;text-transform:uppercase
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-title{
max-width:900px;margin:0;color:var(--gc-rtt-text);
font-size:clamp(2.25rem,6vw,4.8rem);line-height:.98;letter-spacing:-.045em
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-intro{
max-width:820px;margin:22px 0 0;color:var(--gc-rtt-muted);
font-size:clamp(1.02rem,2vw,1.25rem);line-height:1.72
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-hero-meta{
display:flex;flex-wrap:wrap;gap:10px;margin-top:28px
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-hero-meta span{
padding:8px 12px;border:1px solid var(--gc-rtt-border);border-radius:999px;
background:rgba(7,17,31,.56);font-size:.82rem;font-weight:700
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-section{
margin-top:clamp(44px,7vw,82px)
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-section-head{
margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--gc-rtt-border)
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-section-title{
margin:0;font-size:clamp(1.65rem,3vw,2.55rem);letter-spacing:-.025em
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-grid{display:grid;gap:18px}
body.gc-rtt-page-type-roadmap .gc-rtt-template-phase-grid,
body.gc-rtt-page-type-roadmap .gc-rtt-template-drill-grid{
grid-template-columns:repeat(2,minmax(0,1fr))
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-card{
padding:clamp(22px,4vw,34px);border:1px solid var(--gc-rtt-border);
border-radius:20px;background:linear-gradient(145deg,
rgba(19,36,58,.96),rgba(14,27,44,.96));
box-shadow:0 18px 46px rgba(0,0,0,.18)
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-card p,
body.gc-rtt-page-type-roadmap .gc-rtt-template-card li,
body.gc-rtt-page-type-roadmap .gc-rtt-template-callout p{
color:var(--gc-rtt-muted);line-height:1.72
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-card-title{
margin:0 0 14px;font-size:1.18rem;line-height:1.28
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-phase{
display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-number{
display:grid;width:42px;height:42px;place-items:center;border-radius:13px;
background:var(--gc-rtt-accent);color:#07111f;font-weight:900
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-evidence{
border-color:rgba(85,214,232,.34)
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-checklist ul,
body.gc-rtt-page-type-roadmap .gc-rtt-template-source-ledger ul,
body.gc-rtt-page-type-roadmap .gc-rtt-template-review-controls ul{
display:grid;gap:12px;margin:0;padding:0;list-style:none
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-checklist li,
body.gc-rtt-page-type-roadmap .gc-rtt-template-source-ledger li,
body.gc-rtt-page-type-roadmap .gc-rtt-template-review-controls li{
position:relative;padding-left:30px
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-checklist li:before,
body.gc-rtt-page-type-roadmap .gc-rtt-template-source-ledger li:before,
body.gc-rtt-page-type-roadmap .gc-rtt-template-review-controls li:before{
content:"";position:absolute;top:.58em;left:2px;width:10px;height:10px;
border-radius:50%;background:var(--gc-rtt-cyan)
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-timeline{
position:relative;display:grid;gap:16px
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-timeline-item{
display:grid;grid-template-columns:18px 1fr;gap:18px
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-timeline-marker{
width:14px;height:14px;margin-top:6px;border-radius:50%;
background:var(--gc-rtt-cyan)
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-callout{
padding:clamp(26px,5vw,46px);border:1px solid rgba(255,176,0,.4);
border-radius:22px;background:linear-gradient(145deg,
rgba(42,33,14,.96),rgba(14,27,44,.98))
}
@media(max-width:800px){
body.gc-rtt-page-type-roadmap .gc-rtt-roadmap-template{
width:min(100% - 24px,1180px);padding-top:18px
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-hero{
padding:28px 22px;border-radius:22px
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-phase-grid,
body.gc-rtt-page-type-roadmap .gc-rtt-template-drill-grid{
grid-template-columns:1fr
}
body.gc-rtt-page-type-roadmap .gc-rtt-template-card{padding:22px 18px}
body.gc-rtt-page-type-roadmap .gc-rtt-template-phase{
grid-template-columns:38px 1fr;gap:14px
}
}

/*
RTT roadmap formatting correction 1.1
Owner review issue:
- roadmap constrained to 645px
- timeline text column collapsed
*/

body.gc-rtt-page-type-roadmap
.wp-block-post-content
> .gc-rtt-roadmap-template,
body.gc-rtt-page-type-roadmap
.gc-rtt-roadmap-template {
    width: min(1180px, calc(100% - 40px)) !important;
    max-width: 1180px !important;
    min-width: 0;
}

body.gc-rtt-page-type-roadmap
.gc-rtt-template-card {
    min-width: 0;
    max-width: none;
}

body.gc-rtt-page-type-roadmap
.gc-rtt-template-timeline-item {
    width: 100%;
    min-width: 0;
    max-width: none !important;
    grid-template-columns:
        18px minmax(0, 1fr) !important;
    justify-items: stretch;
}

body.gc-rtt-page-type-roadmap
.gc-rtt-template-timeline-content {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    justify-self: stretch;
}

body.gc-rtt-page-type-roadmap
.gc-rtt-template-timeline-content
> * {
    width: auto !important;
    min-width: 0;
    max-width: none !important;
}

/*
Optional roadmap media contract.
These selectors render only when media is added to content.
No empty placeholders are generated.
*/

body.gc-rtt-page-type-roadmap
.gc-rtt-template-media {
    margin: 24px 0;
}

body.gc-rtt-page-type-roadmap
.gc-rtt-template-hero-media {
    margin-top: 30px;
}

body.gc-rtt-page-type-roadmap
.gc-rtt-template-section-figure {
    margin: 0 0 26px;
}

body.gc-rtt-page-type-roadmap
.gc-rtt-template-card-media {
    margin: 0 0 20px;
}

body.gc-rtt-page-type-roadmap
.gc-rtt-template-media img,
body.gc-rtt-page-type-roadmap
.gc-rtt-template-hero-media img,
body.gc-rtt-page-type-roadmap
.gc-rtt-template-section-figure img,
body.gc-rtt-page-type-roadmap
.gc-rtt-template-card-media img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid var(--gc-rtt-border);
    border-radius: 16px;
    object-fit: cover;
}

body.gc-rtt-page-type-roadmap
.gc-rtt-template-media figcaption,
body.gc-rtt-page-type-roadmap
.gc-rtt-template-hero-media figcaption,
body.gc-rtt-page-type-roadmap
.gc-rtt-template-section-figure figcaption,
body.gc-rtt-page-type-roadmap
.gc-rtt-template-card-media figcaption {
    margin-top: 10px;
    color: var(--gc-rtt-muted);
    font-size: 0.84rem;
    line-height: 1.5;
}

@media (max-width: 800px) {
    body.gc-rtt-page-type-roadmap
    .wp-block-post-content
    > .gc-rtt-roadmap-template,
    body.gc-rtt-page-type-roadmap
    .gc-rtt-roadmap-template {
        width: calc(100% - 24px) !important;
        max-width: none !important;
    }

    body.gc-rtt-page-type-roadmap
    .gc-rtt-template-timeline-item {
        grid-template-columns:
            14px minmax(0, 1fr) !important;
        gap: 14px;
    }
}