/* Approved 3t layout; mechanically scoped to the dedicated guide page. */
body.pkn-reading-guide-body {
  --pl-deep: #073f44;
      --pl-green: #067052;
      --pl-mint: #31c4a7;
      --pl-yellow: #f8ca36;
      --pl-red: #e83a4f;
      --pl-bg: #f4faf7;
      --pl-surface: #ffffff;
      --pl-border: #e3ede9;
      --pl-hairline: #edf4f1;
      --pl-text: #3f5c55;
      --pl-muted: #5c7972;
      --pl-white: #ffffff;
      --pl-cream: #fffdf6;
      --pl-yellow-pale: #fff6cf;
      --pl-mint-pale: #e7f6f0;
      --pl-deep-pale: #eef4f1;
      --shadow-card: 0 12px 32px rgba(7, 63, 68, .07);
      --shadow-soft: 0 4px 14px rgba(7, 63, 68, .05);
      --radius-xl: 26px;
      --radius-lg: 20px;
      --radius-md: 15px;
      --radius-sm: 13px;
      --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", Meiryo, sans-serif;
      --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", Meiryo, sans-serif;
}

.pkn-reading-guide *,
.pkn-reading-guide *::before,
.pkn-reading-guide *::after {
  box-sizing: border-box;
}

html.pkn-reading-guide-document {
  scroll-behavior: smooth; scroll-padding-top: 96px;
}

body.pkn-reading-guide-body {
  margin: 0;
      color: var(--pl-deep);
      background: var(--pl-bg);
      font-family: var(--font-body);
      font-size: 16px;
      line-height: 1.75;
      overflow-wrap: anywhere;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
}

.pkn-reading-guide img,
.pkn-reading-guide svg {
  display: block; max-width: 100%;
}

.pkn-reading-guide a {
  color: inherit;
}

.pkn-reading-guide button,
.pkn-reading-guide a {
  -webkit-tap-highlight-color: transparent;
}

.pkn-reading-guide a:focus-visible,
.pkn-reading-guide button:focus-visible,
.pkn-reading-guide [tabindex="-1"]:focus-visible {
  outline: 3px solid #075f4d;
      outline-offset: 3px;
      box-shadow: 0 0 0 3px #fff;
      border-radius: 8px;
}

.pkn-reading-guide .icon {
  width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round;
}

.pkn-reading-guide .screen-reader-text {
  position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      padding: 0 !important;
      margin: -1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
      border: 0 !important;
}

.pkn-reading-guide .skip-link {
  position: fixed;
      top: 10px;
      left: 10px;
      z-index: 200;
      min-height: 44px;
      padding: 9px 16px;
      display: flex;
      align-items: center;
      color: #fff;
      background: var(--pl-deep);
      border: 2px solid #fff;
      border-radius: 10px;
      font-weight: 800;
      text-decoration: none;
      transform: translateY(-140%);
      transition: transform .15s ease;
}

.pkn-reading-guide .skip-link:focus {
  transform: translateY(0);
}

.pkn-reading-guide .blog-header {
  position: sticky;
      top: 0;
      z-index: 50;
      background: rgba(255, 255, 255, .94);
      border-bottom: 1px solid var(--pl-border);
      box-shadow: 0 1px 0 rgba(248, 202, 54, .9), 0 6px 18px rgba(7, 63, 68, .05);
      backdrop-filter: blur(10px);
}

.pkn-reading-guide .blog-header__inner {
  width: min(1080px, calc(100% - 48px));
      min-height: 76px;
      margin-inline: auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 22px;
}

.pkn-reading-guide .blog-brand {
  min-width: 0;
      display: flex;
      align-items: center;
      gap: 12px;
      color: var(--pl-deep);
      text-decoration: none;
}

.pkn-reading-guide .blog-brand__logo {
  width: 178px;
      height: 65px;
      object-fit: contain;
      object-position: left center;
}

.pkn-reading-guide .blog-brand__label {
  flex: 0 0 auto;
      padding: 4px 11px;
      color: var(--pl-green);
      background: var(--pl-mint-pale);
      border: 1px solid #c3e9dd;
      border-radius: 999px;
      font-family: var(--font-display);
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .16em;
      line-height: 1.4;
}

