.yt-hub{--yt-ink:#352b42;--yt-muted:#71667d;--yt-purple:#7653aa;--yt-pink:#d55691;overflow:hidden;background:#fcfaff;color:var(--yt-ink)}
.yt-hub p{white-space:normal;overflow-wrap:anywhere}
.yt-hub *{box-sizing:border-box}.yt-shell{width:min(1120px,calc(100% - 36px));margin-inline:auto}.yt-section{padding:84px 0}.yt-eyebrow{margin:0 0 10px;color:#bf4f86;font-family:Poppins,sans-serif;font-size:12px;font-weight:900;letter-spacing:.16em}.yt-heading{max-width:690px;margin-bottom:34px}.yt-heading--center{margin-inline:auto;text-align:center}.yt-heading h2{margin:0 0 12px;font-size:clamp(30px,4.5vw,48px);line-height:1.28;letter-spacing:-.035em}.yt-heading>p:last-child{margin:0;color:var(--yt-muted);font-size:15px;line-height:1.9}
.yt-hero{position:relative;min-height:620px;overflow:hidden;background:#1c1233;color:#fff}.yt-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.yt-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,12,42,.25),rgba(22,12,42,.58) 48%,rgba(22,12,42,.84))}.yt-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:260px minmax(0,620px);align-items:center;justify-content:center;gap:52px;min-height:620px;padding-block:74px}.yt-hero__avatar{width:250px;height:250px;border:5px solid rgba(255,255,255,.86);border-radius:50%;box-shadow:0 24px 70px rgba(6,0,20,.45)}.yt-hero h1{margin:0 0 20px;font-size:clamp(42px,6vw,72px);line-height:1.12;letter-spacing:-.045em}.yt-hero h1 em{color:#ffc6e2;font-style:normal}.yt-hero__inner>div>p:not(.yt-eyebrow){max-width:620px;margin:0;color:#eee7f5;font-size:16px;line-height:1.95}.yt-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.yt-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border-radius:999px;padding:13px 24px;text-decoration:none;font-size:14px;font-weight:900;transition:transform .18s,box-shadow .18s}.yt-btn:hover{transform:translateY(-2px)}.yt-btn--primary{background:linear-gradient(135deg,#d95492,#885ec2);color:#fff;box-shadow:0 12px 28px rgba(197,74,143,.3)}.yt-btn--ghost{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(8px)}.yt-btn--youtube{background:#f02b2b;color:#fff}.yt-jump{position:sticky;z-index:20;top:0;border-bottom:1px solid #eee5f4;background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}.yt-jump .yt-shell{display:flex;justify-content:center;gap:8px;padding:10px 0;overflow-x:auto;scrollbar-width:none}.yt-jump a{flex:0 0 auto;border-radius:999px;padding:9px 15px;color:#5d4a69;text-decoration:none;font-size:12px;font-weight:800}.yt-jump a:hover{background:#f2eafb;color:#7b55ad}
.yt-section--latest{background:linear-gradient(180deg,#fff,#f8f3fc)}.yt-feature{display:grid;grid-template-columns:minmax(280px,390px) minmax(0,1fr);gap:42px;align-items:center;border:1px solid #e8ddf1;border-radius:30px;background:#fff;padding:24px;box-shadow:0 24px 70px rgba(75,47,94,.12)}.yt-feature__media{position:relative;overflow:hidden;border-radius:22px;background:#25172f;aspect-ratio:9/16;box-shadow:0 14px 38px rgba(34,18,46,.25)}.yt-feature__video,.yt-feature__pending,.yt-feature__pending img{display:block;width:100%;height:100%;object-fit:cover}.yt-feature__embed{position:absolute;inset:0}.yt-feature__embed iframe{width:100%;height:100%;border:0}.yt-feature__preview{position:absolute;top:14px;left:14px;border-radius:999px;background:rgba(28,16,45,.78);padding:7px 11px;color:#fff;font-size:10px;font-weight:800;backdrop-filter:blur(8px)}.yt-feature__pending{position:relative}.yt-feature__pending span{position:absolute;inset:auto 16px 18px;border-radius:999px;background:rgba(25,13,38,.82);padding:12px;color:#fff;text-align:center;font-size:12px;font-weight:900}.yt-feature__meta{display:flex;gap:8px;margin-bottom:16px}.yt-feature__meta span{border-radius:999px;background:#f3eafa;padding:6px 11px;color:#77559c;font-size:11px;font-weight:800}.yt-feature__body h3{margin:0 0 14px;font-size:clamp(27px,4vw,42px);line-height:1.35;letter-spacing:-.03em}.yt-feature__body>p{color:var(--yt-muted);font-size:15px;line-height:1.9}.yt-points{display:grid;gap:10px;margin:22px 0;padding:0;list-style:none}.yt-points li{position:relative;border-radius:12px;background:#faf7fc;padding:12px 13px 12px 38px;color:#55475f;font-size:13px;line-height:1.7}.yt-points li:before{position:absolute;left:14px;content:'✓';color:#d55691;font-weight:900}.yt-feature__links{display:flex;flex-direction:column;align-items:flex-start;gap:11px;margin-top:22px}.yt-text-link{color:#7653aa;text-decoration:none;font-size:13px;font-weight:900}.yt-text-link:hover{text-decoration:underline}.yt-feature__credit{margin-top:20px!important;color:#93879d!important;font-size:10px!important}
.yt-section--library{background:#f7f2fb}.yt-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.yt-video-card{overflow:hidden;border:1px solid #e6dbef;border-radius:24px;background:#fff;box-shadow:0 12px 38px rgba(69,41,85,.09)}.yt-video-card__media{position:relative;aspect-ratio:9/16;background:#21152f}.yt-video-card__media video,.yt-video-card__media img,.yt-video-card__media>a{display:block;width:100%;height:100%;object-fit:cover}.yt-video-card__media>a{position:relative}.yt-video-card__media>a span{position:absolute;right:14px;bottom:14px;left:14px;border-radius:999px;background:rgba(224,35,52,.92);padding:11px;color:#fff;text-align:center;font-size:12px;font-weight:900}.yt-video-card__body{padding:21px}.yt-video-card__body h3{margin:0 0 11px;font-size:19px;line-height:1.55}.yt-video-card__body>p{margin:0;color:var(--yt-muted);font-size:12.5px;line-height:1.85}.yt-video-card__links{display:grid;gap:8px;margin-top:17px}.yt-video-card__links a{color:#7653aa;text-decoration:none;font-size:12px;font-weight:900}.yt-video-card__links a:hover{text-decoration:underline}
.yt-series-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.yt-series{position:relative;display:flex;min-height:290px;flex-direction:column;border:1px solid #e9e0ef;border-radius:22px;background:#fff;padding:25px 21px;text-decoration:none;box-shadow:0 8px 28px rgba(69,41,85,.07);transition:transform .2s,box-shadow .2s}.yt-series:before{position:absolute;inset:0 auto 0 0;width:5px;border-radius:22px 0 0 22px;background:var(--series-color);content:''}.yt-series:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(69,41,85,.14)}.yt-series__icon{font-size:38px}.yt-series h3{margin:17px 0 10px;color:var(--yt-ink);font-size:20px;line-height:1.45}.yt-series p{margin:0;color:var(--yt-muted);font-size:12px;line-height:1.85}.yt-series__arrow{margin-top:auto;padding-top:18px;color:var(--series-color);font-size:11px;font-weight:900}
.yt-section--flow{background:#241735;color:#fff}.yt-section--flow .yt-eyebrow{color:#f3a9ce}.yt-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none;counter-reset:item}.yt-flow li{position:relative;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(255,255,255,.055);padding:27px 24px}.yt-flow li>span{display:block;margin-bottom:18px;color:#f0a5ca;font-family:Poppins,sans-serif;font-size:42px;font-weight:900}.yt-flow b{font-size:20px}.yt-flow p{margin:10px 0 0;color:#d4c9dc;font-size:13px;line-height:1.85}.yt-flow__cta{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:34px}.yt-flow__cta span{color:#bfb1ca;font-size:11px}
.yt-policy{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:start}.yt-policy h2{margin:0 0 18px;font-size:clamp(30px,4.5vw,48px);line-height:1.3}.yt-policy>div>p:not(.yt-eyebrow){color:var(--yt-muted);font-size:14px;line-height:2}.yt-policy ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.yt-policy li{border:1px solid #e7dcef;border-radius:18px;background:#fff;padding:20px;box-shadow:0 8px 28px rgba(66,38,83,.06)}.yt-policy li b,.yt-policy li span{display:block}.yt-policy li b{margin-bottom:7px;color:#654687;font-size:15px}.yt-policy li span{color:var(--yt-muted);font-size:12px;line-height:1.75}.yt-faq{background:#f5eff9}.yt-faq details{max-width:800px;margin:0 auto 10px;border:1px solid #e4d8ec;border-radius:15px;background:#fff;padding:0 19px}.yt-faq summary{cursor:pointer;padding:18px 28px 18px 0;font-size:14px;font-weight:900}.yt-faq details p{margin:0;padding:0 0 18px;color:var(--yt-muted);font-size:13px;line-height:1.85}
@media(max-width:900px){.yt-hero__inner{grid-template-columns:190px 1fr;gap:30px}.yt-hero__avatar{width:180px;height:180px}.yt-video-grid,.yt-series-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.yt-shell{width:calc(100% - 24px);max-width:100%}.yt-section{padding:58px 0}.yt-hero{min-height:auto}.yt-hero__shade{background:linear-gradient(180deg,rgba(22,12,42,.4),rgba(22,12,42,.92))}.yt-hero__inner{grid-template-columns:minmax(0,1fr);justify-items:center;min-height:auto;gap:20px;padding:50px 6px;text-align:center}.yt-hero__inner>div{min-width:0;width:100%;max-width:100%}.yt-hero__avatar{width:132px;height:132px}.yt-hero h1{max-width:100%;font-size:36px;line-height:1.18}.yt-hero__inner>div>p:not(.yt-eyebrow),.yt-heading>p:last-child{display:block;width:100%;max-width:100%;white-space:normal!important;word-break:break-all!important;font-size:13px}.yt-hero__actions{justify-content:center}.yt-jump .yt-shell{justify-content:flex-start}.yt-feature{width:100%;grid-template-columns:minmax(0,1fr);gap:25px;border-radius:23px;padding:13px}.yt-feature__media{width:100%;max-width:360px;margin:auto}.yt-feature__body{min-width:0;padding:4px 6px 14px}.yt-video-grid,.yt-series-grid,.yt-flow,.yt-policy{grid-template-columns:minmax(0,1fr)}.yt-video-card{max-width:390px;margin-inline:auto}.yt-series{min-height:230px}.yt-policy{gap:28px}}
@media(prefers-reduced-motion:reduce){.yt-btn,.yt-series{transition:none}.yt-btn:hover,.yt-series:hover{transform:none}}

/* 2026-08-09 追記: 読み物パート（yt-why / yt-series-detail / yt-policy 内の解説 / yt-cta-final）。
   本文を足したときにクラスの受け皿が無く、この範囲だけ素のHTMLで表示されていた。
   既存のトーン（.yt-shell の幅・var(--yt-ink) 系の色）に合わせる。 */
.yt-wrap{width:min(880px,calc(100% - 36px));margin-inline:auto}
.yt-why,.yt-series-detail{background:#fff}
.yt-why h2,.yt-series-detail h2,.yt-cta-final h2{margin:0 0 22px;font-size:clamp(26px,3.6vw,38px);line-height:1.34;letter-spacing:-.03em;color:var(--yt-ink)}
.yt-why p,.yt-series-detail p{margin:0 0 18px;color:var(--yt-muted);font-size:14.5px;line-height:2.05}
.yt-why strong,.yt-series-detail strong{color:#5c3f7d;font-weight:800}
.yt-series-detail h3{margin:34px 0 12px;padding-left:14px;border-left:5px solid #d55691;font-size:19px;line-height:1.6;color:var(--yt-ink)}
.yt-why figure{margin:26px 0}
.yt-why figure svg{max-width:100%;height:auto}
.yt-policy .yt-wrap h3{margin:26px 0 10px;font-size:17px;color:#654687}
.yt-policy .yt-wrap p{margin:0 0 14px;color:var(--yt-muted);font-size:14px;line-height:2}
.yt-cta-final{background:#f7f2fb}
.yt-cta-final h2{color:#fff}
.yt-cta-final p{margin:0;font-size:14.5px}
@media(max-width:680px){
	.yt-wrap{width:calc(100% - 24px)}
	.yt-why p,.yt-series-detail p{font-size:13.5px;line-height:1.95}
	.yt-series-detail h3{font-size:16.5px;margin-top:26px}
	.yt-why figure svg{min-width:0}
}