.manual-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:64px;align-items:center;padding:60px 0 76px}.manual-hero>div>p:first-child{color:var(--grey-600);font-size:14px;margin-bottom:24px}.manual-hero h1{font-weight:700;font-size:clamp(44px,5.2vw,72px);line-height:1.04;letter-spacing:-.025em;margin-bottom:28px}.manual-lead{font-size:18px;line-height:1.6;max-width:430px}.manual-hero-link{display:inline-flex;gap:24px;align-items:center;min-height:48px;color:var(--primary-main);font-weight:600;text-underline-offset:5px}.manual-hero-sample{padding:28px 32px;background:var(--light-blue);border-radius:24px;transform:rotate(-2deg)}.manual-hero-sample>span{display:block;font-size:13px;color:var(--primary-main)}.manual-hero-sample>span:last-child{text-align:right;margin-top:18px}.manual-sheet{margin-top:18px;padding:28px;background:var(--white);border:1px solid var(--grey-200);border-radius:12px;transform:rotate(2deg)}.manual-sheet>span{font-size:12px;color:var(--grey-600)}.manual-sheet>strong{display:block;font:700 29px/1.15 var(--font-display);letter-spacing:-.025em;color:var(--primary-main);margin-top:20px}.sample-data{display:flex;gap:36px;margin:36px 0}.sample-data div{display:grid;gap:4px}.sample-data b{font:500 22px var(--font-display);color:var(--primary-main)}.sample-data span{font-size:12px;color:var(--grey-600)}.manual-sheet img{margin-left:auto;width:136px}.manual-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:64px;padding:64px 0;border-top:1px solid var(--grey-200);scroll-margin-top:24px}.manual-tool-index h2{font-size:24px;line-height:1.2;letter-spacing:-.025em;margin-bottom:14px}.manual-tool-index>p{font-size:14px;color:var(--grey-600);margin-bottom:26px}.manual-tool-index [role=tablist]{display:grid}.manual-tool-index [role=tab]{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:88px;padding:18px 20px;border:0;border-bottom:1px solid var(--grey-200);border-radius:0;background:transparent;text-align:left;color:var(--primary-main);cursor:pointer;font-weight:600}.manual-tool-index [role=tab] small{display:block;margin-top:5px;font-size:13px;font-weight:400;color:var(--grey-600)}.manual-tool-index [role=tab][aria-selected=true]{background:var(--primary-main);color:var(--white);border-radius:12px;border-bottom-color:transparent}.manual-tool-index [role=tab][aria-selected=true] small{color:var(--white)}.manual-tool-index [role=tab]:hover{background:var(--light-blue);color:var(--primary-main)}.manual-tool-index [role=tab][aria-selected=true]:hover{background:var(--primary-ultradark);color:var(--white)}.manual-index-link{display:inline-block;margin-top:28px;color:var(--primary-main);font-size:14px;text-underline-offset:4px}.manual-tool-content{min-width:0}.manual-tool-content [role=tabpanel][hidden]{display:none}.manual-tool-content h2{font-size:32px;line-height:1.2;letter-spacing:-.025em;margin-bottom:20px}.manual-panel-intro{font-size:17px;line-height:1.65;color:var(--grey-600);max-width:650px}.manual-steps{padding-left:24px;margin:30px 0}.manual-steps li{padding-left:10px;margin-bottom:22px}.manual-steps li::marker{font-weight:600;color:var(--primary-main)}.manual-steps strong{display:block;color:var(--grey-700);font-weight:600;margin-bottom:5px}.manual-steps span{display:block;line-height:1.65;color:var(--grey-600)}.manual-request{padding:24px 28px;border-radius:14px;background:var(--light-blue)}.manual-request p{font-size:13px;color:var(--grey-600);margin-bottom:10px}.manual-request code{display:block;font:500 23px/1.4 var(--font-display);color:var(--primary-main);margin-bottom:20px;overflow-wrap:anywhere}.manual-copy,.manual-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:0;border-radius:10px;background:var(--primary-main);color:var(--white);font-weight:600;cursor:pointer;text-decoration:none;line-height:1.4;white-space:normal}.manual-copy:hover,.manual-primary:hover{background:var(--primary-ultradark)}.manual-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin:24px 0}.manual-actions>a:not(.manual-primary),.manual-details>a{color:var(--primary-main);text-underline-offset:4px}.manual-access-note{font-size:13px;max-width:300px;color:var(--grey-600)}.manual-limit{font-size:13px;line-height:1.6;color:var(--grey-600);margin:24px 0}.manual-details{border-bottom:1px solid var(--grey-200);padding:20px 0}.manual-details summary{color:var(--primary-main);font-weight:600;cursor:pointer;line-height:1.5;min-height:24px}.manual-details pre{font:14px/1.65 var(--font-ui);white-space:pre-wrap;overflow-wrap:anywhere;padding:24px;background:var(--light-blue);border-radius:12px;margin:20px 0;max-height:480px;overflow:auto}.manual-details>p{margin-top:20px}.manual-details>.manual-copy{margin-top:20px;margin-right:20px}.manual-resources{display:grid;grid-template-columns:1fr 1.6fr;gap:64px;margin:16px 0 76px;padding:48px;background:var(--light-blue);border-radius:22px;scroll-margin-top:24px}.manual-resources h2{font-size:32px;line-height:1.2;letter-spacing:-.025em}.manual-resources p{line-height:1.65;color:var(--grey-600)}.manual-resource-list a{display:grid;grid-template-columns:1fr auto;gap:6px 20px;padding:20px 0;border-bottom:1px solid var(--grey-200);text-decoration:none}.manual-resource-list a:first-child{padding-top:0}.manual-resource-list a:last-child{border-bottom:0;padding-bottom:0}.manual-resource-list strong{color:var(--primary-main);font-weight:600}.manual-resource-list span:nth-child(2){grid-column:1;font-size:14px;color:var(--grey-600);line-height:1.5}.manual-resource-list span:last-child{grid-column:2;grid-row:1/3;align-self:center;color:var(--primary-main);font-size:22px}.manual-resource-list a:hover strong{text-decoration:underline;text-underline-offset:4px}.manual-quality{padding-bottom:64px}.manual-quality>h2{font-size:32px;letter-spacing:-.025em}.manual-quality dl{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:32px 0}.manual-quality dt{font:700 20px/1.4 var(--font-display);color:var(--primary-main);margin-bottom:12px}.manual-quality dd{margin:0;line-height:1.65;color:var(--grey-600)}.manual-quality>p{font-size:13px;color:var(--grey-600);max-width:760px}.manual-reference{max-width:800px;margin:auto}.manual-reference h2{font-size:28px;line-height:1.3}.manual-reference p{line-height:1.65}.manual-reference a{color:var(--primary-main);text-underline-offset:4px}.manual-page .page-shell{padding-top:20px}.manual-page .site-footer{margin-top:0}@media(max-width:900px){.manual-hero{gap:32px}.manual-hero-sample{padding:22px}.manual-sheet{padding:22px}.manual-sheet>strong{font-size:25px}.sample-data{gap:24px}.manual-workspace{grid-template-columns:220px minmax(0,1fr);gap:32px}.manual-resources{gap:32px;padding:32px}}@media(max-width:700px){.manual-hero{grid-template-columns:1fr;padding:36px 0 48px;gap:36px}.manual-hero h1{font-size:44px}.manual-hero-sample{max-width:480px;transform:none}.manual-sheet{transform:none}.manual-workspace{grid-template-columns:1fr;gap:36px;padding:40px 0}.manual-tool-index [role=tablist]{grid-template-columns:1fr 1fr;gap:8px}.manual-tool-index [role=tab]{min-height:88px;border:1px solid var(--grey-200);border-radius:12px;padding:14px}.manual-index-link{margin-top:20px}.manual-tool-content h2,.manual-resources h2,.manual-quality>h2{font-size:28px}.manual-request{padding:22px}.manual-request code{font-size:21px}.manual-resources{grid-template-columns:1fr;padding:28px 24px;margin-bottom:48px;gap:20px}.manual-quality dl{grid-template-columns:1fr;gap:28px}.manual-quality{padding-bottom:36px}.manual-actions{align-items:flex-start;flex-direction:column}.manual-details pre{padding:18px}.manual-primary,.manual-copy{max-width:100%}}@media(prefers-reduced-motion:reduce){.manual-hero-sample,.manual-sheet{transform:none}}