.pkn-reading-guide .service-link {
  min-height: 44px;
      padding: 9px 17px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      flex: 0 0 auto;
      color: var(--pl-green);
      background: #fff;
      border: 1.5px solid #c3e0d8;
      border-radius: 999px;
      font-size: 13px;
      font-weight: 900;
      text-decoration: none;
      transition: background .16s ease, border-color .16s ease, transform .16s ease;
}

.pkn-reading-guide .service-link:hover {
  background: var(--pl-mint-pale); border-color: #a6d6c9; transform: translateY(-1px);
}

.pkn-reading-guide .page {
  width: min(1040px, calc(100% - 48px));
      margin-inline: auto;
      padding: 26px 0 104px;
}

.pkn-reading-guide .page:focus {
  outline: none;
}

.pkn-reading-guide .prelude {
  margin-bottom: 14px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
}

.pkn-reading-guide .breadcrumb {
  margin: 0;
      display: flex;
      align-items: center;
      gap: 8px;
      color: var(--pl-muted);
      font-size: 11px;
      font-weight: 700;
}

.pkn-reading-guide .breadcrumb a {
  color: var(--pl-green); text-decoration: none;
}

.pkn-reading-guide .breadcrumb a:hover {
  text-decoration: underline; text-underline-offset: 3px;
}

.pkn-reading-guide .breadcrumb span[aria-hidden="true"] {
  color: #a9c1bb;
}

