/* Smartphone archive only. Preserve SWELL's header, footer, tabs and main query. */
#body_wrap.acmc-enabled{background:#fff}
.acmc-enabled #content{padding-top:12px;max-width:1320px}
.acmc-enabled #main_content.acmc-page{float:none;width:100%;max-width:1200px;margin:0 auto;padding:0;background:transparent;border-radius:0}
.acmc-page .acmc-hero{position:relative;isolation:isolate;min-height:270px;overflow:hidden;border-radius:22px;background:linear-gradient(105deg,#f2fcff,#e8f8ff 65%,#fff)}
.acmc-page .acmc-hero-art{position:absolute;inset:0 0 0 auto;z-index:-1;width:64%;mask-image:linear-gradient(90deg,transparent,#000 30%)}
.acmc-page .acmc-hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
.acmc-page .acmc-hero-copy{position:relative;padding:30px 40px 34px;width:57%}
.acmc-page .acmc-hero h1{margin:7px 0 13px;padding:0;font-size:38px;line-height:1.35;border:0;background:none;color:#09284b;font-weight:700}
.acmc-page .acmc-hero h1::before,.acmc-page .acmc-hero h1::after{content:none}
.acmc-page .acmc-lead{margin:0;font-size:19px;font-weight:700;color:#123e59}
.acmc-page .acmc-description{margin:10px 0 0;font-size:12px;line-height:1.9;color:#4c6a7e}
.acmc-page .acmc-mobile-minato{display:none}
.acmc-page .acmc-character{position:absolute;right:20px;bottom:14px;font-size:10px;color:#355d73;text-align:right;text-shadow:0 0 5px #fff,0 0 9px #fff}
.acmc-page .acmc-character span{display:block;font-size:8px}
.acmc-page .acmc-goals{margin:30px 0 34px}
.acmc-page .acmc-articles{margin-top:34px;scroll-margin-top:110px}
.acmc-page .acmc-total{margin:0 0 0 auto;font-size:12px;color:#61798d}
.acmc-page .p-postListTab{margin:20px 0 24px}
.acmc-page .c-tabList{justify-content:flex-start;margin:0 0 24px;gap:10px}
.acmc-page .c-tabList__item{min-width:160px;width:auto;flex:0 1 auto}
.acmc-page .c-tabList__button{border-radius:99px;padding:10px 25px;box-shadow:none}
.acmc-page .c-tabList__button::before,.acmc-page .c-tabList__button::after{display:none}
.acmc-page .p-postList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0}
.acmc-page .p-postList .p-postList__item{width:auto;min-width:0;margin:0;padding:0;list-style:none}
.acmc-page .p-postList__link{display:flex;flex-direction:column;height:100%;border:1px solid #e0edf3;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 3px 12px #17466008;transition:transform .2s,box-shadow .2s;text-decoration:none}
.acmc-page .p-postList__thumb{width:100%;margin:0;border-radius:0;box-shadow:none;aspect-ratio:16/9;background:#f3faff}
.acmc-page .p-postList__thumb::before{display:none}
.acmc-page .p-postList__thumb img{width:100%;height:100%;object-fit:contain}
.acmc-page .p-postList__body{display:flex;flex:1;flex-direction:column;padding:14px 16px 16px;margin:0;width:100%}
.acmc-page .p-postList__title{margin:0;padding:0;font-size:16px;line-height:1.65;color:#09284b}
.acmc-page .p-postList__excerpt{margin:8px 0 10px;font-size:12px;line-height:1.75;color:#5c7285}
.acmc-page .p-postList__meta{margin-top:auto;padding-top:8px;font-size:11px;color:#5c7285}
.acmc-page .p-postList__cat{font-size:10px}
.acmc-page .acmc-popular-note{margin:0 0 18px;font-size:12px;color:#61798d}
.acmc-page .c-pagination,.acmc-page .acmc-preview-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:32px 0}
.acmc-page .c-pagination a,.acmc-page .c-pagination span,.acmc-page .acmc-preview-pagination a{display:grid;place-items:center;min-width:40px;height:40px;border-radius:50%}
.acmc-page .acmc-preview-pagination a{border:1px solid #c5eaf4;text-decoration:none}
.acmc-page .acmc-preview-pagination a[aria-current]{background:#008eae;color:#fff}
.acmc-page .acmc-bottom-guide{display:flex;align-items:center;justify-content:center;gap:20px;margin:40px 0 20px;padding:18px 20px;background:#f1fbff;border:1px solid #dceff5;border-radius:20px}
.acmc-page .acmc-bottom-guide>img{width:85px;height:85px;object-fit:contain;mix-blend-mode:multiply}
.acmc-page .acmc-bottom-guide p{margin:0 0 8px;font-size:16px;font-weight:700}
.acmc-page .acmc-bottom-guide nav{display:flex;flex-wrap:wrap;gap:10px 24px}
.acmc-page .acmc-bottom-guide a{display:inline-flex;align-items:center;gap:10px;min-height:34px;font-size:13px;color:#007c99}
@media(hover:hover){.acmc-page .p-postList__link:hover{transform:translateY(-3px);box-shadow:0 6px 18px #17466015}}
@media(max-width:999px){.acmc-page .p-postList{grid-template-columns:repeat(2,minmax(0,1fr))}.acmc-page .acmc-hero-copy{padding:30px 25px;width:60%}.acmc-page .acmc-hero h1{font-size:30px}.acmc-page .acmc-lead{font-size:16px}}
@media(max-width:699px){
 .acmc-enabled #content{padding-top:4px;padding-inline:16px}
 .acmc-page .acmc-hero{min-height:205px;border-radius:17px;background:linear-gradient(115deg,#f0fbff,#fff 65%,#ddf7ff)}
 .acmc-page .acmc-hero-art{display:none}
 .acmc-page .acmc-hero-copy{padding:20px 16px 25px;width:77%;z-index:1}
 .acmc-page .acmc-hero .acme-script{font-size:26px}
 .acmc-page .acmc-hero h1{font-size:25px;margin:7px 0 10px;white-space:nowrap}
 .acmc-page .acmc-lead{font-size:12px}
 .acmc-page .acmc-description{font-size:10px;max-width:220px;line-height:1.8;margin-top:8px}
 .acmc-page .acmc-description br{display:none}
 .acmc-page .acmc-mobile-minato{position:absolute;display:block;right:-10px;bottom:22px;width:120px;height:120px;object-fit:contain;mix-blend-mode:multiply}
 .acmc-page .acmc-character{right:12px;bottom:8px;font-size:9px}
 .acmc-page .acmc-character span{font-size:7px}
 .acmc-page .acmc-goals{margin:24px 0 28px}
 .acmc-page .acmc-goals .acme-script{display:none}
 .acmc-page .acmc-articles{margin-top:28px}
 .acmc-page .acmc-articles .acme-script{display:none}
 .acmc-page .acme-heading{gap:8px;margin-bottom:16px}
 .acmc-page .c-tabList{gap:8px;margin-bottom:20px}
 .acmc-page .c-tabList__item{min-width:0;flex:1}
 .acmc-page .c-tabList__button{font-size:12px;padding:10px 8px}
 .acmc-page .p-postList{grid-template-columns:1fr;gap:20px}
 .acmc-page .p-postList__title{font-size:16px}
 .acmc-page .acmc-bottom-guide{gap:8px;padding:14px 10px}
 .acmc-page .acmc-bottom-guide>img{width:65px;height:65px}
 .acmc-page .acmc-bottom-guide p{font-size:13px}
 .acmc-page .acmc-bottom-guide nav{gap:4px 12px}
 .acmc-page .acmc-bottom-guide a{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.acmc-page .p-postList__link{transition:none;transform:none!important}}
@media(max-width:359px){.acmc-page .acmc-hero h1{font-size:22px}.acmc-page .acmc-mobile-minato{width:100px;height:100px;right:-4px;bottom:27px}.acmc-page .acmc-description{max-width:158px;font-size:9px}.acmc-page .acmc-lead{font-size:10px}}

/* No mascot column: let mobile category copy use the available width. */
@media(max-width:699px){.acmc-page .acmc-hero-copy{width:100%}.acmc-page .acmc-description{max-width:100%}.acmc-page .acmc-bottom-guide{justify-content:flex-start;padding:18px}}

/* Parent hubs show topic descriptions; child archives show their sibling choices. */
.acmc-page .acmc-family{margin:28px 0 32px}
.acmc-page .acmc-family .acme-heading{margin-bottom:12px}
.acmc-page .acmc-family-intro{margin:0 0 16px;color:#4c6a7e;font-size:13px;line-height:1.8}
.acmc-page .acmc-family-links{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.acmc-page .acmc-family-links a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:48px;padding:10px 8px;border:1px solid #d7eaf1;border-radius:10px;background:#f7fcfe;color:#123e59;text-decoration:none;text-align:center}
.acmc-page .acmc-family-links strong{font-size:14px;font-weight:700;line-height:1.5}
.acmc-page .acmc-family-links small{font-size:12px;color:#4c6a7e;line-height:1.6}
.acmc-page .acmc-family-links a[aria-current]{background:#e8f7fc;border-color:#1687a4;box-shadow:inset 0 -2px #1687a4}
.acmc-page .acmc-family-links a:hover{background:#eaf8fc;border-color:#1687a4}
.acmc-page .acmc-family--parent .acmc-family-links{grid-template-columns:repeat(3,minmax(0,1fr))}
.acmc-page .acmc-family--parent .acmc-family-links a{min-height:84px}
.acmc-page .acmc-family-hint{display:none}
.acmc-page .acmc-bottom-guide a{min-height:44px}
@media(max-width:999px){.acmc-page .acmc-family-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:699px){
 .acmc-page .acmc-family{margin:22px 0 26px}
 .acmc-page .acmc-family-intro{font-size:12px;margin-bottom:8px}
 .acmc-page .acmc-family-links,.acmc-page .acmc-family--parent .acmc-family-links{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:148px;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#9bdeec #edf7fa;padding:3px 3px 12px}
 .acmc-page .acmc-family--parent .acmc-family-links{grid-auto-columns:180px}
 .acmc-page .acmc-family-links a{scroll-snap-align:start}
 .acmc-page .acmc-family-hint{display:block;margin:0 0 7px;font-size:11px;color:#526b80}
 .acmc-page .acmc-hero h1{white-space:normal}
 .acmc-page .acmc-lead{font-size:15px;line-height:1.7}
 .acmc-page .acmc-description{font-size:12px;line-height:1.8}
 .acmc-page .acmc-articles{scroll-margin-top:134px}
}
