/* Genre-independent layout. All edition colors are supplied by theme.css. */
.edition-hero { width: min(var(--max),calc(100% - 64px)); margin: auto; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: center; gap: 76px; padding: 63px 0 66px; }
.hero-copy { min-width: 0; }
.hero-eyebrow { margin: 0 0 19px; font-size: .78rem; letter-spacing: .055em; color: var(--muted); }
.hero-title { font-size: clamp(2.2rem,3.65vw,3rem); line-height: 1.36; font-weight: 650; letter-spacing: -.04em; margin: 0 0 22px; }
.hero-description { color: var(--ink-soft); font-size: .96rem; line-height: 1.9; margin-bottom: 27px; }
.hero-entry { max-width: 480px; scroll-margin-top: 24px; }
.entry-label { color: var(--accent-strong); font-size: .78rem; letter-spacing: .04em; margin: 0 0 8px; }
.entry-question { font-size: 1rem; line-height: 1.7; margin-bottom: 14px; }
.purpose-link { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-width: 0; min-height: 74px; padding: 13px 17px; border: 1px solid var(--line); background: var(--tint); color: var(--ink); text-decoration: none; }
.purpose-link > span:first-child { min-width: 0; }
.purpose-link strong { display: block; font-size: .95rem; line-height: 1.5; font-weight: 650; }
.purpose-link small { display: block; margin-top: 4px; color: var(--ink-soft); font-size: .8rem; line-height: 1.5; }
.purpose-link > span:last-child { flex: none; font-size: 1.25rem; color: var(--accent-strong); }
.purpose-link:hover { background: var(--surface); color: var(--ink); }
.primary-link { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
.primary-link small, .primary-link > span:last-child { color: var(--on-accent); }
.primary-link:hover { background: var(--accent-strong); border-color: var(--accent-strong); color: var(--on-accent); }
.table-link { display: inline-flex; align-items: center; min-height: 44px; gap: 20px; margin-top: 8px; font-size: .85rem; }
.purpose-map { min-width: 0; margin: 0; padding: 30px 30px 23px; border: 1px solid var(--line); background: var(--surface); }
.purpose-map figcaption { margin: 0 0 28px; padding-bottom: 16px; border-bottom: 1px solid var(--line); font-size: .9rem; }
.purpose-axes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.purpose-axis { min-width: 0; display: flex; flex-direction: column; gap: 9px; padding: 8px 0 20px; }
.purpose-axis + .purpose-axis { border-left: 1px solid var(--line); padding-left: 22px; }
.purpose-axis:first-child { background: var(--axis-one-tint); box-shadow: inset 0 3px 0 var(--axis-one-accent); }
.purpose-axis + .purpose-axis { background: var(--axis-two-tint); box-shadow: inset 0 3px 0 var(--axis-two-accent); }
.axis-kicker { color: var(--muted); font-size: .76rem; line-height: 1.6; }
.purpose-axis strong { font-size: clamp(1.15rem,2vw,1.5rem); font-weight: 650; line-height: 1.5; margin-bottom: 12px; }
.purpose-axis:first-child strong { color: var(--axis-one-accent); }
.purpose-axis + .purpose-axis strong { color: var(--axis-two-accent); }
.purpose-axis > span:not(.axis-kicker) { color: var(--ink-soft); font-size: .84rem; line-height: 1.6; }
.map-join { height: 23px; width: 54%; margin: 0 auto; border: 1px solid var(--line); border-top: 0; position: relative; }
.map-join::after { content: ''; width: 1px; height: 20px; background: var(--line); position: absolute; left: 50%; top: 22px; }
.map-result { margin: 32px 0 0; text-align: center; padding: 13px 8px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--accent-strong); font-size: .9rem; }
.map-note { margin: 17px 0 0; color: var(--muted); font-size: .78rem; line-height: 1.8; }
.hero-photo { margin: 0; min-width: 0; }
.hero-photo img { display: block; width: 100%; height: auto; max-height: 650px; object-fit: cover; }
.hero-photo figcaption { margin-top: 12px; font-size: .78rem; color: var(--muted); }
.hero-photo figcaption p { margin: 0 0 4px; }
.article-list-section { padding: 40px max(32px,calc((100% - var(--max))/2)) 48px; border-top: 1px solid var(--line); }
.section-heading { display: flex; align-items: start; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
.section-heading h2 { margin: 0; font-size: 1.7rem; font-weight: 650; }
.count { flex: none; color: var(--muted); font-size: .85rem; white-space: nowrap; }
.article-layout { display: grid; grid-template-columns: 1fr; }
.article-card { min-width: 0; border-top: 1px solid var(--line); }
.article-card__body { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 76px; padding: 23px 0; }
.category-pill { grid-column: 1 / -1; margin-bottom: 14px; color: var(--accent-strong); font-size: .8rem; }
.article-card h3 { grid-column: 1; grid-row: 2 / 4; font-size: 1.5rem; max-width: 25ch; font-weight: 650; }
.card-question, .card-answer { grid-column: 2; font-size: .94rem; color: var(--ink-soft); }
.card-answer strong { display: block; color: var(--ink); font-weight: 650; }
.card-link { grid-column: 1; grid-row: 4; }
.card-checked { grid-column: 2; grid-row: 4; align-self: center; margin: 0; font-size: .8rem; color: var(--muted); }
.method-strip { width: min(var(--max),calc(100% - 64px)); margin: 15px auto 70px; padding: 26px 0; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 20px; border-top: 1px solid var(--line); }
.method-strip h2 { font-size: 1.15rem; margin-bottom: 8px; }
.method-strip p { font-size: .9rem; color: var(--ink-soft); margin: 0; }
.method-mark { color: var(--accent-strong); font-size: 1.4rem; }
.article-hero { padding: 8px 0 23px; }
.article-hero h1 { max-width: 32ch; font-size: clamp(1.75rem,3vw,2.35rem); font-weight: 650; }
.article-summary { max-width: 62ch; font-size: 1rem; color: var(--ink-soft); }
.article-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; color: var(--muted); font-size: .8rem; }
.advertising-badge { flex: none; display: inline-flex; align-items: center; justify-content: center; min-width: 52px; min-height: 44px; color: var(--accent-strong); font-size: .85rem; font-weight: 650; line-height: 1.4; text-decoration: none; }
.reader-decision { margin-bottom: 22px; padding-top: 23px; border-top: 1px solid var(--line); }
.reader-decision h2 { font-size: 1.35rem; font-weight: 650; }
.decision-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.decision-option { min-width: 0; display: flex; flex-direction: column; align-items: start; padding: 19px 21px; background: var(--tint); border: 1px solid var(--line); color: var(--ink); text-decoration: none; }
.decision-purpose { font-size: .85rem; color: var(--accent-strong); }
.decision-option strong { margin-top: 6px; font-size: 1.05rem; font-weight: 650; }
.decision-detail { margin-top: 7px; color: var(--ink-soft); font-size: .9rem; }
.decision-next { display: flex; justify-content: space-between; gap: 16px; margin-top: 13px; padding-top: 9px; width: 100%; border-top: 1px solid var(--line); font-size: .8rem; color: var(--accent-strong); }
.decision-option:hover { color: var(--ink); background: var(--surface); }
.decision-conclusion { margin: 17px 0 0; max-width: none; font-size: .95rem; color: var(--ink-soft); white-space: pre-line; }
.reader-decision > .decision-conclusion { margin-bottom: 12px; }
.reader-decision > .section-sources { margin-bottom: 18px; }
.direct-choice { cursor: default; }
.direct-choice:hover { background: var(--tint); }
.decision-caution { margin: 10px 0 0; font-size: .82rem; line-height: 1.7; color: var(--ink-soft); }
.direct-choice .product-link { width: 100%; margin-top: 16px; }
.direct-choice .decision-next { min-height: 44px; font-size: .8rem; text-decoration: none; }
.purchase-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.purchase-links > :only-child { grid-column: 1 / -1; }
.purchase-links .product-link { width: 100%; }
.purchase-links .cta-row { min-width: 0; margin-top: 0; }
.plan-section > p { white-space: pre-line; }
.toc { display: flex; flex-wrap: wrap; gap: 4px 20px; padding: 8px 0; margin-bottom: 30px; border-block: 1px solid var(--line); }
.toc h2 { margin: 0; display: flex; align-items: center; font-size: .85rem; }
.toc ol { display: flex; flex-wrap: wrap; gap: 4px 20px; margin: 0; padding: 0; list-style: none; }
.toc a { font-size: .85rem; text-decoration: none; }
.article-body { display: grid; grid-template-columns: minmax(0,1fr) 205px; gap: 42px; align-items: start; }
.article-content { min-width: 0; }
.article-section { padding: 28px 0; border-top: 1px solid var(--line); }
.article-section h2 { font-size: 1.45rem; font-weight: 650; }
.article-section > p { color: var(--ink-soft); white-space: pre-line; }
.article-notice { padding: 18px 22px; margin-bottom: 24px; border: 1px solid var(--line); background: var(--surface); }
.article-notice h2 { font-size: 1.15rem; }
.article-notice > p { margin-bottom: 8px; }
.article-detail summary { min-height: 44px; padding-block: 8px; cursor: pointer; color: var(--accent-strong); font-size: .9rem; }
.article-detail > p { white-space: pre-line; margin-top: 12px; }
.section-sources { margin-top: 12px; font-size: .8rem; color: var(--ink-soft); }
.section-sources a { display: inline-flex; align-items: center; min-height: 44px; }
.article-section .reading-step { margin-bottom: 7px; color: var(--accent-strong); font-size: .8rem; }
.table-hint, .table-note { font-size: .8rem; color: var(--muted); }
.comparison-wrap { max-width: 100%; margin: 16px 0; overflow-x: auto; overscroll-behavior-inline: contain; border: 1px solid var(--line); background: var(--surface); }
.comparison-wrap table { width: 100%; min-width: 590px; border-collapse: separate; border-spacing: 0; font-size: .92rem; line-height: 1.65; }
.comparison-wrap caption { padding: 13px 15px; background: var(--tint); font-weight: 650; text-align: left; }
.comparison-wrap th, .comparison-wrap td { padding: 12px 14px; border-top: 1px solid var(--line); text-align: left; vertical-align: top; }
.comparison-wrap thead th { background: var(--table-head); color: var(--on-accent); border-top: 0; }
.comparison-wrap tbody th { min-width: 138px; background: var(--tint); }
.comparison-wrap th + td, .comparison-wrap td + td, .comparison-wrap th + th { border-left: 1px solid var(--line); }
.comparison-wrap tr > th:first-child { position: sticky; left: 0; z-index: 1; }
.comparison-wrap thead th:first-child { z-index: 2; }
.comparison-next { font-size: .9rem; }
.checklist { list-style: none; padding: 0; }
.checklist li { position: relative; margin: 11px 0; padding: 12px 14px 12px 44px; border: 1px solid var(--line); background: var(--surface); }
.checklist li::before { position: absolute; top: 12px; left: 15px; color: var(--accent-strong); content: '✓'; }
.source-note { padding: 21px 0; margin: 15px 0; border-block: 1px solid var(--line); color: var(--ink-soft); font-size: .9rem; }
.source-note h2 { font-size: 1.15rem; }
.source-note ul { padding-left: 1.2em; }
.article-toc-side { position: sticky; top: 24px; padding: 8px 0 8px 20px; border-left: 1px solid var(--line); }
.article-toc-side h2 { font-size: .95rem; }
.article-toc-side ol { margin: 0; padding: 0; list-style: none; }
.article-toc-side a { font-size: .85rem; text-decoration: none; }
.cta-row { display: flex; flex-direction: column; align-items: start; gap: 16px; padding: 20px; margin-top: 17px; border: 1px solid var(--line); background: var(--tint); }
.cta-copy { min-width: 0; }
.cta-title { font-weight: 650; margin-bottom: 5px; }
.cta-detail { max-width: 55ch; color: var(--ink-soft); font-size: .9rem; margin: 0; }
.product-link { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; max-width: 100%; padding: 12px 17px; background: var(--accent); color: var(--on-accent); font-size: .9rem; font-weight: 650; text-decoration: none; text-align: center; }
.product-link::after { content: '↗'; margin-left: 9px; }
.product-link:hover { background: var(--accent-strong); color: var(--on-accent); }
.article-return { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; padding: 18px 0; border-top: 1px solid var(--line); font-size: .9rem; }
.card-link, .toc a, .comparison-next a, .source-note a, .article-toc-side a, .article-return a { display: inline-flex; align-items: center; min-height: 44px; gap: 14px; }
.policy-copy { max-width: 760px; margin-top: 24px; padding: 28px; border: 1px solid var(--line); background: var(--surface); }
.policy-copy h2 { font-size: 1.2rem; margin-top: 28px; }
.policy-copy section:first-child h2 { margin-top: 0; }
@media (max-width: 1000px) {
  .edition-hero { gap: 38px; }
  .purpose-map { padding: 25px 22px 20px; }
  .purpose-axes { gap: 16px; }
  .purpose-axis + .purpose-axis { padding-left: 16px; }
  .article-card__body { column-gap: 38px; }
  .article-body { grid-template-columns: minmax(0,1fr) 185px; gap: 28px; }
}
@media (max-width: 760px) {
  .edition-hero { width: calc(100% - 36px); grid-template-columns: 1fr; gap: 27px; padding: 32px 0; }
  .hero-title { font-size: 34px; margin-bottom: 18px; }
  .hero-description { font-size: .9rem; margin-bottom: 22px; }
  .hero-eyebrow { margin-bottom: 13px; }
  .purpose-link { min-height: 70px; padding: 11px 14px; }
  .purpose-map { padding: 23px 20px 20px; }
  .purpose-map figcaption { margin-bottom: 21px; }
  .purpose-axes { gap: 15px; }
  .purpose-axis + .purpose-axis { padding-left: 15px; }
  .purpose-axis strong { font-size: 1.2rem; margin-bottom: 9px; }
  .purpose-axis > span { font-size: .8rem; }
  .article-list-section { padding: 29px 18px 30px; }
  .section-heading { gap: 12px; }
  .section-heading h2 { font-size: 1.3rem; }
  .article-card__body { display: block; padding: 18px 0; }
  .article-card h3 { max-width: none; font-size: 1.25rem; }
  .card-checked { margin-top: 9px; }
  .method-strip { width: calc(100% - 36px); margin-bottom: 45px; grid-template-columns: auto minmax(0,1fr); }
  .method-strip .button { grid-column: 1 / -1; width: 100%; }
  .article-hero h1 { max-width: none; font-size: 1.6rem; line-height: 1.5; }
  .article-summary { font-size: .95rem; }
  .disclosure { margin-bottom: 8px; }
  .reader-decision { padding-top: 17px; margin-bottom: 19px; }
  .decision-options { grid-template-columns: 1fr; gap: 10px; }
  .purchase-links { grid-template-columns: 1fr; }
  .decision-option { padding: 15px; }
  .decision-option strong { font-size: .95rem; }
  .toc { gap: 3px 18px; }
  .toc ol { gap: 2px 15px; }
  .article-body { display: block; }
  .article-toc-side { display: none; }
  .article-section h2 { font-size: 1.3rem; }
  .article-notice { padding: 18px; }
  .comparison-wrap table { min-width: 570px; font-size: .88rem; }
  .comparison-wrap th, .comparison-wrap td { padding: 10px 11px; }
  .source-note { padding: 17px 0; }
  .cta-row { padding: 17px; }
  .product-link { width: 100%; }
  .policy-copy { padding: 20px; }
}
@media (max-width: 370px) {
  .edition-hero, .method-strip { width: calc(100% - 32px); }
  .hero-title { font-size: 32px; }
  .purpose-map { padding: 20px 17px 18px; }
  .article-list-section { padding-inline: 16px; }
}

