/* Brochure layout additions. Loaded after reference.css and mobile.css; reuses their tokens. */
.door.activity .door-image{display:block;padding:0;background:var(--navy)}
.brochure-activities .activity-row h3{font-size:20px}
.brochure-activities .activity-row p{font-size:14px}
.brochure-cta{background:linear-gradient(125deg,#0c192a,#17344d);border-bottom:1px solid #ffffff20;color:var(--paper);padding-block:80px;text-align:center}
.brochure-cta h2{font-size:clamp(32px,4vw,46px)}
.brochure-cta p{color:#c3cdd5;margin-block:16px 30px;font-size:17px}
.areas{padding-block:30px 70px}
.area{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;padding-block:56px;border-top:1px solid var(--line)}
.area:first-child{border-top:0}
.area.has-visual{grid-template-columns:1.2fr 1fr}
.area:nth-child(even).has-visual .area-visual{order:-1}
.area h2{font-size:clamp(30px,3.4vw,42px)}
.area p{color:var(--muted);font-size:18px;line-height:1.8;margin-top:18px;max-width:560px}
.area-visual{display:flex;justify-content:center;background:#e7edf4;border-radius:var(--radius);padding:36px 30px 0;max-height:420px;overflow:hidden}
.area-visual img{width:230px;align-self:start;border-radius:28px 28px 0 0;border:5px solid #23394a;border-bottom:0}
.brochure-release{border-top:1px solid var(--line);padding-block:28px}
.brochure-release:first-child{border-top:0;padding-top:0}
.brochure-release h2{font-size:26px}
.brochure-release p{color:var(--muted);margin-top:10px}
.brochure-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px}
.brochure-footer-links{display:flex;flex-wrap:wrap;gap:10px 26px;font-size:15px}
.brochure-footer-links a:hover{text-decoration:underline;text-underline-offset:4px}
@media (max-width:760px){
 .brochure-cta{padding-block:56px}
 .brochure-cta .wrap{padding-inline:4px}
 .areas{padding-block:10px 40px}
 .area,.area.has-visual{grid-template-columns:1fr;gap:26px;padding-block:40px}
 .area:nth-child(even).has-visual .area-visual{order:0}
 .area p{font-size:16px;margin-top:14px}
 .area-visual{max-height:340px;padding:28px 20px 0}
 .area-visual img{width:200px}
 .brochure-footer{flex-direction:column;align-items:flex-start}
 .brochure-footer-links{gap:12px 22px}
}

/* Activity rows open their part of the Features page. */
a.activity-row{color:inherit;text-decoration:none}
a.activity-row>div{flex:1}
a.activity-row .arrow{flex:none;align-self:center;opacity:.45;transition:transform .15s ease,opacity .15s ease}
a.activity-row:hover .arrow,a.activity-row:focus-visible .arrow{opacity:1;transform:translateX(3px)}
a.activity-row:hover h3{text-decoration:underline;text-underline-offset:3px}
a.activity-row:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:4px}
@media (prefers-reduced-motion:reduce){a.activity-row .arrow{transition:none}}

/* Highlights, steps and the jump list on Features, Activities and Guides. */
.area .points,.area .steps{margin:20px 0 0;padding-left:1.2em;color:var(--ink,inherit);font-size:16px;line-height:1.7;max-width:560px}
.area .points li::marker{color:var(--muted)}
.area .steps li{padding-left:4px;margin-top:6px}
.area .text-link{display:inline-flex;margin-top:22px}
.area .tagline{margin-top:8px;font-size:19px;color:inherit}
.area .tagline+p{margin-top:12px}
.activity-title{display:flex;align-items:center;gap:14px}
.activity-title .activity-icon{flex:none}
.jump{display:flex;flex-wrap:wrap;gap:8px 22px;padding-block:6px 4px;font-size:15px}
.jump a{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.jump a:hover{text-decoration-color:currentColor}
.area[id]{scroll-margin-top:90px}
@media (max-width:760px){
 .area .points,.area .steps{font-size:15px;margin-top:14px}
 .area .tagline{font-size:17px}
 .jump{gap:6px 16px;font-size:14px}
}
@media (min-width:761px){.area:not(.has-visual) .points{columns:2;column-gap:48px;max-width:760px}.area:not(.has-visual) .points li{break-inside:avoid}}