/* C-25: local component only; no shared animation/tab changes. */
.c25-dashboard{background:#203744;color:#fff;padding-block:100px;overflow:clip;--c25-muted:#cfdae0}
.c25-dashboard *{box-shadow:none;border-radius:0}
.c25-dashboard .c25-wrap{max-width:1440px}
.c25-heading{max-width:100%}
.c25-heading .chapter-kicker{color:#fff;margin:0 0 20px}
.c25-heading h2{color:#fff;font-size:clamp(42px,5vw,64px);line-height:1.45;letter-spacing:.03em;margin:0}
.c25-heading .c25-subcopy{font-size:18px;line-height:1.9;margin:24px 0 0;color:#fff}
.c25-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:48px 0 56px}
.c25-points b{display:block;font-size:22px;font-weight:700;line-height:1.6;margin-bottom:12px}
.c25-points p{font-size:15px;line-height:1.9;max-width:18em;text-wrap:balance;color:#fff;margin:0;letter-spacing:0}
.c25-dashboard figure{margin:0;min-width:0}
/* C-25-3: reserve 7.2% of A width to the right and 46% of B height below. B width=.18A; .18*1688/780*.46/1.072=0.16715269804822042 of wrap. */
.c25-composite{position:relative;width:calc(100% / 1.072);margin:0 0 calc(16.715269804822043% + 20px);padding-top:16px;padding-bottom:0}
.c25-pc-image{width:100%;max-width:2048px;--c25-y:0px}
.c25-dashboard img{display:block;height:auto;max-width:100%;border:1px solid #6c818d;object-fit:contain}
.c25-pc-image>img{width:100%;max-width:2048px;transform:translate3d(0,var(--c25-y),0)}
.c25-mobile-image{position:absolute;width:18%;max-width:780px;right:0;bottom:0;transform:translate(40%,46%)}
.c25-dashboard figcaption{color:#fff;font-size:14px;line-height:1.9;margin-top:20px}
.c25-details{margin-top:64px}
.c25-tabs{position:relative;display:flex;align-items:stretch;gap:36px;max-width:100%;margin-bottom:32px;border-bottom:1px solid #526975}
.c25-tabs[hidden]{display:none}
.c25-tabs button{position:relative;color:#fff;background:transparent;border:0;padding:14px 0;min-height:48px;font:inherit;font-size:17px;line-height:1.7;cursor:pointer}
.c25-tabs button[aria-selected=true]{color:#fff}
.c25-tabs button:hover{color:#fff}
.c25-dashboard :focus-visible{outline:2px solid #fff;outline-offset:5px}
.c25-tab-line{position:absolute;left:0;top:0;height:1px;background:currentColor;pointer-events:none;transition:transform 240ms cubic-bezier(.22,1,.36,1),width 240ms cubic-bezier(.22,1,.36,1)}
.c25-panel>img{width:100%;max-width:2048px}
.c25-panel[data-active=true]>img{animation:c25-fade 240ms ease-out}
.c25-panel[hidden]{display:none}
.c25-mobile-heading{display:none}
.c25-dashboard .c25-closing{font-size:clamp(30px,3.75vw,48px);font-family:var(--font-serif,"Noto Serif JP",serif);line-height:1.65;letter-spacing:.02em;color:#fff;margin:64px 0 16px}
.c25-closing>span{display:inline-block;max-width:100%}
.c25-dashboard .c25-note{font-size:13px;color:var(--c25-muted);line-height:1.9;margin:0}
/* C-25-1: permission note removed. */
@keyframes c25-fade{from{opacity:0}to{opacity:1}}
@media(min-width:768px) and (max-width:1099px){.c25-points{gap:12px}.c25-points p{font-size:clamp(13px,1.65vw,15px)}}
@media(max-width:767px){
 .c25-dashboard{padding-block:64px}
 .c25-heading .c25-subcopy{font-size:16px;line-height:1.9;margin-top:20px}
 .c25-points{grid-template-columns:1fr;gap:28px;margin:36px 0 40px}
 .c25-points b{font-size:20px;margin-bottom:8px}
 .c25-composite{width:auto;margin:0;padding:16px 0 0}
 .c25-mobile-image{position:static;width:60%;max-width:780px;margin:24px auto 0;transform:none}
 .c25-main-figure figcaption{margin-top:20px}
 .c25-details{margin-top:48px}
 .c25-tabs{display:none}
 .c25-mobile-heading{display:block;font-size:22px;font-weight:600;color:#fff;line-height:1.6;margin:0 0 18px}
 .c25-panel+.c25-panel{margin-top:40px}
 .c25-dashboard .c25-closing{font-size:30px;margin-top:48px}
}
@media(prefers-reduced-motion:reduce){
 .c25-pc-image>img{transform:none}
 .c25-panel[data-active=true]>img{animation:none}
 .c25-tab-line{transition:none}
}