/* A visual entrance for photo-led editions; article reading styles stay shared. */
.visual-home .edition-hero { width: min(1280px,calc(100% - 64px)); grid-template-columns: .85fr 1.15fr; gap: 0; padding: 44px 0 0; }
.visual-home .hero-copy { position: relative; z-index: 1; width: calc(100% + 72px); padding: 42px 44px; background: var(--accent-strong); color: var(--on-accent); }
.visual-home .hero-eyebrow, .visual-home .hero-title, .visual-home .hero-description, .visual-home .table-link { color: var(--on-accent); }
.visual-home .hero-eyebrow { margin-bottom: 20px; }
.visual-home .hero-title { font-size: clamp(2.45rem,3.9vw,3.25rem); line-height: 1.28; margin-bottom: 22px; }
.visual-home .hero-description { line-height: 1.8; margin-bottom: 25px; }
.visual-home .hero-photo img { height: 510px; max-height: none; object-fit: cover; object-position: 54% 58%; }
.visual-home .primary-link:hover { background: var(--accent); border-color: var(--on-accent); }
.visual-credit { width: min(1280px,calc(100% - 64px)); margin: 16px auto 48px; color: var(--ink-soft); font-size: .76rem; line-height: 1.7; }
.visual-credit a { color: inherit; }
.visual-home .article-list-section { padding-top: 48px; padding-bottom: 54px; }
.comparison-visual { max-width: 1000px; margin: 24px auto 48px; }
.comparison-visual > img { display: block; width: 100%; height: auto; }
.visual-labels { display: grid; grid-template-columns: 56% 44%; text-align: center; gap: 0; margin-top: -8px; }
.visual-labels strong { display: block; font-size: 1.45rem; line-height: 1.5; font-weight: 650; color: var(--axis-one-accent); }
.visual-labels > div + div strong { color: var(--axis-two-accent); }
.visual-labels span { display: block; margin-top: 4px; font-size: .9rem; color: var(--ink-soft); }
.comparison-visual figcaption { margin-top: 22px; text-align: center; font-size: .76rem; color: var(--muted); }
.visual-home .article-card { display: grid; grid-template-columns: .9fr 1.1fr; align-items: stretch; border: 1px solid var(--line); background: var(--surface); }
.card-visual { display: block; min-width: 0; }
.card-visual img { display: block; width: 100%; height: 100%; min-height: 285px; object-fit: cover; object-position: center 65%; }
.visual-home .article-card__body { display: block; padding: 30px 34px; }
.visual-home .article-card h3 { max-width: none; margin-bottom: 15px; font-size: 1.5rem; }
.visual-home .card-answer { max-width: 42ch; margin-bottom: 10px; }
.visual-home .card-checked { margin-top: 10px; }
@media (max-width: 1000px) and (min-width: 761px) {
  .visual-home .hero-copy { width: calc(100% + 48px); padding: 30px; }
  .visual-home .hero-title { font-size: 2.3rem; }
  .visual-home .hero-photo img { height: 480px; }
}
@media (max-width: 760px) {
  .visual-home .edition-hero { width: 100%; display: flex; flex-direction: column; padding: 18px 0 0; gap: 0; }
  .visual-home .hero-photo { order: -1; width: 100%; }
  .visual-home .hero-photo img { height: 210px; object-position: center 60%; }
  .visual-home .hero-copy { width: calc(100% - 32px); margin-top: -30px; padding: 23px 22px 14px; }
  .visual-home .hero-eyebrow { margin-bottom: 12px; font-size: .72rem; }
  .visual-home .hero-title { font-size: 2rem; line-height: 1.28; margin-bottom: 14px; }
  .visual-home .hero-description { font-size: .86rem; line-height: 1.75; margin-bottom: 18px; }
  .visual-home .purpose-link { min-height: 70px; padding: 10px 13px; }
  .visual-home .purpose-link strong { font-size: .9rem; }
  .visual-home .purpose-link small { font-size: .76rem; }
  .visual-home .table-link { margin-top: 4px; font-size: .8rem; }
  .visual-credit { width: calc(100% - 32px); margin-top: 14px; margin-bottom: 34px; font-size: .72rem; }
  .visual-home .article-list-section { padding: 32px 16px 36px; }
  .comparison-visual { margin: 22px 0 32px; }
  .visual-labels { margin-top: 0; }
  .visual-labels strong { font-size: 1rem; }
  .visual-labels span { font-size: .74rem; }
  .comparison-visual figcaption { font-size: .72rem; margin-top: 16px; }
  .visual-home .article-card { grid-template-columns: 1fr; }
  .card-visual img { height: 190px; min-height: 0; }
  .visual-home .article-card__body { padding: 21px; }
  .visual-home .article-card h3 { font-size: 1.3rem; }
}