.pkn-reading-guide .hero {
  position: relative;
      min-height: 316px;
      padding: 40px 290px 40px 52px;
      display: flex;
      align-items: center;
      overflow: hidden;
      color: #fff;
      background:
        radial-gradient(circle at 88% 13%, rgba(248, 202, 54, .2) 0 118px, transparent 119px),
        linear-gradient(135deg, var(--pl-deep) 0%, var(--pl-green) 68%, #0a7f64 100%);
      border-radius: var(--radius-xl);
      box-shadow: var(--shadow-card);
      isolation: isolate;
}

.pkn-reading-guide .hero::before {
  content: "";
      position: absolute;
      inset: 0;
      z-index: -2;
      opacity: .14;
      background-image: radial-gradient(#fff 1.2px, transparent 1.2px);
      background-size: 22px 22px;
      mask-image: linear-gradient(90deg, transparent 8%, #000 55%, #000 100%);
}

.pkn-reading-guide .hero__copy {
  position: relative; z-index: 3; width: 100%;
}

.pkn-reading-guide .hero__eyebrow {
  margin: 0 0 17px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--pl-deep);
      background: var(--pl-yellow);
      border-radius: 999px;
      padding: 7px 14px;
      font-size: 12px;
      font-weight: 900;
      letter-spacing: .04em;
      line-height: 1.4;
}

.pkn-reading-guide .hero__eyebrow .icon {
  width: 16px; height: 16px;
}

.pkn-reading-guide .hero h1 {
  max-width: 620px;
      margin: 0;
      font-family: var(--font-display);
      font-size: clamp(32px, 4.6vw, 50px);
      font-weight: 900;
      letter-spacing: .015em;
      line-height: 1.22;
      text-wrap: balance;
}

.pkn-reading-guide .guide-intro {
  max-width: 800px;
      margin: 26px auto 0;
      color: var(--pl-text);
      font-size: 15px;
      font-weight: 600;
      line-height: 1.95;
      text-wrap: pretty;
      text-align: center;
}

.pkn-reading-guide .guide-intro p {
  margin: 0;
}

.pkn-reading-guide .guide-intro__lead {
  color: var(--pl-deep);
      font-family: var(--font-display);
      font-size: 22px;
      font-weight: 900;
      line-height: 1.55;
      letter-spacing: .01em;
}

.pkn-reading-guide .guide-intro__lead + .guide-intro__body {
  margin-top: 7px;
}

.pkn-reading-guide .guide-intro__action {
  margin-top: 3px !important;
}

.pkn-reading-guide .guide-intro__nowrap {
  white-space: nowrap;
}

.pkn-reading-guide .hero__visual {
  position: absolute;
      right: 24px;
      bottom: 0;
      z-index: 2;
      width: 220px;
      height: 100%;
      pointer-events: none;
}

.pkn-reading-guide .hero__halo {
  position: absolute;
      right: 4px;
      bottom: 22px;
      width: 198px;
      height: 198px;
      background: rgba(255, 253, 246, .96);
      border: 7px solid rgba(248, 202, 54, .8);
      border-radius: 50%;
      box-shadow: 0 18px 38px rgba(2, 47, 44, .2);
}

.pkn-reading-guide .hero__character {
  position: absolute;
      right: 44px;
      bottom: 5px;
      width: auto;
      height: 292px;
      max-width: none;
      filter: drop-shadow(0 12px 13px rgba(2, 47, 44, .22));
}

.pkn-reading-guide .hero__coin {
  position: absolute;
      z-index: 1;
      width: 64px;
      height: 64px;
      display: grid;
      place-items: center;
      color: var(--pl-deep);
      background: linear-gradient(145deg, #fff7bd, var(--pl-yellow));
      border: 5px solid #fff4a9;
      border-radius: 50%;
      box-shadow: 0 7px 0 #b68100, 0 13px 20px rgba(7, 63, 68, .18);
      font-family: var(--font-display);
      font-size: 27px;
      font-weight: 900;
      line-height: 1;
      transform: rotate(-10deg);
}

.pkn-reading-guide .hero__coin--one {
  top: 26px; right: 222px;
}

.pkn-reading-guide .hero__coin--two {
  right: 7px; bottom: 34px; width: 48px; height: 48px; font-size: 20px; transform: rotate(13deg);
}

.pkn-reading-guide .hero__spark {
  position: absolute;
      z-index: 1;
      width: 24px;
      height: 24px;
      background: var(--pl-yellow);
      clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%);
      filter: drop-shadow(0 3px 5px rgba(7, 63, 68, .14));
}

.pkn-reading-guide .hero__spark--one {
  top: 78px; right: 32px;
}

.pkn-reading-guide .hero__spark--two {
  right: 240px; bottom: 44px; width: 17px; height: 17px; background: #fff;
}

.pkn-reading-guide .purpose-nav {
  margin: 34px 0 0;
      padding: 0;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
}

.pkn-reading-guide .purpose-nav__item {
  --accent: var(--pl-green);
      min-width: 0;
      min-height: 112px;
      padding: 16px 15px 15px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) 24px;
      grid-template-rows: auto auto;
      align-items: center;
      column-gap: 8px;
      color: var(--pl-deep);
      background: var(--pl-surface);
      border: 1px solid var(--pl-border);
      border-top: 4px solid var(--accent);
      border-radius: var(--radius-md);
      font-family: var(--font-display);
      text-decoration: none;
      box-shadow: var(--shadow-soft);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.pkn-reading-guide .purpose-nav__item[data-scroll-intent="start"] {
  --accent: var(--pl-green);
}

.pkn-reading-guide .purpose-nav__item[data-scroll-intent="compare"] {
  --accent: #0a7d6d;
}

.pkn-reading-guide .purpose-nav__item[data-scroll-intent="solve"] {
  --accent: #2f5d54;
}

.pkn-reading-guide .purpose-nav__item[data-scroll-intent="lifestyle"] {
  --accent: #9a7400;
}

.pkn-reading-guide .purpose-nav__number {
  grid-column: 1;
      color: var(--accent);
      font-size: 28px;
      font-weight: 900;
      line-height: 1;
      letter-spacing: .02em;
      font-variant-numeric: tabular-nums;
}

.pkn-reading-guide .purpose-nav__body {
  grid-column: 1; min-width: 0; margin-top: 9px;
}

.pkn-reading-guide .purpose-nav__body strong {
  display: block; font-size: 14px; font-weight: 900; line-height: 1.4;
}

.pkn-reading-guide .purpose-nav__body small {
  display: block; margin-top: 4px; color: var(--pl-muted); font-size: 11px; font-weight: 700; line-height: 1.45;
}

.pkn-reading-guide .purpose-nav__arrow {
  grid-column: 2;
      grid-row: 1 / 3;
      width: 24px;
      height: 24px;
      display: grid;
      place-items: center;
      color: #fff;
      background: var(--accent);
      border-radius: 50%;
      font-size: 14px;
      font-weight: 900;
      line-height: 1;
}

.pkn-reading-guide .purpose-nav__item:hover {
  transform: translateY(-3px); box-shadow: 0 12px 24px rgba(7, 63, 68, .12); border-color: color-mix(in srgb, var(--accent) 35%, var(--pl-border));
}

.pkn-reading-guide .purpose-section {
  --intent-accent: var(--pl-green);
      --intent-tint: var(--pl-mint-pale);
      margin-top: 68px;
      scroll-margin-top: 0;
}

.pkn-reading-guide .purpose-section[tabindex="-1"]:focus,
.pkn-reading-guide .purpose-section[tabindex="-1"]:focus-visible {
  outline: none; box-shadow: none;
}

.pkn-reading-guide .purpose-section--compare {
  --intent-accent: #0a5f57; --intent-tint: #e6f5ef;
}

.pkn-reading-guide .purpose-section--solve {
  --intent-accent: #2f5d54; --intent-tint: var(--pl-deep-pale);
}

.pkn-reading-guide .purpose-section--lifestyle {
  --intent-accent: #8a6800; --intent-tint: var(--pl-yellow-pale);
}

.pkn-reading-guide .purpose-section__heading {
  padding: 26px 30px;
      display: grid;
      grid-template-columns: 62px minmax(0, 1fr);
      align-items: center;
      gap: 20px;
      color: var(--pl-deep);
      background: linear-gradient(120deg, var(--intent-tint) 0%, #fff 78%);
      border: 1px solid color-mix(in srgb, var(--intent-accent) 16%, #fff);
      border-left: 5px solid var(--intent-accent);
      border-radius: var(--radius-lg);
      box-shadow: var(--shadow-soft);
}

.pkn-reading-guide .purpose-section__icon {
  width: 62px;
      height: 62px;
      display: grid;
      place-items: center;
      background: #fff;
      border: 1px solid color-mix(in srgb, var(--intent-accent) 20%, #fff);
      border-radius: var(--radius-md);
      box-shadow: 0 5px 14px rgba(7, 63, 68, .06);
}

.pkn-reading-guide .purpose-section__number {
  color: var(--intent-accent);
      font-family: var(--font-display);
      font-size: 28px;
      font-weight: 900;
      line-height: 1;
      letter-spacing: -.02em;
      font-variant-numeric: tabular-nums;
      white-space: nowrap;
}

.pkn-reading-guide .purpose-section__copy {
  min-width: 0;
}

.pkn-reading-guide .purpose-section__heading h2 {
  margin: 0;
      color: var(--pl-deep);
      font-family: var(--font-display);
      font-size: clamp(27px, 3.4vw, 37px);
      font-weight: 900;
      line-height: 1.3;
}

.pkn-reading-guide .purpose-section__lead {
  margin: 9px 0 0;
      color: var(--pl-text);
      font-size: 14px;
      line-height: 1.85;
}

.pkn-reading-guide .purpose-section__back {
  min-height: 44px;
      margin: 20px 2px 0 auto;
      padding: 8px 15px;
      display: flex;
      width: fit-content;
      align-items: center;
      gap: 5px;
      color: var(--pl-green);
      border: 1px solid transparent;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 900;
      text-decoration: none;
      transition: background .16s ease, border-color .16s ease;
}

.pkn-reading-guide .purpose-section__back:hover {
  background: var(--pl-mint-pale); border-color: #c3e9dd;
}

.pkn-reading-guide .topic {
  --topic-accent: var(--pl-green);
      --topic-tint: var(--pl-mint-pale);
      margin-top: 26px;
      padding: 0;
      background: transparent;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      scroll-margin-top: 172px;
}

.pkn-reading-guide .topic--site {
  margin-top: 30px;
}

.pkn-reading-guide .topic--case {
  --topic-accent: #0a5f57; --topic-tint: var(--pl-deep-pale);
}

.pkn-reading-guide .topic--exchange {
  --topic-accent: #8a6800; --topic-tint: var(--pl-yellow-pale);
}

.pkn-reading-guide .topic h3 {
  margin: 0;
      color: var(--pl-deep);
      font-family: var(--font-display);
      font-size: clamp(23px, 3vw, 30px);
      font-weight: 900;
      line-height: 1.35;
}

.pkn-reading-guide .topic__eyecatch {
  position: relative;
      min-height: 252px;
      margin: 0;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(224px, 34%);
      align-items: stretch;
      overflow: hidden;
      color: var(--pl-deep);
      background:
        linear-gradient(112deg, #fff 0 44%, color-mix(in srgb, var(--intent-tint) 62%, #fff) 44% 100%);
      border: 1px solid color-mix(in srgb, var(--intent-accent) 14%, var(--pl-border));
      border-radius: var(--radius-lg);
      isolation: isolate;
}

.pkn-reading-guide .topic__eyecatch::before {
  content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      opacity: .4;
      background-image: radial-gradient(circle, color-mix(in srgb, var(--intent-accent) 22%, transparent) 2px, transparent 2.5px);
      background-size: 22px 22px;
      mask-image: linear-gradient(90deg, transparent 0 36%, #000 68% 100%);
}

.pkn-reading-guide .topic__eyecatch::after {
  content: "";
      position: absolute;
      right: clamp(28px, 8vw, 96px);
      bottom: -86px;
      z-index: -1;
      width: 248px;
      height: 248px;
      background: rgba(255, 255, 255, .6);
      border: 9px solid rgba(255, 255, 255, .35);
      border-radius: 50%;
}

.pkn-reading-guide .topic__eyecatch-copy {
  position: relative;
      z-index: 2;
      min-width: 0;
      padding: 30px 26px 28px 32px;
      align-self: center;
}

.pkn-reading-guide .topic__eyecatch-copy::before {
  content: "";
      display: block;
      width: 40px;
      height: 5px;
      margin-bottom: 15px;
      background: var(--intent-accent);
      border-radius: 999px;
}

.pkn-reading-guide .topic__eyecatch-copy h3 {
  max-width: 18em;
}

.pkn-reading-guide .topic__eyecatch-copy p {
  max-width: 38em;
      margin: 10px 0 0;
      color: var(--pl-muted);
      font-size: clamp(13px, 1.5vw, 15px);
      font-weight: 700;
      line-height: 1.75;
}

.pkn-reading-guide .topic__eyecatch-art {
  position: relative;
      z-index: 1;
      min-width: 0;
      min-height: 252px;
      padding: 16px 24px 16px 12px;
      display: grid;
      place-items: center;
}

.pkn-reading-guide .topic__eyecatch-art img {
  position: static;
      display: block;
      width: auto;
      height: 220px;
      max-width: 100%;
      max-height: 220px;
      object-fit: contain;
      filter: drop-shadow(0 5px 7px rgba(7, 63, 68, .10));
}

.pkn-reading-guide .article-list {
  margin: 18px 0 0;
      padding: 6px;
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 2px;
      list-style: none;
      background: var(--pl-surface);
      border: 1px solid var(--pl-border);
      border-radius: var(--radius-md);
      box-shadow: var(--shadow-soft);
}

.pkn-reading-guide .article-list li {
  min-width: 0;
}

.pkn-reading-guide .article-link {
  position: relative;
      min-height: 76px;
      padding: 15px 16px;
      display: grid;
      grid-template-columns: 50px minmax(0, 1fr) 20px;
      align-items: center;
      gap: 16px;
      color: var(--pl-deep);
      background: transparent;
      border: 0;
      border-radius: var(--radius-sm);
      text-decoration: none;
      transition: background .14s ease;
}

.pkn-reading-guide .article-list li + li .article-link::before {
  content: "";
      position: absolute;
      left: 66px;
      right: 16px;
      top: -1px;
      border-top: 1px solid var(--pl-hairline);
}

.pkn-reading-guide .article-link:hover {
  background: color-mix(in srgb, var(--topic-tint) 55%, #fff);
}

.pkn-reading-guide .article-link:hover::before,
.pkn-reading-guide .article-link:hover + li .article-link::before {
  border-color: transparent;
}

.pkn-reading-guide .article-link__icon {
  width: 50px;
      height: 50px;
      display: grid;
      place-items: center;
      color: var(--topic-accent);
      background: var(--topic-tint);
      border-radius: var(--radius-sm);
}

.pkn-reading-guide .article-link__icon .icon {
  width: 24px; height: 24px;
}

.pkn-reading-guide .article-link__title {
  min-width: 0; font-size: 15.5px; font-weight: 800; line-height: 1.6;
}

.pkn-reading-guide .article-link__arrow {
  color: var(--pl-mint); font-size: 22px; font-weight: 900; line-height: 1;
}

.pkn-reading-guide .service-cta {
  position: relative;
      margin-top: 72px;
      padding: 38px 236px 38px 40px;
      overflow: hidden;
      color: #fff;
      background: linear-gradient(135deg, var(--pl-deep), var(--pl-green));
      border-radius: var(--radius-xl);
      box-shadow: var(--shadow-card);
}

.pkn-reading-guide .service-cta::after {
  content: "";
      position: absolute;
      right: -54px;
      bottom: -84px;
      width: 290px;
      height: 290px;
      background: radial-gradient(circle, rgba(248, 202, 54, .32) 0 38%, rgba(255, 255, 255, .08) 39% 56%, transparent 57%);
      border-radius: 50%;
}

.pkn-reading-guide .service-cta__eyebrow {
  margin: 0 0 8px; color: #beeadd; font-size: 10px; font-weight: 900; letter-spacing: .16em;
}

.pkn-reading-guide .service-cta h2 {
  margin: 0; font-family: var(--font-display); font-size: clamp(23px, 3vw, 30px); line-height: 1.4;
}

.pkn-reading-guide .service-cta p {
  max-width: 600px; margin: 12px 0 22px; color: #e5f6f1; font-size: 13px; line-height: 1.85;
}

.pkn-reading-guide .service-cta__button {
  min-height: 48px;
      padding: 12px 24px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      position: relative;
      z-index: 2;
      color: var(--pl-deep);
      background: var(--pl-yellow);
      border-radius: 999px;
      font-size: 13px;
      font-weight: 900;
      text-decoration: none;
      box-shadow: 0 8px 17px rgba(0, 0, 0, .13);
      transition: background .16s ease, transform .16s ease;
}

.pkn-reading-guide .service-cta__button:hover {
  background: #ffe164; transform: translateY(-1px);
}

.pkn-reading-guide .blog-footer {
  padding: 32px 20px;
      color: #4e6b64;
      background: #e6f0ec;
      border-top: 1px solid var(--pl-border);
      text-align: center;
      font-size: 11px;
      line-height: 1.8;
}

.pkn-reading-guide .blog-footer strong {
  display: block; margin-bottom: 4px; color: var(--pl-deep); font-family: var(--font-display); font-size: 14px;
}

@media (max-width: 820px) {
html.pkn-reading-guide-document {
  scroll-padding-top: 88px;
}

.pkn-reading-guide .blog-header__inner,
.pkn-reading-guide .page {
  width: min(100% - 36px, 720px);
}

.pkn-reading-guide .purpose-nav {
  grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 30px;
}

.pkn-reading-guide .purpose-nav__item {
  min-height: 106px; padding: 13px 11px;
}

.pkn-reading-guide .purpose-nav__number {
  font-size: 25px;
}

.pkn-reading-guide .purpose-nav__body strong {
  font-size: 12px;
}

.pkn-reading-guide .purpose-nav__body small {
  font-size: 10px;
}

.pkn-reading-guide .purpose-section {
  margin-top: 56px;
}

.pkn-reading-guide .purpose-section__heading {
  grid-template-columns: 56px minmax(0, 1fr); padding: 24px; gap: 16px;
}

.pkn-reading-guide .purpose-section__icon {
  width: 56px; height: 56px;
}

.pkn-reading-guide .purpose-section__number {
  font-size: 25px;
}

.pkn-reading-guide .topic {
  margin-top: 24px;
}

.pkn-reading-guide .topic--site {
  margin-top: 26px;
}

.pkn-reading-guide .hero {
  min-height: 320px; padding: 36px 205px 36px 32px;
}

.pkn-reading-guide .hero__copy {
  max-width: 470px;
}

.pkn-reading-guide .hero h1 {
  font-size: clamp(30px, 6.2vw, 42px);
}

.pkn-reading-guide .guide-intro {
  max-width: 680px; font-size: 14px; line-height: 1.85; margin-top: 24px;
}

.pkn-reading-guide .hero__visual {
  right: 14px; bottom: 0; width: 185px; height: 100%;
}

.pkn-reading-guide .hero__halo {
  right: 0; bottom: 19px; width: 165px; height: 165px;
}

.pkn-reading-guide .hero__character {
  right: 34px; bottom: 3px; height: 250px;
}

.pkn-reading-guide .hero__coin--one {
  top: 25px; right: 170px; width: 56px; height: 56px; font-size: 23px;
}

.pkn-reading-guide .hero__coin--two {
  right: 7px; bottom: 25px;
}

.pkn-reading-guide .hero__spark--one {
  top: 74px; right: 15px;
}

.pkn-reading-guide .hero__spark--two {
  right: 181px; bottom: 47px;
}

.pkn-reading-guide .article-link {
  min-height: 74px;
}

.pkn-reading-guide .service-cta {
  margin-top: 56px; padding-right: 40px;
}
}

@media (max-width: 560px) {
html.pkn-reading-guide-document {
  scroll-padding-top: 78px;
}

body.pkn-reading-guide-body {
  font-size: 15px;
}

.pkn-reading-guide .blog-header__inner {
  width: calc(100% - 24px); min-height: 66px; gap: 8px;
}

.pkn-reading-guide .blog-brand {
  gap: 7px;
}

.pkn-reading-guide .blog-brand__logo {
  width: 140px; height: 53px;
}

.pkn-reading-guide .blog-brand__label {
  padding: 3px 8px; font-size: 9px;
}

.pkn-reading-guide .service-link {
  min-width: 44px; padding: 9px 11px; font-size: 11px;
}

.pkn-reading-guide .service-link__full {
  display: none;
}

.pkn-reading-guide .page {
  width: calc(100% - 26px); padding: 18px 0 76px;
}

.pkn-reading-guide .prelude {
  margin-bottom: 12px; align-items: flex-start;
}

.pkn-reading-guide .breadcrumb {
  padding-top: 3px;
}

.pkn-reading-guide .purpose-nav {
  margin: 24px -2px 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;
}

.pkn-reading-guide .purpose-nav__item {
  min-height: 104px; padding: 13px 12px; border-top-width: 4px;
}

.pkn-reading-guide .purpose-nav__number {
  font-size: 24px;
}

.pkn-reading-guide .purpose-nav__body {
  margin-top: 8px;
}

.pkn-reading-guide .purpose-nav__body strong {
  font-size: 13px;
}

.pkn-reading-guide .purpose-nav__body small {
  font-size: 11px;
}

.pkn-reading-guide .purpose-nav__arrow {
  width: 22px; height: 22px; font-size: 13px;
}

.pkn-reading-guide .hero {
  min-height: 248px; padding: 22px 120px 22px 20px; border-radius: var(--radius-lg);
}

.pkn-reading-guide .hero__copy {
  max-width: 170px;
}

.pkn-reading-guide .hero h1 {
  font-size: clamp(27px, 8vw, 33px);
}

.pkn-reading-guide .guide-intro {
  margin-top: 20px; padding: 0 4px; font-size: 13px; line-height: 1.8; text-align: left;
}

.pkn-reading-guide .guide-intro__lead {
  font-size: 19px; line-height: 1.55;
}

.pkn-reading-guide .guide-intro__lead + .guide-intro__body {
  margin-top: 6px;
}

.pkn-reading-guide .guide-intro__action {
  margin-top: 4px !important;
}

.pkn-reading-guide .hero__visual {
  right: 4px; width: 115px; height: 100%;
}

.pkn-reading-guide .hero__halo {
  right: 0; bottom: 9px; width: 108px; height: 108px; border-width: 5px;
}

.pkn-reading-guide .hero__character {
  right: 22px; bottom: 1px; height: 146px;
}

.pkn-reading-guide .hero__coin--one,
.pkn-reading-guide .hero__coin--two,
.pkn-reading-guide .hero__spark--two {
  display: none;
}

.pkn-reading-guide .hero__spark--one {
  top: auto; right: 5px; bottom: 112px; width: 17px; height: 17px;
}

.pkn-reading-guide .purpose-section {
  margin-top: 46px;
}

.pkn-reading-guide .purpose-section__heading {
  grid-template-columns: 50px minmax(0, 1fr); padding: 20px 17px; gap: 13px; border-left-width: 5px; border-radius: var(--radius-md);
}

.pkn-reading-guide .purpose-section__icon {
  width: 50px; height: 50px; border-radius: 13px;
}

.pkn-reading-guide .purpose-section__number {
  font-size: 23px;
}

.pkn-reading-guide .purpose-section__heading h2 {
  font-size: 24px;
}

.pkn-reading-guide .purpose-section__lead {
  margin-top: 7px; font-size: 13px; line-height: 1.75;
}

.pkn-reading-guide .purpose-section__back {
  margin-top: 16px;
}

.pkn-reading-guide .topic {
  margin-top: 22px;
}

.pkn-reading-guide .topic--site {
  margin-top: 26px;
}

.pkn-reading-guide .topic__eyecatch {
  min-height: 0;
        grid-template-columns: minmax(0, 1fr);
        border-radius: var(--radius-md);
}

.pkn-reading-guide .topic__eyecatch::after {
  right: 12px; bottom: -40px; width: 210px; height: 210px; border-width: 7px;
}

.pkn-reading-guide .topic__eyecatch-copy {
  padding: 22px 22px 0;
}

.pkn-reading-guide .topic__eyecatch-copy::before {
  width: 34px; height: 5px; margin-bottom: 11px;
}

.pkn-reading-guide .topic__eyecatch-copy h3 {
  font-size: 20px; line-height: 1.45;
}

.pkn-reading-guide .topic__eyecatch-copy p {
  margin-top: 8px; font-size: 13px; line-height: 1.75;
}

.pkn-reading-guide .topic__eyecatch-art {
  min-height: 224px; padding: 16px 22px 20px;
}

.pkn-reading-guide .topic__eyecatch-art img {
  height: 188px; max-height: 188px;
}

.pkn-reading-guide .article-list {
  margin-top: 14px; padding: 5px;
}

.pkn-reading-guide .article-link {
  min-height: 72px;
        padding: 13px 12px;
        grid-template-columns: 46px minmax(0, 1fr) 16px;
        gap: 12px;
}

.pkn-reading-guide .article-list li + li .article-link::before {
  left: 58px; right: 12px;
}

.pkn-reading-guide .article-link__icon {
  width: 46px; height: 46px; border-radius: 12px;
}

.pkn-reading-guide .article-link__icon .icon {
  width: 22px; height: 22px;
}

.pkn-reading-guide .article-link__title {
  font-size: 15px; line-height: 1.6;
}

.pkn-reading-guide .article-link__arrow {
  font-size: 20px;
}

.pkn-reading-guide .service-cta {
  margin-top: 52px; padding: 28px 22px; border-radius: var(--radius-lg);
}

.pkn-reading-guide .service-cta::after {
  opacity: .65;
}
}

@media (prefers-reduced-motion: reduce) {
html.pkn-reading-guide-document {
  scroll-behavior: auto;
}

.pkn-reading-guide *,
.pkn-reading-guide *::before,
.pkn-reading-guide *::after {
  transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important;
}
}

/* Production-only integration: disclosure, legal links and WP toolbar offset. */
.pkn-reading-guide .guide-disclosure {
  margin: 0;
  padding: 7px 12px;
  color: #4e6b64;
  background: #fffdf6;
  font-size: 11px;
  line-height: 1.7;
  text-align: center;
}
.pkn-reading-guide .guide-disclosure a { text-underline-offset: 3px; }
.pkn-reading-guide .guide-legal-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 18px;
  margin: 12px auto 0;
  max-width: 1040px;
}
.pkn-reading-guide .guide-legal-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  text-underline-offset: 3px;
}
.pkn-reading-guide .purpose-section__empty {
  margin: 26px 0 0;
  color: var(--pl-text);
  font-size: 14px;
}
body.pkn-reading-guide-body.admin-bar .pkn-reading-guide .blog-header { top: 32px; }
html.pkn-reading-guide-document { --pkn-guide-scroll-offset: 96px; }
html.pkn-reading-guide-document:has(body.admin-bar) { scroll-padding-top: 128px; }
.pkn-reading-guide #purpose-navigation { scroll-margin-top: 0; }
@media (max-width: 820px) {
  html.pkn-reading-guide-document { --pkn-guide-scroll-offset: 88px; }
  html.pkn-reading-guide-document:has(body.admin-bar) { scroll-padding-top: 120px; }
}
@media (max-width: 782px) {
  body.pkn-reading-guide-body.admin-bar .pkn-reading-guide .blog-header { top: 46px; }
  html.pkn-reading-guide-document:has(body.admin-bar) { scroll-padding-top: 134px; }
}
@media (max-width: 600px) {
  body.pkn-reading-guide-body.admin-bar .pkn-reading-guide .blog-header { top: 0; }
  html.pkn-reading-guide-document:has(body.admin-bar) { scroll-padding-top: 88px; }
}
@media (max-width: 560px) {
  html.pkn-reading-guide-document { --pkn-guide-scroll-offset: 78px; }
  html.pkn-reading-guide-document:has(body.admin-bar) { scroll-padding-top: 78px; }
}
/* Narrow production contrast correction; the approved base layout is intact. */
body.pkn-reading-guide-body { --pl-muted: #52736b; }