@charset "UTF-8";

.article-page { background: #f7f2e8; }
.article-page::before {
  content: "";
  position: fixed;
  z-index: -1;
  inset: 0;
  background-image: radial-gradient(rgba(23,55,47,.07) .7px, transparent .7px);
  background-size: 17px 17px;
  opacity: .3;
}
.reading-progress { position: fixed; z-index: 110; top: 0; right: 0; left: 0; height: 4px; background: rgba(23,55,47,.08); }
.reading-progress span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--orange), var(--acid)); box-shadow: 0 0 16px rgba(255,104,70,.42); transition: width .08s linear; }
.article-header .main-nav a.is-current::after { width: 100%; }

.book-hero {
  position: relative;
  min-height: 920px;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr);
  align-items: center;
  gap: clamp(45px, 7vw, 105px);
  padding: 160px max(5vw, calc((100vw - 1180px) / 2)) 100px;
  overflow: hidden;
}
.book-hero__grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(23,55,47,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(23,55,47,.07) 1px, transparent 1px); background-size: 46px 46px; mask-image: linear-gradient(to bottom, #000 0, transparent 88%); opacity: .35; }
.book-hero__orb { position: absolute; border-radius: 50%; pointer-events: none; }
.book-hero__orb--one { top: 16%; left: -8vw; width: 32vw; height: 32vw; border: clamp(45px,6vw,90px) solid rgba(103,87,232,.09); animation: orbFloat 9s ease-in-out infinite; }
.book-hero__orb--two { right: 40%; bottom: 7%; width: 150px; height: 150px; background: var(--orange); opacity: .09; filter: blur(3px); animation: orbFloat 7s ease-in-out -3s infinite reverse; }
.book-hero__copy, .book-hero__visual { position: relative; z-index: 2; }
.back-link { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 30px; color: var(--muted); font-size: .74rem; font-weight: 800; }
.back-link span { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid var(--line); border-radius: 50%; transition: transform .25s ease, background .25s ease; }
.back-link:hover span { background: var(--acid); transform: translateX(5px); }
.summary-badge { width: max-content; display: flex; align-items: center; gap: 9px; margin-bottom: 18px; padding: 8px 13px; border: 1px solid var(--ink); border-radius: 50px; background: rgba(255,253,248,.66); font-size: .7rem; font-weight: 900; box-shadow: 4px 4px 0 var(--ink); transform: rotate(-1deg); }
.summary-badge i { color: var(--orange); font-style: normal; }
.book-hero h1 { margin: 0; font-size: clamp(4rem, 7vw, 7.2rem); line-height: 1.02; letter-spacing: -.085em; font-weight: 900; }
.book-hero h1 em { position: relative; color: var(--orange); font-style: normal; z-index: 1; }
.book-hero h1 em::after { content: ""; position: absolute; z-index: -1; right: -3%; bottom: 0; width: 106%; height: 20px; border-radius: 50%; background: var(--acid); transform: rotate(-1deg); }
.book-hero__subtitle { max-width: 650px; margin: 27px 0 0; color: #51645d; font-size: clamp(1.05rem,1.6vw,1.3rem); line-height: 1.9; }
.book-meta { display: flex; flex-wrap: wrap; gap: 0; margin-top: 34px; padding-block: 17px; border-block: 1px solid var(--line); }
.book-meta > span { display: grid; min-width: 135px; padding: 0 20px; border-left: 1px solid var(--line); }
.book-meta > span:first-child { padding-right: 0; }.book-meta > span:last-child { border-left: 0; }
.book-meta small { color: var(--muted); font-size: .62rem; font-weight: 700; }.book-meta strong { margin-top: 3px; font-size: .82rem; }
.book-hero__actions { display: flex; align-items: center; gap: 24px; margin-top: 30px; }
.book-hero__actions .button svg { width: 18px; }
.quiet-link { display: inline-flex; align-items: center; gap: 8px; font-size: .78rem; font-weight: 900; }
.quiet-link span { color: var(--orange); font-size: 1.2rem; transition: transform .2s ease; }.quiet-link:hover span { transform: translateY(4px); }
.source-line { margin: 22px 0 0; color: #7b8782; font-size: .67rem; }

.book-hero__visual { min-height: 660px; display: grid; place-items: center; }
.cover-stage { position: relative; width: min(510px,100%); min-height: 620px; display: grid; place-items: center; border-radius: 44% 56% 50% 50% / 49% 44% 56% 51%; background: var(--acid); }
.cover-stage::before { content: ""; position: absolute; inset: 8%; border: 1px dashed rgba(23,55,47,.35); border-radius: 50%; animation: spinSlow 28s linear infinite; }
.cover-stage::after { content: ""; position: absolute; top: 13%; right: 10%; width: 18px; height: 18px; border-radius: 50%; background: var(--purple); box-shadow: -350px 380px 0 var(--orange); }
.article-cover { z-index: 2; width: clamp(275px,24vw,350px); transform: rotate(4deg); animation: articleBookFloat 5.5s ease-in-out infinite; }
.cover-stage__shadow { position: absolute; z-index: 1; right: 20%; bottom: 11%; width: 62%; height: 45px; border-radius: 50%; background: rgba(23,55,47,.24); filter: blur(20px); }
.cover-note { position: absolute; z-index: 4; padding: 10px 14px; border: 2px solid var(--ink); background: var(--white); box-shadow: 5px 5px 0 var(--ink); font-size: .7rem; font-weight: 900; }
.cover-note--one { top: 20%; right: -4%; transform: rotate(7deg); }.cover-note--two { bottom: 20%; left: -5%; background: var(--orange); color: white; transform: rotate(-7deg); }
.hero-principle { position: absolute; z-index: 5; right: 50%; bottom: -2px; width: min(330px,85%); display: grid; gap: 3px; padding: 16px 20px; border: 1px solid rgba(23,55,47,.15); border-radius: 17px; background: rgba(255,253,248,.88); box-shadow: 0 17px 42px rgba(23,55,47,.14); backdrop-filter: blur(13px); transform: translateX(50%); text-align: center; }
.hero-principle span { color: var(--muted); font-size: .62rem; }.hero-principle strong { font-size: .86rem; }

.overview-band { padding: 120px max(5vw, calc((100vw - 1180px) / 2)); background: var(--ink); color: white; }
.overview-band__intro { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: end; }
.overview-band .kicker { color: var(--acid); }.overview-band h2 { grid-column: 1 / -1; margin: 0; font-size: clamp(3.3rem,6vw,6.7rem); line-height: 1.05; letter-spacing: -.075em; }
.overview-band__copy { width: min(680px,100%); margin: 45px 0 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 35px; color: #b8c6c0; }
.overview-band__copy p { margin: 0; font-size: .91rem; line-height: 2.05; }
.overview-rules { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; margin-top: 65px; }
.rule-card { min-height: 230px; padding: 24px; border: 1px solid rgba(255,255,255,.12); border-radius: 22px; background: rgba(255,255,255,.045); transition: transform .3s ease, background .3s ease, border-color .3s ease; }
.rule-card:hover { transform: translateY(-8px); background: rgba(255,255,255,.08); border-color: var(--acid); }.rule-card > span { color: var(--acid); font-size: .66rem; font-weight: 900; }.rule-card h3 { margin: 35px 0 9px; font-size: 1.05rem; }.rule-card p { margin: 0; color: #aebdb7; font-size: .78rem; line-height: 1.9; }

.reading-layout { width: min(1180px, calc(100% - 10vw)); display: grid; grid-template-columns: 235px minmax(0,1fr); gap: clamp(50px,7vw,100px); margin: 0 auto; padding: 110px 0 130px; align-items: start; }
.chapter-nav { position: sticky; top: 115px; }
.chapter-nav__inner { padding: 20px; border: 1px solid var(--line); border-radius: 23px; background: rgba(255,253,248,.78); box-shadow: 0 18px 45px rgba(23,55,47,.07); backdrop-filter: blur(14px); }
.chapter-nav__inner > p { margin: 0 8px 13px; color: var(--muted); font-size: .63rem; font-weight: 900; }
.chapter-nav a { display: flex; align-items: center; gap: 10px; padding: 10px 8px; border-radius: 11px; color: #66746e; font-size: .71rem; font-weight: 750; transition: background .2s ease, color .2s ease, transform .2s ease; }
.chapter-nav a span { width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--muted); font-size: .58rem; }
.chapter-nav a:hover { color: var(--ink); transform: translateX(-3px); }.chapter-nav a.is-active { background: var(--ink); color: white; }.chapter-nav a.is-active span { border-color: var(--acid); background: var(--acid); color: var(--ink); }
.chapter-nav__note { display: flex; gap: 9px; margin-top: 15px; padding: 13px 10px 4px; border-top: 1px solid var(--line); color: var(--muted); font-size: .61rem; line-height: 1.7; }.chapter-nav__note i { color: var(--orange); font-style: normal; }
.long-summary { min-width: 0; }
.chapter { padding: 0 0 110px; margin-bottom: 110px; border-bottom: 1px solid var(--line); scroll-margin-top: 120px; }
.chapter__header { position: relative; padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid var(--line); }
.chapter__number { position: absolute; top: 3px; left: 0; padding: 8px 13px; border: 1px solid var(--ink); border-radius: 50px; background: var(--acid); font-size: .64rem; font-weight: 900; transform: rotate(-3deg); }
.chapter__header h2 { max-width: 720px; margin: 0; font-size: clamp(3rem,5vw,5rem); line-height: 1.13; letter-spacing: -.065em; }
.chapter__lead { max-width: 720px; margin: 24px 0 0; color: #53665e; font-size: 1.08rem; line-height: 2; }
.chapter > p, .chapter > h3, .chapter > blockquote { width: min(720px,100%); margin-inline: auto; }
.chapter > p { margin-top: 0; margin-bottom: 23px; color: #40554d; font-size: .98rem; line-height: 2.15; }
.chapter > h3 { margin-top: 50px; margin-bottom: 15px; font-size: 1.55rem; letter-spacing: -.035em; }

.concept-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 13px; margin: 48px 0; padding: 24px; border: 1px solid var(--line); border-radius: 22px; background: var(--white); }
.concept-flow > div { min-height: 112px; display: grid; align-content: center; gap: 7px; padding: 17px; border-radius: 15px; background: var(--paper); text-align: center; }.concept-flow > div:nth-of-type(2) { background: #f1edff; }.concept-flow > div:nth-of-type(3) { background: #fff0e9; }
.concept-flow span { color: var(--orange); font-size: .63rem; font-weight: 900; }.concept-flow strong { font-size: .76rem; line-height: 1.7; }.concept-flow > b { color: var(--orange); }
.need-ladder { width: min(720px,100%); display: grid; gap: 7px; margin: 30px auto 45px; }
.need-ladder > div { width: var(--ladder-width,100%); display: grid; grid-template-columns: 35px 130px 1fr; align-items: center; gap: 10px; min-height: 58px; margin-inline: auto; padding: 10px 17px; border-radius: 13px; background: var(--ink); color: white; }
.need-ladder > div:nth-child(1) { --ladder-width: 56%; background: var(--orange); }.need-ladder > div:nth-child(2) { --ladder-width: 67%; background: var(--purple); }.need-ladder > div:nth-child(3) { --ladder-width: 78%; }.need-ladder > div:nth-child(4) { --ladder-width: 89%; background: var(--ink-2); }.need-ladder > div:nth-child(5) { --ladder-width: 100%; background: #385f55; }
.need-ladder span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: rgba(255,255,255,.15); font-size: .6rem; }.need-ladder strong { font-size: .77rem; }.need-ladder small { color: rgba(255,255,255,.72); font-size: .67rem; }
.term-grid { width: min(720px,100%); display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin: 28px auto 45px; }
.term-grid > div { min-height: 130px; padding: 20px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,253,248,.72); }.term-grid b { display: block; margin-bottom: 7px; color: var(--orange); font-size: .84rem; }.term-grid span { color: var(--muted); font-size: .75rem; line-height: 1.85; }
.practice-box { width: min(760px,100%); display: grid; grid-template-columns: 68px 1fr; gap: 19px; margin: 55px auto 0; padding: 28px; border: 2px solid var(--ink); border-radius: 23px; background: var(--acid); box-shadow: 8px 8px 0 var(--ink); }
.practice-box__icon { width: 60px; height: 60px; display: grid; place-items: center; border-radius: 18px; background: var(--ink); color: var(--acid); font-size: 1.7rem; font-weight: 900; transform: rotate(4deg); }.practice-box span { color: #556228; font-size: .62rem; font-weight: 900; }.practice-box h4 { margin: 2px 0 6px; font-size: 1.08rem; }.practice-box p { margin: 0; color: #465222; font-size: .78rem; line-height: 1.9; }

.emotion-strip { width: min(760px,100%); display: grid; grid-template-columns: repeat(6,1fr); gap: 8px; margin: 40px auto; }
.emotion-strip span { display: grid; place-items: center; gap: 7px; padding: 15px 5px; border: 1px solid var(--line); border-radius: 15px; background: var(--white); font-size: .65rem; font-weight: 800; }.emotion-strip i { display: grid; width: 37px; height: 37px; place-items: center; border-radius: 50%; background: var(--paper-2); color: var(--orange); font-size: 1.25rem; font-style: normal; }.emotion-strip span:nth-child(even) i { background: #eeeaff; color: var(--purple); }
.three-layers { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin: 30px 0 43px; }
.three-layers article { min-height: 210px; padding: 24px; border-radius: 20px; background: var(--ink); color: white; }.three-layers article:nth-child(2) { background: var(--orange); }.three-layers article:nth-child(3) { background: var(--purple); }.three-layers span { color: var(--acid); font-size: .63rem; font-weight: 900; }.three-layers article:nth-child(2) span { color: white; }.three-layers h4 { margin: 35px 0 8px; font-size: 1.2rem; }.three-layers p { margin: 0; color: rgba(255,255,255,.72); font-size: .73rem; line-height: 1.8; }
.caution-box { width: min(760px,100%); margin: 43px auto; padding: 25px 28px; border-right: 5px solid var(--orange); border-radius: 17px; background: #fff3ec; }.caution-box b { display: block; margin-bottom: 6px; font-size: .9rem; }.caution-box p { margin: 0; color: #705e55; font-size: .78rem; line-height: 1.9; }.caution-box--dark { border-right-color: var(--acid); background: var(--ink); color: white; }.caution-box--dark p { color: #bdcac5; }

.big-five { width: min(760px,100%); display: grid; gap: 9px; margin: 28px auto 45px; }
.big-five > div { display: grid; grid-template-columns: 55px 1fr; align-items: center; gap: 15px; padding: 15px 18px; border: 1px solid var(--line); border-radius: 15px; background: var(--white); }.big-five > div > span { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 13px; background: var(--ink); color: var(--acid); font-weight: 900; }.big-five > div:nth-child(2) > span { background: var(--orange); color: white; }.big-five > div:nth-child(3) > span { background: var(--purple); color: white; }.big-five > div:nth-child(4) > span { background: var(--blue); color: var(--ink); }.big-five > div:nth-child(5) > span { background: var(--paper-2); color: var(--orange); }.big-five p { margin: 0; color: var(--muted); font-size: .74rem; }.big-five strong { display: block; color: var(--ink); font-size: .89rem; }
.model-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin: 38px 0; }.model-cards article { min-height: 220px; padding: 23px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,253,248,.72); }.model-cards span { color: var(--orange); font-size: .65rem; font-weight: 900; }.model-cards h4 { margin: 35px 0 9px; font-size: 1.03rem; }.model-cards p { margin: 0; color: var(--muted); font-size: .73rem; line-height: 1.85; }
.pull-quote { padding: 36px; border-radius: 24px; background: var(--purple); color: white; font-size: clamp(1.45rem,3vw,2.3rem); line-height: 1.7; font-weight: 850; text-align: center; box-shadow: 9px 9px 0 var(--acid); }

.lie-myth { width: min(720px,100%); display: grid; grid-template-columns: 80px 1fr; gap: 10px 16px; margin: 40px auto; padding: 25px; border: 1px solid var(--line); border-radius: 20px; background: var(--white); }.lie-myth span, .lie-myth b { display: grid; place-items: center; padding: 6px 9px; border-radius: 50px; background: #ffe4dc; color: #a83920; font-size: .65rem; }.lie-myth b { background: #e5efac; color: var(--ink); }.lie-myth p { margin: 0; align-self: center; font-size: .79rem; }
.process-list { width: min(740px,100%); display: grid; gap: 0; margin: 24px auto 45px; padding: 0; list-style: none; }.process-list li { display: grid; grid-template-columns: 55px 1fr; gap: 15px; padding: 22px 0; border-bottom: 1px solid var(--line); }.process-list li > span { display: grid; width: 45px; height: 45px; place-items: center; border-radius: 50%; background: var(--ink); color: var(--acid); font-size: .71rem; font-weight: 900; }.process-list strong { font-size: .92rem; }.process-list p { margin: 5px 0 0; color: var(--muted); font-size: .75rem; line-height: 1.85; }

.observation-map { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 38px 0 45px; }.observation-map article { min-height: 155px; padding: 23px; border-radius: 18px; background: var(--ink); color: white; }.observation-map article:nth-child(2) { background: var(--purple); }.observation-map article:nth-child(3) { background: var(--orange); }.observation-map article:nth-child(4) { background: #327c68; }.observation-map span { color: var(--acid); font-size: .7rem; font-weight: 900; }.observation-map p { margin: 25px 0 0; color: rgba(255,255,255,.75); font-size: .77rem; line-height: 1.85; }
.question-list { width: min(760px,100%); display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 30px auto; }.question-list > div { display: grid; grid-template-columns: 42px 1fr; align-items: start; gap: 10px; padding: 17px; border: 1px solid var(--line); border-radius: 15px; background: var(--white); }.question-list span { color: var(--orange); font-size: .63rem; font-weight: 900; }.question-list p { margin: 0; font-size: .73rem; line-height: 1.8; }

.quick-sheet { scroll-margin-top: 120px; margin: 0 0 120px; padding: clamp(32px,5vw,55px); border-radius: 32px; background: var(--ink); color: white; overflow: hidden; }
.quick-sheet__head > span { color: var(--acid); font-size: .68rem; font-weight: 900; }.quick-sheet h2 { margin: 8px 0 6px; font-size: clamp(2.7rem,5vw,4.8rem); line-height: 1.15; letter-spacing: -.06em; }.quick-sheet__head > p { margin: 0; color: #adbbb6; }
.quick-sheet__grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; margin-top: 42px; }.quick-sheet__grid article { display: grid; grid-template-columns: 42px 1fr; column-gap: 10px; padding: 18px; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(255,255,255,.055); }.quick-sheet__grid span { grid-row: 1/3; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: var(--acid); color: var(--ink); font-size: .63rem; font-weight: 900; }.quick-sheet__grid strong { font-size: .83rem; }.quick-sheet__grid p { margin: 4px 0 0; color: #aebcb7; font-size: .7rem; line-height: 1.7; }.quick-sheet__grid article:last-child { grid-column: 1/-1; }.quick-sheet__footer { margin: 32px 0 0; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.12); color: var(--acid); font-size: 1rem; font-weight: 850; text-align: center; }

.verdict { scroll-margin-top: 120px; display: grid; grid-template-columns: 1.2fr .8fr; gap: 32px; margin-bottom: 95px; padding: 45px; border: 1px solid var(--line); border-radius: 30px; background: var(--white); }
.verdict__copy h2 { margin: 0; font-size: clamp(2.5rem,4.5vw,4.2rem); line-height: 1.2; letter-spacing: -.06em; }.verdict__copy > p:not(.kicker) { color: var(--muted); font-size: .83rem; line-height: 2; }.verdict__tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 25px; }.verdict__tags span { padding: 8px 11px; border-radius: 50px; background: var(--paper-2); font-size: .62rem; font-weight: 800; }
.verdict__score { display: grid; align-content: center; padding: 28px; border-radius: 23px; background: var(--acid); transform: rotate(-2deg); }.verdict__score > span { color: #5b662b; font-size: .63rem; font-weight: 900; }.verdict__score strong { margin: 18px 0; font-size: clamp(1.7rem,3vw,2.6rem); line-height: 1.45; }.verdict__score p { margin: 0; color: #4b5624; font-size: .73rem; line-height: 1.85; }
.source-note { display: grid; grid-template-columns: 170px 1fr; gap: 30px; padding: 26px 0; border-block: 1px solid var(--line); color: var(--muted); }.source-note span { color: var(--ink); font-size: .72rem; font-weight: 900; }.source-note p { margin: 0; font-size: .69rem; line-height: 1.9; }
.article-cta { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 30px; margin-top: 100px; padding: 45px; border-radius: 30px; background: var(--purple); color: white; overflow: hidden; }.article-cta span { color: var(--acid); font-size: .65rem; font-weight: 900; }.article-cta h2 { margin: 5px 0; font-size: clamp(2rem,4vw,3.5rem); line-height: 1.25; letter-spacing: -.05em; }.article-cta p { margin: 0; color: #d1ccff; font-size: .8rem; }
.article-footer { margin-top: 0; }

@keyframes articleBookFloat { 0%,100% { transform: rotate(4deg) translateY(0); } 50% { transform: rotate(1deg) translateY(-14px); } }

@media (max-width: 1050px) {
  .book-hero { grid-template-columns: minmax(0,1fr) 390px; }.cover-stage { min-height: 540px; }.overview-rules { grid-template-columns: repeat(2,1fr); }.rule-card { min-height: 190px; }
  .reading-layout { grid-template-columns: 205px minmax(0,1fr); gap: 45px; }.chapter__header h2 { padding-left: 70px; }.model-cards { grid-template-columns: 1fr; }.model-cards article { min-height: auto; }.model-cards h4 { margin-top: 20px; }
}

@media (max-width: 820px) {
  .article-header .main-nav { max-height: 70vh; overflow-y: auto; }
  .book-hero { min-height: auto; grid-template-columns: 1fr; padding-top: 140px; text-align: center; }.book-hero__copy { max-width: 680px; margin-inline: auto; }.back-link, .summary-badge { margin-inline: auto; }.book-meta, .book-hero__actions { justify-content: center; }.source-line { text-align: center; }.book-hero__visual { min-height: 620px; }.cover-stage { width: min(540px,100%); }
  .overview-band__intro { grid-template-columns: 1fr; }.overview-band__copy { grid-template-columns: 1fr; margin-right: 0; }.reading-layout { width: min(760px,calc(100% - 40px)); display: block; padding-top: 80px; }.chapter-nav { position: relative; top: auto; margin-bottom: 80px; }.chapter-nav__inner { display: flex; gap: 7px; overflow-x: auto; padding: 12px; }.chapter-nav__inner > p, .chapter-nav__note { display: none; }.chapter-nav a { flex: 0 0 auto; white-space: nowrap; }
  .chapter__header h2 { padding-left: 0; }.three-layers { grid-template-columns: 1fr; }.three-layers article { min-height: 150px; }.three-layers h4 { margin-top: 20px; }.emotion-strip { grid-template-columns: repeat(3,1fr); }.verdict { grid-template-columns: 1fr; }.verdict__score { min-height: 280px; transform: none; }.article-cta { grid-template-columns: 1fr; text-align: center; }.article-cta .button { justify-self: center; }
}

@media (max-width: 560px) {
  .book-hero { padding-inline: 20px; padding-bottom: 75px; }.book-hero h1 { font-size: clamp(3.5rem,17vw,5rem); }.book-hero__subtitle { font-size: .95rem; }.book-meta { display: grid; grid-template-columns: repeat(3,1fr); }.book-meta > span { min-width: 0; padding: 0 8px; }.book-meta > span:first-child { padding-right: 8px; }.book-meta small { font-size: .53rem; }.book-meta strong { font-size: .66rem; }.book-hero__actions { flex-direction: column; }.book-hero__visual { min-height: 500px; }.cover-stage { min-height: 470px; }.article-cover { width: 245px; }.cover-note--one { right: 0; }.cover-note--two { left: 0; }.hero-principle { bottom: -18px; }
  .overview-band { padding: 90px 20px; }.overview-band h2 { font-size: 3.1rem; }.overview-rules { grid-template-columns: 1fr; }.rule-card { min-height: 180px; }.reading-layout { width: calc(100% - 32px); padding-bottom: 90px; }.chapter { padding-bottom: 75px; margin-bottom: 75px; }.chapter__number { position: relative; display: inline-block; margin-bottom: 20px; }.chapter__header h2 { font-size: 2.9rem; }.chapter__lead { font-size: .95rem; }.chapter > p { font-size: .9rem; line-height: 2.05; }
  .concept-flow { grid-template-columns: 1fr; }.concept-flow > b { transform: rotate(90deg); }.need-ladder > div { --ladder-width: 100% !important; grid-template-columns: 32px 1fr; }.need-ladder small { grid-column: 2; }.term-grid, .observation-map, .question-list, .quick-sheet__grid { grid-template-columns: 1fr; }.practice-box { grid-template-columns: 1fr; padding: 22px; box-shadow: 6px 6px 0 var(--ink); }.practice-box__icon { width: 50px; height: 50px; }.emotion-strip { grid-template-columns: repeat(2,1fr); }.big-five > div { grid-template-columns: 48px 1fr; }.pull-quote { padding: 28px 20px; }.lie-myth { grid-template-columns: 1fr; }.lie-myth span, .lie-myth b { justify-self: start; }.process-list li { grid-template-columns: 45px 1fr; }.quick-sheet { padding: 28px 20px; border-radius: 24px; }.quick-sheet__grid article:last-child { grid-column: auto; }.verdict { padding: 26px 20px; }.source-note { grid-template-columns: 1fr; gap: 8px; }.article-cta { padding: 32px 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .article-cover, .cover-stage::before, .book-hero__orb { animation: none !important; }
}