/* Copa header composition; brand assets remain unchanged on a solid surface. */
.manual-hero{grid-template-columns:minmax(0,1.7fr) minmax(200px,1fr);gap:64px;margin:28px 0 56px;padding:54px;border-radius:22px;background:var(--primary-main);color:var(--white)}
.manual-hero>div>p:first-child{color:var(--white);margin-bottom:22px;font-size:15px}
.manual-hero h1{color:var(--white);font-size:clamp(42px,4.7vw,64px);line-height:1.08;max-width:600px;margin-bottom:24px}
.manual-lead{max-width:570px;font-size:17px;line-height:1.65}
.manual-hero-link{color:var(--white);margin-top:4px}
.manual-hero-brands{display:grid;justify-items:center;align-content:center;gap:44px;padding:16px 0}
.manual-hero-brands img{width:min(100%,252px);height:auto}
.manual-tool-brand{display:flex;gap:14px;align-items:center;min-width:0}
.manual-tool-brand>span:last-child{min-width:0;overflow-wrap:anywhere}
.manual-tool-logo{display:flex;flex:0 0 44px;align-items:center;justify-content:center;width:44px;height:44px;background:var(--white);border-radius:10px}
.manual-tool-logo img{width:30px;height:30px;object-fit:contain}
.manual-tool-index [role=tab]{padding-inline:12px}
@media(max-width:900px){.manual-hero{gap:32px;padding:40px}.manual-tool-brand{gap:10px}.manual-tool-logo{flex-basis:36px;width:36px;height:36px}.manual-tool-logo img{width:26px;height:26px}.manual-tool-index [role=tab]{gap:6px}}
@media(max-width:700px){.manual-hero{grid-template-columns:1fr;padding:32px 26px;gap:32px;margin:16px 0 36px}.manual-hero h1{font-size:42px}.manual-hero-brands{grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding:16px 0 0}.manual-hero-brands img{width:100%;max-width:180px}.manual-tool-index [role=tab]{padding:12px 10px}.manual-tool-brand{gap:8px}.manual-tool-logo{flex-basis:32px;width:32px;height:32px}.manual-tool-logo img{width:24px;height:24px}.manual-tool-index [role=tab] small{font-size:12px}}