/* The file board has one reading centre, with unequal objects around it. */
.board-home .home-main, .visual-reader .article-shell { width: min(1280px,calc(100% - 64px)); margin: auto; padding: 0; }
.board-hero { position: relative; min-height: 620px; isolation: isolate; margin: 24px 0 0; border-bottom: 1px solid var(--line); }
.board-copy { position: relative; z-index: 2; width: 54%; margin-left: 23%; padding-top: 50px; text-align: center; }
.board-copy h1 { margin: 0 0 16px; font-size: clamp(44px,4.3vw,60px); line-height: 1.15; font-weight: 750; letter-spacing: -.055em; }
.board-deck { max-width: none; margin: 0 0 18px; font-size: 17px; line-height: 1.65; }
.entry-primary { display: inline-flex; align-items: center; justify-content: center; gap: 22px; min-height: 48px; padding: 12px 23px; border: 1px solid var(--accent); background: var(--accent); color: var(--on-accent); font-size: 16px; font-weight: 650; text-decoration: none; }
.entry-primary:hover { background: var(--accent-strong); color: var(--on-accent); }
.capacity-bookmarks { display: flex; align-items: start; justify-content: center; gap: 20px; margin-top: 15px; }
.bookmark-route { display: flex; flex-direction: column; align-items: start; min-height: 50px; padding: 3px 7px 7px; border-bottom: 3px solid var(--line); color: var(--ink); text-decoration: none; text-align: left; }
.bookmark-route strong { font-size: 17px; line-height: 1.4; }
.bookmark-route span { font-size: .76rem; line-height: 1.6; color: var(--ink-soft); }
.bookmark-route:first-child { border-bottom-color: var(--axis-one-accent); }
.bookmark-route:nth-child(2) { margin-top: 5px; border-bottom-color: var(--axis-two-accent); }
.bookmark-route:hover { background: var(--axis-one-tint); }
.entry-official, .product-link.entry-official { display: inline-flex; align-items: center; min-height: 44px; margin-top: 7px; padding: 0; background: none; color: var(--ink-soft); font-size: .82rem; font-weight: 400; text-decoration: underline; }
.product-link.entry-official::after { content: '↗'; }
.product-link.entry-official:hover { background: none; color: var(--ink); }
.board-art { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.board-connectors { position: absolute; inset: 0; width: 100%; height: 100%; fill: var(--ink-soft); stroke: var(--line); stroke-width: 1; z-index: 0; }
.board-connectors path { fill: none; }
.board-photo { position: absolute; top: 174px; left: 1%; width: 248px; margin: 0; padding: 9px 9px 7px; border: 1px solid var(--line); background: var(--surface); transform: rotate(-6deg); transition: transform .18s ease; }
.board-photo img { display: block; width: 100%; height: 168px; object-fit: cover; object-position: center 60%; }
.board-photo figcaption { margin-top: 5px; font-size: .76rem; line-height: 1.6; color: var(--ink-soft); }
.board-hero:hover .board-photo { transform: rotate(-5deg) translateY(-3px); }
.board-video { position: absolute; top: 66px; right: 1%; width: 185px; padding: 7px; background: var(--axis-two-tint); border: 1px solid var(--axis-two-accent); transform: rotate(7deg); }
.board-video svg { display: block; width: 100%; }
.video-sky { fill: var(--axis-two-tint); }
.video-land { fill: var(--axis-two-accent); }
.video-play { fill: var(--on-accent); }
.board-video > span { display: block; padding-top: 5px; color: var(--axis-two-accent); font-size: .7rem; line-height: 1.6; letter-spacing: .04em; }
.board-capacity { position: absolute; left: 14%; bottom: 24px; width: 230px; padding: 15px 19px; background: var(--axis-one-tint); border: 1px solid var(--axis-one-accent); transform: rotate(-3deg); }
.board-capacity > span, .board-capacity small { display: block; color: var(--axis-one-accent); font-size: .76rem; line-height: 1.6; }
.board-capacity > strong { display: block; font-size: 76px; line-height: 1.1; letter-spacing: -.07em; font-weight: 700; color: var(--axis-one-accent); }
.board-capacity strong span { padding-left: 7px; font-size: 22px; letter-spacing: -.02em; }
.board-document { position: absolute; right: 1%; bottom: 18px; width: 171px; min-height: 209px; padding: 16px; background: var(--axis-two-tint); border: 1px solid var(--axis-two-accent); transform: rotate(4deg); }
.board-document > span { display: block; font-size: .76rem; line-height: 1.6; color: var(--axis-two-accent); }
.board-document strong { display: block; margin-block: 14px 19px; color: var(--axis-two-accent); font-size: 36px; line-height: 1; letter-spacing: -.04em; }
.board-document i { display: block; height: 1px; width: 100%; margin-top: 10px; background: var(--axis-two-accent); }
.board-document i:nth-of-type(3) { width: 62%; }
.board-document .document-foot { margin-top: 18px; font-size: .62rem; }
.board-folder { position: absolute; right: 15%; bottom: 7px; width: 230px; height: 184px; overflow: hidden; }
.board-folder img { display: block; width: 414px; max-width: none; height: auto; }
.board-home .visual-credit, .visual-reader .visual-credit { width: 100%; max-width: none; margin: 18px 0 35px; font-size: .76rem; }
.board-home .article-list-section { padding: 35px 0 45px; }
.board-home .article-card { display: grid; grid-template-columns: .8fr 1.2fr; border-block: 1px solid var(--line); }
.board-home .article-card__body { display: block; padding: 25px 32px; }
.board-home .article-card h3 { max-width: none; }
.board-home .card-checked { margin-top: 8px; }
.board-home .method-strip { width: 100%; margin-bottom: 45px; }
.visual-reader .brand-note { display: none; }
.visual-reader .editorial-reading { grid-template-columns: 175px minmax(0,1fr); gap: 52px; padding: 10px 0 65px; }
.visual-reader .article-toc-side { border-left: 0; padding-left: 0; }
.visual-reader .article-toc-side h2 { font-size: .78rem; font-weight: 400; color: var(--muted); }
.visual-reader .article-toc-side a { gap: 11px; width: 100%; min-height: 44px; padding-block: 8px; border-bottom: 1px solid var(--line); font-size: .82rem; }
.visual-reader .article-toc-side a span { font-size: .72rem; color: var(--muted); }
.visual-reader .article-toc-side a:hover { background: var(--axis-one-tint); }
.visual-reader:has(#plans:target) .article-toc-side a[href="#plans"], .visual-reader:has(#plan-premium:target) .article-toc-side a[href="#plans"], .visual-reader:has(#plan-plus:target) .article-toc-side a[href="#plans"], .visual-reader:has(#plan-ultra:target) .article-toc-side a[href="#plans"], .visual-reader:has(#encryption-plans:target) .article-toc-side a[href="#encryption-plans"] { background: var(--axis-one-tint); border-bottom-color: var(--accent-strong); }
.visual-reader .comparison-wrap tr:target th, .visual-reader .comparison-wrap tr:target td { background: var(--axis-one-tint); }
.visual-reader .article-section { padding-block: 30px; }
.visual-reader .article-section h2 { font-size: 26px; line-height: 1.45; }
.visual-reader .article-section > p, .visual-reader .article-detail > p, .visual-reader .cta-detail { font-size: 17px; }
.visual-reader .comparison-wrap table { font-size: 16px; }
.visual-reader .comparison-visual { margin-block: 20px 28px; }
.visual-reader .article-notice { padding: 20px 0; border-inline: 0; background: none; }
.visual-reader .article-notice h2 { font-size: 20px; }
.visual-reader .cta-row { border-inline: 0; padding: 17px 0; background: none; }
.visual-reader .checklist li { border-inline: 0; padding-left: 32px; background: none; }
.visual-reader .checklist li::before { left: 2px; content: '・'; }
@media (min-width: 761px) and (max-width: 1050px) {
  .board-copy { width: 60%; margin-left: 20%; padding-top: 34px; }
  .board-copy h1 { font-size: 44px; }
  .board-photo { top: 210px; width: 190px; }
  .board-photo img { height: 130px; }
  .board-video { width: 145px; top: 38px; }
  .board-capacity { left: 5%; width: 200px; }
  .board-document { width: 145px; }
  .board-folder { right: 19%; }
}
@media (max-width: 760px) {
  .board-home .home-main, .visual-reader .article-shell { width: calc(100% - 32px); }
  .board-hero { min-height: 0; margin-top: 18px; }
  .board-copy { width: 100%; margin: 0; padding-top: 4px; text-align: left; }
  .board-copy h1 { font-size: 34px; line-height: 1.17; margin-bottom: 13px; }
  .board-deck { font-size: 16px; line-height: 1.65; margin-bottom: 16px; }
  .entry-primary { width: 100%; justify-content: space-between; padding-inline: 17px; }
  .capacity-bookmarks { justify-content: flex-start; gap: 22px; margin-top: 12px; }
  .bookmark-route { padding-inline: 5px; }
  .entry-official, .product-link.entry-official { margin-top: 3px; font-size: .8rem; }
  .board-art { position: relative; height: 250px; }
  .board-connectors { display: none; }
  .board-photo { top: 23px; left: 0; width: 178px; padding: 6px; }
  .board-photo img { height: 112px; }
  .board-photo figcaption { font-size: .65rem; margin-top: 3px; }
  .board-video { top: 8px; right: 0; width: 128px; padding: 5px; }
  .board-video > span { font-size: .62rem; }
  .board-capacity { left: 18px; bottom: 9px; width: 140px; padding: 9px 12px; }
  .board-capacity > strong { font-size: 48px; }
  .board-capacity strong span { font-size: 16px; padding-left: 4px; }
  .board-capacity > span, .board-capacity small { font-size: .65rem; }
  .board-document { right: 13px; bottom: 2px; width: 104px; min-height: 133px; padding: 10px; }
  .board-document > span { font-size: .65rem; }
  .board-document strong { font-size: 28px; margin-block: 9px 10px; }
  .board-document i { margin-top: 7px; }
  .board-document .document-foot { font-size: .5rem; margin-top: 10px; }
  .board-folder { left: 136px; right: auto; bottom: 8px; width: 100px; height: 100px; }
  .board-folder img { width: 180px; }
  .board-home .visual-credit, .visual-reader .visual-credit { margin: 17px 0 24px; font-size: .72rem; }
  .board-home .article-list-section { padding: 24px 0 30px; }
  .board-home .article-card { grid-template-columns: 1fr; }
  .board-home .article-card__body { padding: 20px 0; }
  .board-home .method-strip { margin-bottom: 30px; }
  .visual-reader .editorial-reading { display: block; padding-top: 0; }
  .visual-reader .article-section h2 { font-size: 23px; }
}
@media (max-width: 370px) { .board-copy h1 { font-size: 32px; } }
@media (prefers-reduced-motion: reduce) { .board-photo { transition: none; } .board-hero:hover .board-photo { transform: rotate(-6deg); } }