html{scroll-padding-top:0}.book-page{--accent:#e8f249;--glow:#b5df3e}.book-wrap{width:min(1380px,90%);margin-inline:auto}.book-page .breadcrumbs{margin-bottom:5px}.book-page h2{font-size:clamp(29px,3.2vw,48px);line-height:1.45;letter-spacing:-.045em;margin:0}.book-page em{font-style:normal;color:var(--accent)}.book-hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:5%;padding-block:30px 85px}.book-hero-kicker{font-size:clamp(15px,1.5vw,22px);font-weight:800;margin:0 0 20px}.book-hero h1{font-size:clamp(65px,7vw,110px);font-weight:900;line-height:1.12;letter-spacing:-.065em}.book-hero h1 em{display:block;font-size:1.28em}.book-hero h1 em span{color:var(--ink)}.book-intro{font-size:14px;line-height:2.2;color:#c8c9c5;margin:24px 0 26px}.book-hero-actions{display:flex;gap:22px;align-items:flex-start;flex-direction:column}.book-art{min-width:0;height:540px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:20px;background:radial-gradient(ellipse at 40% 45%,#dfff2f18,transparent 65%)}.book-art:after{content:'';position:absolute;z-index:-2;left:-1%;right:-3%;bottom:10%;height:34%;background:#243de4;transform:skewY(-11deg);border-radius:50% 0 0 0}.art-orbit{position:absolute;width:100%;aspect-ratio:1;border:1px solid #ffffff1c;border-radius:50%;transform:rotate(-30deg) scaleY(.65);z-index:-1}.art-orbit:before{content:'';position:absolute;inset:10%;border:1px dashed #ffffff1c;border-radius:50%}.floating-book{margin:0;width:43%;position:relative;animation:bookFloat 7s ease-in-out infinite}.floating-book img{width:100%;height:auto;display:block;border-right:6px solid #d9d3b9;box-shadow:14px 18px 30px #0009,-1px -1px 0 #fff4}.history-cover{transform:rotate(-9deg);margin-top:-45px}.five-cover{transform:rotate(8deg);margin-top:75px;animation-delay:-3s}.floating-book figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;margin-top:14px;font-size:12px;font-weight:800}.floating-book figcaption span{font:9px monospace;color:var(--accent);letter-spacing:1px}.art-note{position:absolute;color:var(--accent);font-weight:800;font-size:70px;line-height:1}.note-one{right:1%;top:2%;transform:rotate(20deg)}.note-two{left:-3%;bottom:13%;font-size:50px}.art-footnote{position:absolute;bottom:0;right:0;font:9px monospace;letter-spacing:3px;color:#8e919b}.book-ribbon{background:var(--accent);color:#141414;display:flex;justify-content:space-around;gap:20px;align-items:center;padding:24px 5%;font-size:clamp(14px,1.6vw,23px);font-weight:900}.book-ribbon>span{display:flex;align-items:center;gap:12px}.book-ribbon>span>span{font-size:16px;opacity:.5}.book-ribbon strong{font-size:34px;font-family:monospace}.book-section{padding-block:90px}.book-section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:40px}.book-section-heading>p{font-size:13px;line-height:2.1;color:#b8bbbf;margin:0 0 4px}.book-section-heading .eyebrow{margin-bottom:14px}.book-lineup{display:grid;grid-template-columns:1fr 1fr;gap:25px}.edition{--edition:#f6e536;display:grid;grid-template-columns:.85fr 1fr;gap:28px;padding:30px;background:linear-gradient(140deg,#f6e5360b,transparent 75%),#191a1d;border:1px solid #ffffff20}.edition-five{--edition:#b7e64b;background:linear-gradient(140deg,#b7e64b0b,transparent 75%),#191a1d}.edition-cover{position:relative;align-self:center;padding-top:28px}.edition-cover img{width:100%;height:auto;display:block;box-shadow:8px 10px 0 #0005}.edition-number{position:absolute;top:0;left:0;font:9px monospace;letter-spacing:1px;color:var(--edition)}.edition-info{align-self:center}.edition-info .eyebrow{font-size:10px;letter-spacing:.05em;color:var(--edition);margin:0 0 12px}.edition h3{font-size:18px;line-height:1.5;margin:0;letter-spacing:-.03em}.edition h3 strong{font-size:30px}.edition-info p:not(.eyebrow){font-size:12px;line-height:2.1;color:#c1c3c7}.edition-tags{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.edition-tags span{border:1px solid #ffffff38;padding:5px 9px;font-size:10px}.edition .button{background:var(--edition);width:100%;font-size:12px;padding:13px 16px;gap:10px}.edition .sub-link{display:inline-block;margin-top:18px;font-size:10px}.book-fine{color:#979ba4;font-size:11px;line-height:2;margin-top:24px}.book-sample{background:#1a1c23;padding-block:80px}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.sample-heading{display:flex;gap:14px;align-items:center;margin-bottom:18px}.sample-heading>span{font:28px monospace;color:var(--accent)}.sample-heading h3{font-size:21px;margin:0}.sample-heading small{font-size:11px;font-weight:400;display:block;margin-top:6px;color:#b0b4bc}.book-video{aspect-ratio:16/9;background:#0b0c10;overflow:hidden;border:1px solid #ffffff24;position:relative;margin:18px 0 8px}.book-video iframe{display:block;width:100%;height:100%;border:0}.book-video-launch{position:relative;display:flex;align-items:center;justify-content:center;gap:6%;width:100%;height:100%;border:0;padding:4%;background:radial-gradient(ellipse at 20% 30%,#c3f63930,transparent 65%),#151d18;color:var(--ink);cursor:pointer}.sample-history .book-video-launch{background:linear-gradient(120deg,#b1a11740,#142d75)}.sample-five .book-video-launch{background:linear-gradient(120deg,#47942f55,#172f3a)}.book-video-launch img{height:91%;width:30%;object-fit:contain;transform:rotate(-8deg);filter:drop-shadow(8px 12px 8px #0007)}.play-icon{display:grid;place-items:center;flex-shrink:0;width:58px;height:58px;border-radius:50%;background:var(--accent);color:#111;font-size:20px;padding-left:3px;position:relative;z-index:1;transition:transform .2s}.book-video-launch:hover .play-icon{transform:scale(1.12)}.video-label{font:bold clamp(12px,1.8vw,24px)/1.5 monospace;position:relative;z-index:1}.video-label small{display:block;font:11px/1.9 'Noto Sans JP',sans-serif;margin-top:8px;color:#d0d6d1}.video-fallback{display:block;text-align:right;font-size:11px;padding:8px 0;color:#c2c5cd;text-decoration:underline;text-underline-offset:4px}.video-lines{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 22px,#c8ee3740 23px 27px,transparent 28px 37px);mask-image:radial-gradient(ellipse,#0007,transparent 70%);transform:rotate(-10deg)}.book-features{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.book-features article{padding:34px 30px 30px 0;border-right:1px solid var(--line);margin-right:30px}.book-features article:last-child{border:0;margin:0}.feature-number{font:13px monospace;color:var(--accent)}.book-features h3{font-size:23px;line-height:1.7;letter-spacing:-.04em}.book-features p{font-size:12px;line-height:2.2;color:#b5b8c0}.feature-word{display:block;font:9px monospace;letter-spacing:2px;color:#8c919a;margin-top:25px}.study-guide-link{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:30px 35px;margin-top:35px;background:var(--accent);color:#141414}.study-guide-link small{display:block;font:9px monospace;letter-spacing:2px;margin-bottom:10px}.study-guide-link strong{font-size:20px}.study-guide-link>b{font-size:32px}.study-guide-link:hover{background:#f6ff93}.book-tracks-section{background:#1c1d20}.book-track-columns{display:grid;grid-template-columns:1fr 1fr;gap:6%}.tracklist-heading{display:flex;align-items:center;gap:20px;border-bottom:2px solid var(--accent);padding-bottom:20px}.tracklist-heading>span{font:36px monospace;color:var(--accent)}.tracklist-heading h3{font-size:27px;margin:0}.tracklist-heading h3 small{display:block;font:9px monospace;letter-spacing:1.5px;color:#a7abb2;margin-top:10px}.book-track-list ol{list-style:none;padding:0;margin:0;counter-reset:songs}.book-track-list li{counter-increment:songs;display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line);font-size:13px;min-height:76px;padding:15px 0}.book-track-list li:before{content:counter(songs,decimal-leading-zero);font:11px monospace;color:#8f959d}.five-track-list li{padding:0}.five-track-list a{padding:17px 0;display:flex;align-items:center;gap:12px;flex:1;min-width:0}.five-track-list a>small{font-size:9px;color:var(--accent);border:1px solid #e8f24955;padding:4px;flex-shrink:0}.five-track-list a>span{flex:1;min-width:0}.five-track-list a em{display:block;font-size:10px;color:#999fa9;margin-top:5px}.five-track-list a>b{color:var(--accent);font-size:17px;font-weight:400}.five-track-list a:hover>span{color:var(--accent)}.inside-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.inside-grid img{display:block;width:100%;height:auto;transition:transform .2s}.inside-grid a:hover img{transform:translateY(-4px)}.inside-grid span{display:block;font-size:11px;margin-top:14px;color:#bbc0c9}.book-purchase{padding-block:85px;background:#e8f249;color:#141414}.book-purchase em{color:#243de4}.book-purchase .eyebrow{color:#3c431b}.book-purchase>.book-wrap>p:not(.eyebrow){font-size:13px}.purchase-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:40px}.purchase-grid>a{display:flex;gap:30px;align-items:center;background:#111215;color:var(--ink);padding:30px;transition:transform .2s}.purchase-grid>a:hover{transform:translateY(-4px)}.purchase-grid img{width:24%;height:auto;display:block;transform:rotate(-5deg)}.purchase-grid a>span{flex:1}.purchase-grid small{display:block;font-size:9px;color:#acb1bb;letter-spacing:1px}.purchase-grid strong{display:block;font-size:23px;line-height:1.6;margin-top:10px}.purchase-grid b{display:block;font-size:12px;color:var(--accent);margin-top:16px}.book-purchase .book-fine{color:#4f552c;font-size:10px}.book-page :is(#lineup,#sample,#tracks,#history-tracks,#five-tracks,#purchase){scroll-margin-top:110px}
/* Linked book articles share the same visual language and keep their source material local. */
.resource-hero{padding-block:35px 45px;border-bottom:1px solid var(--line)}.resource-hero h1{font-size:clamp(27px,4vw,52px);line-height:1.6;max-width:1000px}.resource-hero>p:not(.eyebrow){font-size:13px;line-height:2;color:#a9b0b9}.resource-hero .sub-link{display:inline-block;margin-top:20px}.resource-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:60px;padding-block:55px 80px;align-items:start}.resource-toc{position:sticky;top:120px}.resource-toc nav{display:grid}.resource-toc nav a{display:flex;gap:10px;align-items:baseline;font-size:11px;line-height:1.9;padding:14px 0;border-bottom:1px solid var(--line);color:#b9bec6}.resource-toc nav a:hover{color:var(--accent)}.resource-toc nav span{font:10px monospace;color:var(--accent)}.resource-body{min-width:0;max-width:920px;line-height:2.2;font-size:14px}.resource-body h2{font-size:clamp(22px,2.5vw,32px);line-height:1.7;padding:25px 0 18px;border-top:2px solid var(--accent);margin:65px 0 25px;scroll-margin-top:110px}.resource-body>h2:first-child{margin-top:0}.resource-body h3{font-size:22px;margin:40px 0 20px;line-height:1.8}.resource-body p{margin-block:1.4em}.resource-body a:not(.resource-image){color:var(--accent);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.resource-image{display:block;margin:25px 0}.resource-image img{display:block;width:auto;max-width:100%;max-height:800px;margin-inline:auto;height:auto}.author-note,.resource-callout{background:#e8f2490b;border-left:3px solid var(--accent);padding:20px 24px;margin:25px 0}.resource-table{overflow-x:auto;margin:25px 0;border:1px solid var(--line)}.resource-table table{border-collapse:collapse;width:100%;min-width:520px;background:#1a1c20;font-size:12px;line-height:1.9}.resource-table :is(th,td){padding:13px 16px;border:1px solid #ffffff23;text-align:left;vertical-align:top}.resource-table th{background:#e8f249;color:#161716}.resource-table tr:nth-child(even) td{background:#ffffff04}.resource-download{display:flex;flex-wrap:wrap;align-items:center;gap:16px;border:1px solid var(--line);padding:16px 20px;margin:12px 0;font-size:12px}.resource-download a:last-child{margin-left:auto}.resource-body .video-label{font:700 18px/1.8 'Noto Sans JP',sans-serif;max-width:65%}.resource-book-cta{border-top:1px solid var(--line);padding-block:65px;display:flex;gap:50px;align-items:center;justify-content:center}.resource-book-cta>img{width:150px;height:auto;transform:rotate(-6deg)}.resource-book-cta p:not(.eyebrow){font-size:12px;line-height:2;color:#aeb4be}.book-resource .next-product strong{font-size:clamp(18px,2.6vw,34px)}
@keyframes bookFloat{50%{translate:0 -10px}}
@media(min-width:1600px){.book-hero{padding-block:50px 110px}.book-art{height:600px}}
@media(max-width:1100px){.book-art{height:460px;gap:14px}.book-lineup{gap:18px}.edition{padding:20px;gap:20px;grid-template-columns:.8fr 1fr}.edition h3 strong{font-size:24px}.edition-info p:not(.eyebrow){font-size:11px}.book-hero h1{font-size:clamp(65px,8vw,90px)}.book-features h3{font-size:21px}.resource-layout{gap:35px;grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:850px){.book-page .product-header nav{gap:18px}.book-hero{gap:3%;padding-bottom:55px}.book-art{height:400px}.floating-book{width:45%}.book-hero h1{font-size:64px}.book-lineup{grid-template-columns:1fr}.edition{grid-template-columns:180px 1fr;padding:28px;gap:35px}.edition-info p:not(.eyebrow){font-size:13px}.edition h3 strong{font-size:32px}.edition .button{width:auto;min-width:200px;display:flex}.edition .sub-link{margin-bottom:4px}.book-section{padding-block:65px}.book-section-heading{align-items:start}.book-section-heading>p{font-size:12px}.book-features article{padding-right:18px;margin-right:18px}.book-features h3{font-size:18px}.study-guide-link strong{font-size:17px}.inside-grid{gap:15px}.purchase-grid>a{padding:22px;gap:20px}.purchase-grid strong{font-size:19px}.resource-layout{display:block}.resource-toc{position:static;margin-bottom:45px}.resource-toc nav{grid-template-columns:1fr 1fr;gap:0 25px}}
@media(max-width:600px){.book-page .product-header{height:76px;padding-inline:5%;gap:12px}.book-page .brand{font-size:29px}.book-page .brand small{font-size:7px}.book-page .product-header nav{display:none}.book-page .header-cta{font-size:11px;padding:11px 13px}.book-page .header-cta span{margin-left:10px}.book-page .breadcrumbs{font-size:8px;letter-spacing:1px;gap:10px;padding-block:20px}.book-wrap{width:90%}.book-hero{grid-template-columns:1fr;padding-top:12px;padding-bottom:35px;gap:0}.book-hero .eyebrow{font-size:9px;margin-bottom:18px}.book-hero-kicker{font-size:15px;margin-bottom:16px}.book-hero h1{font-size:64px;line-height:1.15}.book-hero h1 em{display:inline;font-size:1em}.book-hero h1>br{display:none}.book-intro{font-size:12px;margin:22px 0}.book-hero-actions{gap:20px}.book-hero-actions .button{padding:15px 20px;font-size:12px}.book-art{height:370px;margin:25px 0 5px;gap:22px}.floating-book{width:37%}.history-cover{margin-top:-10px}.five-cover{margin-top:45px}.floating-book figcaption{font-size:10px;gap:5px}.floating-book figcaption span{font-size:7px}.note-one{top:4%;font-size:45px;right:3%}.note-two{font-size:40px;left:2%;bottom:18%}.art-footnote{font-size:7px;letter-spacing:2px}.book-ribbon{padding:18px 5%;gap:15px;flex-wrap:wrap;font-size:12px;justify-content:space-between}.book-ribbon>span{gap:5px}.book-ribbon>span:first-child{width:100%;justify-content:center;font-size:19px;padding-bottom:10px;border-bottom:1px solid #1112}.book-ribbon strong{font-size:25px}.book-section{padding-block:50px}.book-section-heading{display:block;margin-bottom:30px}.book-section-heading>p{margin-top:20px;font-size:12px}.book-page h2{font-size:29px}.edition{padding:22px 18px;gap:18px;grid-template-columns:38% 1fr}.edition-number{font-size:7px;letter-spacing:.5px}.edition h3{font-size:13px}.edition h3 strong{font-size:24px}.edition-info .eyebrow{font-size:9px;line-height:1.7}.edition-info p:not(.eyebrow){font-size:11px}.edition-info p br{display:none}.edition-tags{margin-block:12px}.edition-tags span{font-size:8px;padding:4px 6px}.edition .button{min-width:0;width:100%;padding:11px 10px;font-size:10px}.edition .button span{font-size:16px}.edition .sub-link{font-size:9px;margin-top:14px}.book-fine{font-size:10px}.book-sample{padding-block:50px}.sample-grid{grid-template-columns:1fr;gap:30px}.sample-heading h3{font-size:20px}.video-label{font-size:19px}.video-label small{font-size:10px}.play-icon{width:46px;height:46px;font-size:17px}.book-features{grid-template-columns:1fr}.book-features article{margin:0;padding:25px 0;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:35px 1fr;column-gap:12px}.book-features h3{font-size:20px;margin:0}.book-features p,.feature-word{grid-column:2}.book-features p{font-size:12px;margin:16px 0 0}.feature-number{padding-top:8px}.feature-word{margin-top:20px;font-size:8px}.study-guide-link{padding:25px 20px;gap:15px;margin-top:25px}.study-guide-link strong{font-size:14px;line-height:1.8;display:block}.study-guide-link small{font-size:8px;letter-spacing:1px}.study-guide-link>b{font-size:24px}.book-track-columns{grid-template-columns:1fr;gap:45px}.tracklist-heading h3{font-size:25px}.history-track-list li{min-height:58px;font-size:12px}.book-track-list li{gap:12px}.five-track-list a{font-size:12px;gap:9px}.five-track-list a em{font-size:10px}.inside-grid{grid-template-columns:1fr;gap:26px}.book-purchase{padding-block:55px}.purchase-grid{grid-template-columns:1fr;gap:18px;margin-top:30px}.purchase-grid>a{padding:24px;gap:25px}.purchase-grid img{width:26%}.purchase-grid strong{font-size:22px}.resource-hero{padding-block:15px 35px}.resource-hero h1{font-size:27px}.resource-hero>p:not(.eyebrow){font-size:12px}.resource-layout{padding-block:35px 50px}.resource-toc nav{grid-template-columns:1fr}.resource-toc .eyebrow{margin-bottom:5px}.resource-toc nav a{font-size:10px;padding:12px 0}.resource-body{font-size:13px}.resource-body h2{font-size:23px;margin-top:45px;scroll-margin-top:95px}.resource-body h3{font-size:19px}.author-note,.resource-callout{padding:18px}.resource-body .video-label{font-size:12px;max-width:65%}.resource-body .play-icon{width:42px;height:42px}.resource-download{font-size:11px;padding:14px;gap:12px}.resource-book-cta{padding-block:40px;gap:25px;align-items:start}.resource-book-cta>img{width:26%;margin-top:14px}.resource-book-cta>div{min-width:0;flex:1}.resource-book-cta h2{font-size:25px}.resource-book-cta .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:15px}.resource-book-cta .button{font-size:11px;padding:13px 15px;gap:15px}.book-resource .next-product{padding-block:30px}.book-resource .next-product strong{font-size:20px}.book-page .product-footer{gap:20px;flex-wrap:wrap}.book-page :is(#lineup,#sample,#tracks,#history-tracks,#five-tracks,#purchase){scroll-margin-top:95px}}
@media(max-width:600px){.book-hero{display:flex;flex-direction:column;align-items:stretch}.book-hero-copy{display:contents}.book-hero .eyebrow{order:1;margin-bottom:14px}.book-hero-kicker{order:2;margin-bottom:14px}.book-hero h1{order:3;font-size:clamp(34px,11vw,55px);white-space:nowrap}.book-hero h1 em{display:inline}.book-hero .book-art{order:4;height:300px;margin:12px 0 0}.book-hero .book-intro{order:5;margin:15px 0 22px}.book-hero-actions{order:6}.book-hero .floating-book{width:40%}}
@media(prefers-reduced-motion:reduce){.book-page{scroll-behavior:auto}.floating-book{animation:none}.book-page *{scroll-behavior:auto!important;transition:none!important}}

.book-page h1{scroll-margin-top:110px}@media(max-width:600px){.book-page h1{scroll-margin-top:95px}.resource-table:before{content:"↔ 表は横にスクロールできます";display:block;padding:10px 14px;font-size:10px;color:#c4c7cb;background:#191c20}}

/* Each book track keeps its original, locally stored thumbnail at the top. */
.resource-heading>p:not(.eyebrow){font-size:13px;line-height:2;color:#a9b0b9}.resource-hero-with-thumbnail{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:5%;padding-block:30px 45px}.resource-hero-with-thumbnail h1{font-size:clamp(26px,2.8vw,40px);line-height:1.65;overflow-wrap:anywhere}.resource-hero-thumbnail{margin:0;min-width:0}.resource-hero-thumbnail img{display:block;width:100%;height:auto;border:1px solid #ffffff24;box-shadow:10px 12px 0 #0004}.resource-hero-with-thumbnail .resource-heading .sub-link{font-size:11px}@media(max-width:850px){.resource-hero-with-thumbnail{grid-template-columns:1fr;gap:28px}.resource-hero-thumbnail{max-width:760px}.resource-hero-with-thumbnail h1{font-size:clamp(26px,4vw,36px)}}@media(max-width:600px){.resource-hero-with-thumbnail{padding-block:15px 35px;gap:24px}.resource-hero-with-thumbnail h1{font-size:27px}.resource-heading>p:not(.eyebrow){font-size:12px}.resource-hero-thumbnail img{box-shadow:6px 8px 0 #0004}}