.manual-tool-logo{color-scheme:light}

/* The tool signature uses the approved artwork on its own white surface. */
.manual-product-identity{display:flex;align-items:center;padding:0 0 28px;background:#fff}
.manual-product-identity img{display:block;width:min(100%,480px);height:auto;aspect-ratio:4.5;object-fit:cover}
.manual-hero:has(+.manual-product-identity){margin-bottom:12px}
.manual-agent-heading{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.manual-agent-heading h2{margin:0}
.manual-agent-icon{display:flex;flex:0 0 56px;background:#fff;border:1px solid var(--grey-200);border-radius:12px;overflow:hidden}
.manual-agent-icon img{display:block;width:56px;height:56px;object-fit:contain}
@media(max-width:700px){.manual-product-identity{padding-top:8px}.manual-product-identity img{width:min(100%,360px)}.manual-agent-heading{gap:12px}.manual-agent-icon{flex-basis:48px}.manual-agent-icon img{width:48px;height:48px}}

/* Corporate brand and program identity are separate contexts, not a combined signature. */
.manual-hero{row-gap:36px;padding-bottom:32px}
.manual-hero-copa{padding:32px 0;align-self:center}
.manual-hero-connectmiles{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:26px 30px;border-radius:14px;background:var(--white);color:var(--grey-700)}
.manual-hero-connectmiles h2{font-size:20px;line-height:1.4;margin:0 0 6px;letter-spacing:-.01em}
.manual-hero-connectmiles p{font-size:14px;line-height:1.6;margin:0;max-width:600px;color:var(--grey-600)}
.manual-hero-connectmiles img{width:180px;flex:0 0 180px;height:auto}
@media(max-width:700px){.manual-hero{row-gap:28px;padding-bottom:24px}.manual-hero-copa{display:flex;justify-content:flex-start;padding:0;max-width:184px}.manual-hero-copa img{max-width:184px}.manual-hero-connectmiles{flex-direction:column;align-items:flex-start;padding:24px;gap:22px}.manual-hero-connectmiles img{width:172px;flex-basis:auto}.manual-hero-connectmiles h2{font-size:20px}}

/* Both identities share one hero; source artwork and proportions stay independent. */
.manual-hero{display:block;padding:44px 54px 48px}
.manual-hero-identities{display:flex;align-items:center;justify-content:space-between;gap:64px;margin-bottom:38px}
.manual-hero-identities img{height:40px;width:auto;max-width:45%;object-fit:contain}
.manual-hero h1{max-width:none;margin-bottom:22px}
.manual-hero-copy .manual-lead{max-width:700px}
.manual-hero-copy>p:first-child{margin-bottom:18px}
@media(max-width:700px){.manual-hero{padding:28px 26px 32px}.manual-hero-identities{gap:28px;margin-bottom:32px}.manual-hero-identities img{height:auto;max-width:46%;width:46%}.manual-hero-identities img:last-child{width:41%;max-width:41%}.manual-hero h1{font-size:40px}.manual-hero-copy>p:first-child{font-size:13px}}
