/* Activity stories share the current public-site navy, paper and brass palette. */
body.activity-detail-page{background:#f7f8fa;color:#23394c}
body.activity-archive-page .ar-main{max-width:1120px!important;width:100%!important;margin:auto!important;padding:28px 32px 48px!important}
.ar-main *{box-sizing:border-box}
.ar-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:#74808c;margin:0 0 24px}
.ar-breadcrumb a{color:#53687b;text-decoration:none}.ar-breadcrumb a:hover{text-decoration:underline}
.ar-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:32px;padding:0 0 24px;border-bottom:1px solid #d9e1e7;background:none}
.ar-hero-copy{min-width:0}.ar-hero-image{margin:0;position:relative;overflow:hidden;border-radius:6px;background:#edf1f4}.ar-hero-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.ar-hero-poster img{object-fit:contain}.ar-hero-image figcaption{padding:9px 12px;color:#617482;font-size:11px;background:#fff}
.ar-pager{display:flex;justify-content:space-between;gap:20px;margin:16px 0 20px}.ar-pager a{display:flex;gap:12px;align-items:center;max-width:46%;padding:9px 12px;border:1px solid #d7e2eb;border-radius:5px;background:#fff;color:#294b66;text-decoration:none}.ar-pager a:hover{background:#eaf1f6}.ar-pager-icon{font-size:23px}.ar-pager a small{display:block;font-size:10px;color:#748594;margin-bottom:3px}.ar-pager a b{font-size:12px;font-weight:500}.ar-pager .ar-pager-next{flex-direction:row-reverse;text-align:right;margin-left:auto}
.ar-more>div>a.ar-related-card{padding:0;display:block;overflow:hidden}.ar-related-card>img{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:cover}.ar-related-card>span{display:flex;justify-content:space-between;gap:8px;padding:14px;font-size:14px;color:#28475f}.ar-related-card:hover{border-color:#91a9bc;background:#f4f7fa}
@media(min-width:1440px){.ar-pager a{position:fixed;top:50%;z-index:20;max-width:130px;box-shadow:0 3px 12px #1836530c}.ar-pager-previous{left:12px}.ar-pager-next{right:12px}.ar-pager a b{display:none}.ar-pager a small{margin:0}.ar-pager{margin:0}}
@media(max-width:700px){.ar-hero{grid-template-columns:1fr;gap:18px}.ar-hero-image img{max-height:220px}.ar-pager{gap:10px}.ar-pager a{padding:8px;max-width:49%;gap:6px}.ar-pager a b{font-size:11px}.ar-more>div>a.ar-related-card{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center}.ar-related-card>span{font-size:12px;padding:12px}.ar-related-card>img{aspect-ratio:4/3}}
.ar-kicker{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.08em;color:#8a6d36}.ar-kicker span{margin:0 8px;color:#bec6cb}
.ar-hero h1{margin:0 0 14px!important;font:700 clamp(26px,3vw,34px)/1.4 var(--ls-serif,"Noto Serif SC",serif)!important;letter-spacing:.025em;color:#183653!important}
.ar-lead{margin:0 0 8px;font-size:16px;line-height:1.8;color:#344e65}.ar-description{margin:0;font-size:13px;line-height:1.8;color:#637282}
.ar-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;font-size:12px;color:#617482}.ar-meta>span{padding:5px 10px;border:1px solid #dce4e8;border-radius:4px;background:#fff}.ar-meta a{color:#275777;text-decoration:none}
.ar-days{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:18px 0}.ar-days>span{margin-right:8px;font-size:12px;color:#637282}.ar-days a{display:flex;gap:7px;align-items:center;padding:7px 12px;border:1px solid #dbe3e9;border-radius:5px;background:#fff;color:#28475f;text-decoration:none;font-size:13px;font-weight:600}.ar-days a:hover{background:#edf3f7;border-color:#93aabc}.ar-days small{color:#758391;font-size:11px;font-weight:400}
.ar-story{margin:0 0 18px;padding:20px 22px;background:#fff;border:1px solid #dbe3e9;border-radius:8px;scroll-margin-top:110px}
.ar-story-heading{display:flex;gap:13px;align-items:center;margin-bottom:16px}.ar-day-number{font:400 35px/1 Georgia,serif;color:#b2945b;border-right:1px solid #e6e3db;padding-right:14px}.ar-story h2{margin:0;font:700 20px/1.4 var(--ls-serif,"Noto Serif SC",serif);color:#183653}.ar-story-heading p{margin:4px 0 0;font-size:12px;color:#7c8893}
.ar-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:16px}.ar-highlights article{padding:0;background:none;border:0;min-width:0}.ar-highlights article+article{border-left:1px solid #e5eaee;padding-left:20px}.ar-highlights h3{margin:0 0 5px;font-size:14px;font-weight:600;color:#304c62}.ar-highlights p{margin:0;font-size:12px;line-height:1.85;color:#687885}
.ar-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;align-items:start}.ar-gallery .ar-photo{min-width:0;margin:0;background:#f5f7f9;border:1px solid #e5eaee;border-radius:4px;overflow:hidden}.ar-gallery img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover;border-radius:0!important;cursor:default}.ar-gallery .ar-photo-portrait img,.ar-gallery .ar-photo-poster img{object-fit:contain;background:#f0f3f6}.ar-photo figcaption{padding:7px 7px 8px;font-size:11px;line-height:1.4;color:#536879;overflow-wrap:anywhere}
.ar-closing{margin:14px 0 0;font-size:12px;line-height:1.8;color:#73818c}
.ar-story-compact{margin-top:24px}.ar-story-compact .ar-story-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:28px;align-items:start}.ar-story-compact .ar-highlights{grid-template-columns:1fr;gap:14px;margin:0}.ar-story-compact .ar-highlights article+article{border:0;padding:0}.ar-gallery-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-gallery-pair .ar-photo-poster img{aspect-ratio:1/1}
.ar-more{display:grid;gap:18px;border-top:1px solid #dbe3e9;padding-top:24px;margin-top:28px}.ar-back{font-size:14px;font-weight:600;color:#244b6d;text-decoration:none}.ar-more>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ar-more>div>a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:10px 12px;border:1px solid #dbe3e9;background:#fff;border-radius:4px;color:#516a7e;font-size:12px;text-decoration:none}.ar-main a:focus-visible{outline:3px solid #b39554;outline-offset:3px}
/* Related detail pages retain all course, fee, registration and language content. */
body.activity-detail-page:not(.activity-archive-page) main.class-main{padding:28px 32px 48px!important}
body.activity-detail-page :is(.painting-hero,.painting-learning,.painting-teacher,.painting-gallery,.painting-register,.camp-detail,.camp-highlights){width:100%;max-width:100%;border:1px solid #dbe3e9;border-radius:8px;background:#fff;box-shadow:none;padding:24px;margin:18px 0}
body.activity-detail-page :is(.painting-hero,.camp-detail){border-top:3px solid #294c68;background:#fff}
body.activity-detail-page :is(.painting-learning,.painting-teacher,.painting-gallery,.painting-register,.camp-highlights) h2{color:#183653;font-size:21px}
body.activity-detail-page :is(.painting-learning,.camp-highlights) article{background:#f4f7fa;border-radius:5px;box-shadow:none}
body.activity-detail-page .painting-gallery>div:not(.section-title){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.activity-detail-page .painting-gallery a{display:block;aspect-ratio:4/3;background:#f4f5f6;border-radius:4px;overflow:hidden}
body.activity-detail-page .painting-gallery img{display:block;width:100%;height:100%;object-fit:contain}
/* Archive cards use a quiet, compact cover instead of large, changing portraits. */
.ae-official .ae-gallery{gap:16px}.ae-official .ae-gallery-card{border-radius:6px;box-shadow:none}.ae-official .ae-card-photos{aspect-ratio:2/1}.ae-official .ae-gallery-card h3{font-size:16px;margin-top:12px}.ae-official .ae-gallery-card p{font-size:12px;padding-bottom:13px}.ae-official article.ae-gallery-card{cursor:default}.ae-official article.ae-gallery-card:hover{transform:none}.ae-official .ae-gallery-card:hover h3{text-decoration:none}
.ae-official .ae-recap-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}.ae-official .ae-recap-count-1{grid-template-columns:minmax(0,260px)}.ae-official .ae-recap-count-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}.ae-photo-stories{display:grid;gap:16px}.ae-photo-story{display:grid;grid-template-columns:170px minmax(0,1fr);gap:20px;align-items:center;padding:18px;background:#fff;border:1px solid #dbe3e9;border-radius:6px}.ae-official .ae-photo-story h3{font-size:16px;margin:0 0 7px}.ae-photo-story header p{margin:0;color:#71808d;font-size:12px;line-height:1.7}.ae-story-photos{display:grid;gap:8px;grid-template-columns:repeat(6,minmax(0,1fr))}.ae-story-photos-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ae-story-photos img{display:block;width:100%;height:110px;object-fit:contain;border-radius:3px;background:#f1f4f6}
@media(max-width:900px){.ae-official .ae-recap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ae-photo-story{grid-template-columns:1fr;gap:12px}.ae-photo-story header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.ae-story-photos img{height:95px}}
@media(max-width:600px){.ae-story-photos{grid-template-columns:repeat(3,minmax(0,1fr))}.ae-story-photos img{height:auto;aspect-ratio:4/3}.ae-photo-story{padding:14px}.ae-photo-story header{display:block}.ae-official .ae-photo-story h3{font-size:15px}.ae-photo-story header p{font-size:11px}.ae-official .ae-recap-grid{gap:12px}.ae-official .ae-gallery-card h3{font-size:14px;padding-inline:10px}.ae-official .ae-gallery-card p{padding-inline:10px}}
@media(max-width:900px){.ar-gallery:not(.ar-gallery-pair){grid-template-columns:repeat(3,minmax(0,1fr))}.ar-gallery:not(.ar-gallery-pair) img{aspect-ratio:16/9}.ar-story-compact .ar-story-body{gap:20px;grid-template-columns:minmax(0,1fr) minmax(260px,.9fr)}}
@media(max-width:600px){body.activity-archive-page .ar-main,body.activity-detail-page:not(.activity-archive-page) main.class-main{padding:20px 16px 36px!important}.ar-breadcrumb{font-size:11px;margin-bottom:20px}.ar-hero h1{font-size:25px!important}.ar-lead{font-size:14px}.ar-description{font-size:12px}.ar-days{gap:6px;padding:14px 0}.ar-days>span{width:100%;margin:0 0 2px}.ar-days a{padding:6px 9px;font-size:12px}.ar-days small{display:none}.ar-story{padding:16px 13px;scroll-margin-top:90px}.ar-story h2{font-size:18px}.ar-day-number{font-size:28px}.ar-story-heading p{display:none}.ar-highlights{gap:12px;grid-template-columns:1fr}.ar-highlights article+article{border:0;padding:0}.ar-highlights article{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px}.ar-highlights h3{font-size:12px;margin:0}.ar-highlights p{font-size:12px;line-height:1.7}.ar-gallery:not(.ar-gallery-pair){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ar-gallery:not(.ar-gallery-pair) img{aspect-ratio:4/3}.ar-photo figcaption{font-size:10px}.ar-story-compact .ar-story-body{grid-template-columns:1fr}.ar-more>div{grid-template-columns:1fr}.ar-meta{gap:10px}.ar-gallery-pair{max-width:400px;width:100%;margin:auto}body.activity-detail-page .painting-gallery>div:not(.section-title){grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}body.activity-detail-page :is(.painting-hero,.painting-learning,.painting-teacher,.painting-gallery,.painting-register,.camp-detail,.camp-highlights){padding:18px}.ae-official .ae-card-photos{aspect-ratio:16/9}}