.activity-detail{--ad-green:#005b40;--ad-line:#dce7ed;padding-block:16px 28px}.activity-detail :is(section,header){min-width:0}.activity-detail section{scroll-margin-top:24px}.activity-detail section:focus{outline-offset:6px;border-radius:6px;outline:2px solid #195cee}.activity-detail .ad-preview{font-size:var(--type-support-size);background:#fff7df;border-left:4px solid #e0a100;margin-bottom:12px;padding:12px 16px}.ad-breadcrumb{font-size:var(--type-support-size);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.ad-breadcrumb a{color:#0841c4;align-items:center;min-height:44px;display:inline-flex}.ad-breadcrumb [aria-current]{font-weight:700}.ad-introduction{grid-template-columns:minmax(0,3fr) minmax(220px,1fr);align-items:start;gap:16px;display:grid}.ad-hero{color:#fff;background:linear-gradient(115deg,#003b32,#006540);border-radius:12px;align-items:center;gap:12px;min-height:260px;padding:28px;display:flex;overflow:hidden}.pm-entry .ad-hero h1{font-size:var(--type-hero-size);line-height:var(--type-hero-line);letter-spacing:-.025em;color:#fff}.pm-entry .ad-hero p{color:#fff;max-width:55ch;font-size:var(--type-body-size);margin-top:12px}.ad-hero>div{flex:1;min-width:0}.ad-hero-art{object-fit:contain;flex-shrink:0;width:clamp(120px,16vw,220px);height:auto}.ad-toc{background:#f3f7ff;border:1px solid #d7e3ff;border-radius:12px;padding:12px 16px}.pm-entry .ad-toc h2{font-size:var(--type-card-size);margin-bottom:6px}.ad-toc a{min-height:44px;color:var(--pm-navy);font-size:var(--type-support-size);border-left:3px solid #cad9ed;align-items:center;padding:6px 12px;display:flex}.ad-toc a:hover{background:#e4f4ee;border-color:#00834e}.ad-overview-row{grid-template-columns:minmax(0,3fr) minmax(220px,1fr);gap:24px;margin-block:20px;display:grid}.activity-detail .ad-heading{color:var(--ad-green);align-items:center;gap:14px;margin-bottom:12px;display:flex}.ad-section-icon{background:#e6f5ee;border-radius:50%;flex:0 0 54px;place-items:center;height:54px;display:grid}.ad-section-icon .pm-icon{width:34px;height:34px}.ad-reading{max-width:70ch;padding-left:68px}.activity-detail p+p{margin-top:14px}.activity-detail p,.activity-detail li{color:var(--pm-navy)}.ad-highlights{background:#eff8f3;border:1px solid #cce6dc;border-radius:12px;align-self:start;margin:0;padding:12px 16px}.ad-highlights .ad-fact+.ad-fact{border-top:1px solid #cce0db;margin-top:16px;padding-top:16px}.ad-fact{align-items:flex-start;gap:12px;min-width:0;display:flex}.ad-fact .pm-icon{flex-shrink:0;width:44px;height:44px}.ad-fact dt{font-size:var(--type-support-size);margin-bottom:4px;font-weight:700}.ad-fact dd{margin:0}.ad-fact strong{font-size:var(--type-card-size);line-height:var(--type-heading-line);display:block}.ad-fact dd span{font-size:var(--type-support-size);line-height:var(--type-support-line);white-space:pre-line;margin-top:4px;display:block}.activity-detail>section{margin-top:20px}.ad-steps,.ad-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.ad-steps>li,.ad-facts>.ad-fact{border:1px solid var(--ad-line);background:#fff;border-radius:12px;padding:16px}.ad-step-top{align-items:center;gap:20px;margin-bottom:12px;display:flex}.ad-step-top>span{color:#fff;background:#006442;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.ad-step-top .pm-icon{width:40px;height:40px}.ad-steps>li:nth-child(2) .ad-step-top>span{background:#123eff}.ad-steps>li:nth-child(3) .ad-step-top>span{background:#e32929}.ad-steps>li:nth-child(4) .ad-step-top>span{background:#9b6900}.activity-detail .ad-steps p{font-size:var(--type-support-size);line-height:var(--type-support-line);margin-top:8px}.ad-facts>.ad-fact{background:#f7faf9}.ad-facts>.ad-fact:nth-child(2){background:#f5f7ff}.ad-facts>.ad-fact:nth-child(3){background:#fff8f8}.ad-facts>.ad-fact:nth-child(4){background:#fffbef}.ad-pair{border-top:1px solid var(--ad-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:20px;padding-top:16px;display:grid}.ad-pair>section+section{border-left:1px solid var(--ad-line);padding-left:24px}.activity-detail ul{font-size:var(--type-body-size);line-height:var(--type-body-line);margin:8px 0 16px;padding-left:24px;list-style:outside}.activity-detail .ad-notice{font-size:var(--type-support-size);background:#fff8e8;border-left:4px solid #fb0;border-radius:6px;margin-top:16px;padding:16px}.ad-prize{background:#fff8e8;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;padding:16px;display:flex}.ad-prize>.pm-icon{width:50px;height:50px}.ad-prize>div{flex:1}.ad-prize>p{font-size:var(--type-support-size);border-top:1px solid #e9dfc6;flex-basis:100%;padding-top:12px}.ad-help-links{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.ad-help-links .pm-button{font-size:var(--type-support-size);padding:10px 12px}.ad-help-only{grid-template-columns:1fr}.ad-account{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.activity-detail small{font-size:var(--type-support-size);line-height:var(--type-support-line);margin-top:4px;font-weight:400;display:block}.ad-account .pm-button{min-width:0;padding:16px}.ad-account .pm-icon,.ad-continue .pm-icon{width:44px;height:44px}.activity-detail .ad-continue{background:#005b40;gap:16px;width:100%;margin-top:16px;padding:18px;display:flex}.ad-account .pm-button:not(.pm-outline){background:#005b40}@media (prefers-reduced-motion:reduce){.pm-entry .activity-detail .ui-feedback:is(:hover,:active){transform:none}}@media (max-width:1100px){.ad-introduction,.ad-overview-row{grid-template-columns:minmax(0,2fr) minmax(220px,1fr)}.ad-hero{flex-direction:column;align-items:flex-start;padding:20px}.ad-hero-art{align-self:center;width:140px}.ad-steps,.ad-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-reading{padding-left:0}}@media (max-width:700px){.ad-introduction,.ad-overview-row,.ad-pair,.ad-account{grid-template-columns:1fr}.ad-toc{flex-wrap:wrap;gap:4px 8px;display:flex}.ad-toc h2{width:100%}.ad-toc a{padding-inline:8px}.ad-pair>section+section{border-left:0;border-top:1px solid var(--ad-line);padding:16px 0 0}.ad-hero{padding:20px}.ad-hero-art{width:130px}.ad-steps,.ad-facts{grid-template-columns:1fr}.ad-continue{text-align:left}.ad-account .pm-button{justify-content:center}.ad-section-icon{flex-basis:44px;height:44px}.ad-section-icon .pm-icon{width:28px;height:28px}}