/* Approved Media banner enlargement; keep introductory copy readable. */
.ss-media-page .ss-media-hero > .ss-wrap.ss-narrow{width:calc(100% - 48px);max-width:1536px}
.ss-media-page .ss-media-hero .ss-media-page-banner{width:100%;max-width:none}
.ss-media-page .ss-media-hero .ss-media-page-banner img{display:block;width:100%!important;max-width:none!important;height:auto}
.ss-media-page .ss-media-hero > .ss-wrap > p{max-width:850px;margin-left:auto;margin-right:auto}
@media(max-width:600px){.ss-media-page .ss-media-hero > .ss-wrap.ss-narrow{width:calc(100% - 24px)}.ss-media-page .ss-media-hero > .ss-wrap > p{padding-left:8px;padding-right:8px}}
.ss-media-index{--ink:#243c36;--paper:#f7f7f2;--green:#285347;--line:#d6dfd8}
.ss-media-index *{box-sizing:border-box}
.ss-media-index{scroll-behavior:smooth}
.ss-media-index{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,'Noto Sans JP',sans-serif;line-height:1.8}
.ss-media-index button,.ss-media-index a,.ss-media-index input{font:inherit}
.ss-media-index button{cursor:pointer}
.ss-media-index button:focus-visible,.ss-media-index a:focus-visible,.ss-media-index input:focus-visible{outline:3px solid #ae8133;outline-offset:5px}
.ss-media-index .proposal{background:#e6ece6;padding:9px 5%;font-size:12px;letter-spacing:.03em}
.ss-media-index .topbar{padding:23px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fafbf7}
.ss-media-index .wordmark{font-size:27px;letter-spacing:-.04em;font-weight:600}
.ss-media-index .wordmark span{font-size:11px;font-weight:450;margin-left:13px;letter-spacing:.2em}
.ss-media-index .topbar nav{display:flex;gap:22px;font-size:12px}
.ss-media-index .topbar a{color:inherit;text-decoration:none}
.ss-media-index .hero{margin:8px 24px 0}
.ss-media-index .hero img{display:block;width:100%;height:auto;border-radius:16px}
.ss-media-index .intro{max-width:850px;margin:34px auto 58px;padding:0 24px;font-size:14px}
.ss-media-index .intro p{margin:0}
.ss-media-index .intro small{display:block;color:#68776e;margin-top:12px;font-size:11px}
.ss-media-index .content{max-width:1120px;margin:auto;padding:0 30px}
.ss-media-index .series{padding:50px 0 55px;border-top:1px solid var(--line);scroll-margin-top:24px}
.ss-media-index .series-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:30px}
.ss-media-index .kicker{font-size:10px;letter-spacing:.22em;margin:0 0 7px;color:#66786a}
.ss-media-index h2{font-size:36px;font-weight:550;letter-spacing:.09em;line-height:1.4;margin:0}
.ss-media-index .dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#708d64;margin:0 0 4px 17px}
.ss-media-index .dot.people{background:#b39a77}
.ss-media-index .series-head>p{font-size:13px;max-width:460px;margin:0;line-height:2}
.ss-media-index .spotlight{display:grid;grid-template-columns:1.17fr 1fr;gap:18px}
.ss-media-index .stack{display:grid;grid-template-rows:1fr 1fr;gap:18px}
.ss-media-index .card{text-decoration:none;position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-width:0;text-align:left;background:#fff;border:1px solid #dce3dd;border-radius:3px;padding:25px;color:var(--ink);isolation:isolate;overflow:hidden;transition:transform .25s ease,background-color .25s ease,border-color .25s ease}
.ss-media-index .eyebrow{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.08em;color:#6b7c70}
.ss-media-index .card h3{color:inherit;font-size:18px;line-height:1.75;font-weight:600;margin:17px 0 13px;letter-spacing:.03em}
.ss-media-index .card p{font-size:12px;line-height:1.95;margin:0 0 20px;color:#5e7166}
.ss-media-index .card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:20px;font-size:11px}
.ss-media-index .arrow{display:grid;place-items:center;flex-shrink:0;width:37px;height:37px;border:1px solid #96a79b;border-radius:50%;font-size:20px;transition:transform .25s ease,background-color .25s ease,color .25s ease}
.ss-media-index .feature{min-height:520px;padding:36px;background:#254d41;color:white;border-color:#254d41}
.ss-media-index .feature .eyebrow,.ss-media-index .feature p{color:#d5e1d8}
.ss-media-index .feature h3{font-size:clamp(25px,3vw,35px);line-height:1.65;margin:35px 0 24px;max-width:430px}
.ss-media-index .feature p{font-size:14px;max-width:370px}
.ss-media-index .feature .arrow{border-color:#9eb3a6}
.ss-media-index .feature:before,.ss-media-index .feature:after{content:'';position:absolute;z-index:-1;width:310px;height:310px;border:1px solid #d0dfcf25;border-radius:50%;right:-80px;bottom:-130px;pointer-events:none}
.ss-media-index .feature:after{right:8px;bottom:-180px}
.ss-media-index .medium{background:#e9eee4;border-color:#e9eee4}
.ss-media-index .medium h3{font-size:23px;margin:15px 0 12px}
.ss-media-index .small-feature h3{font-size:20px}
.ss-media-index .small-feature p{display:none}
.ss-media-index .list-head{display:flex;justify-content:space-between;align-items:center;margin:32px 0 15px}
.ss-media-index .list-head h3{font-weight:500;font-size:14px;margin:0}
.ss-media-index .list-head span{font-size:9px;letter-spacing:.17em;color:#788578}
.ss-media-index .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ss-media-index .grid .card{min-height:290px}
.ss-media-index .grid .card p{display:none}
.ss-media-index .grid .card h3{font-size:17px;margin:24px 0 28px}
.ss-media-index .feature.people{background:#354d5b;border-color:#354d5b}
.ss-media-index .medium.people{background:#eee8dd;border-color:#eee8dd}
.ss-media-index .footer{margin-top:35px;background:#203c34;color:#e6ece7;padding:50px 6%;display:flex;justify-content:space-between;gap:20px;font-size:12px}
.ss-media-index .footer strong{font-size:24px}
.ss-media-index .note{font-size:11px;color:#66786a;margin:18px 0}
.ss-media-index .reading{width:min(830px,94vw);height:91dvh;padding:0;border:1px solid #cbd8cf;border-radius:12px;color:var(--ink)}
.ss-media-index .reading::backdrop{background:#203b35ba}
.ss-media-index .reading header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;background:#eef2eb;font-size:11px}
.ss-media-index .reading header button{background:white;border:1px solid #b6c6ba;border-radius:30px;padding:8px 17px;color:inherit}
.ss-media-index .reading iframe{width:100%;height:calc(100% - 67px);border:0}
@media(hover:hover){.ss-media-index .card:hover{transform:translateY(-4px);background:#edf3e8;border-color:#8da48e}
.ss-media-index .card:hover .arrow{transform:translate(3px,-3px);background:#254d41;color:white}
.ss-media-index .feature:hover{background:#315e4f;border-color:#466f59}
.ss-media-index .feature:hover .arrow{background:#e7eee1;color:#254d41}
.ss-media-index .feature.people:hover{background:#446270}
.ss-media-index .medium.people:hover{background:#e5dccb}
}
.ss-media-index .card:focus-visible .arrow{transform:translate(3px,-3px)}
@media(max-width:780px){.ss-media-index .content{padding:0 20px}
.ss-media-index .series-head{display:block}
.ss-media-index .series-head>p{margin-top:18px}
.ss-media-index .spotlight{grid-template-columns:1fr}
.ss-media-index .feature{min-height:380px;padding:28px}
.ss-media-index .feature h3{font-size:29px;max-width:540px;margin-top:26px}
.ss-media-index .stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}
.ss-media-index .card{padding:21px}
.ss-media-index .medium h3,.ss-media-index .small-feature h3{font-size:18px}
.ss-media-index .medium p{display:none}
.ss-media-index .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ss-media-index .grid .card{min-height:250px}
.ss-media-index .hero{margin:0 12px}
.ss-media-index .intro{margin-bottom:38px}
.ss-media-index .topbar nav{gap:12px}
.ss-media-index .wordmark span{display:block;margin:0;font-size:9px}
.ss-media-index .topbar{padding:17px 20px}
.ss-media-index .series{padding-top:33px}
.ss-media-index h2{font-size:31px}
}
@media(max-width:450px){.ss-media-index .stack{grid-template-columns:1fr}
.ss-media-index .stack .card{min-height:190px}
.ss-media-index .grid{gap:10px}
.ss-media-index .grid .card{padding:17px;min-height:260px}
.ss-media-index .grid .card h3{font-size:15px;margin:19px 0 22px}
.ss-media-index .grid .eyebrow{font-size:9px;letter-spacing:0}
.ss-media-index .card-bottom{font-size:10px;gap:5px}
.ss-media-index .arrow{width:32px;height:32px;font-size:18px}
.ss-media-index .footer{display:block}
.ss-media-index .feature{min-height:405px}
.ss-media-index .topbar nav{font-size:11px}
.ss-media-index .content{padding:0 16px}
}
@media(prefers-reduced-motion:reduce){.ss-media-index{scroll-behavior:auto}
.ss-media-index .card,.ss-media-index .arrow{transition:none!important;transform:none!important}
}

.ss-media-index a.card{text-decoration:none;cursor:pointer}.ss-media-index{scroll-margin-top:24px}.ss-media-index .series{scroll-margin-top:100px}