.pocket-196-body {
    --p196-ink: #253744;
    --p196-muted: #5f6e77;
    --p196-deep: #143e59;
    --p196-blue: #0875aa;
    --p196-pale: #eef7fb;
    --p196-line: #d7e2e8;
    --p196-red: #c90d2d;
    --p196-orange: #e99b00;
}

.pocket-196-body .pocket-196-page {
    color: var(--p196-ink);
    font-family: "Noto Sans JP", sans-serif;
    line-height: 1.9;
    overflow-wrap: anywhere;
}

.pocket-196-body .pocket-196-page * { box-sizing: border-box; }
.pocket-196-body .pocket-196-page img { max-width: 100%; height: auto; }
.pocket-196-body .pocket-196-page a { color: #086ea0; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.pocket-196-body .pocket-196-page a:hover,
.pocket-196-body .pocket-196-page a:focus-visible { color: #9f0b24; }

.pocket-196-body .pocket-196-page-title { margin-bottom: 24px; }
.pocket-196-body .pocket-196-hero { margin: 0 0 34px; border-radius: 18px; overflow: hidden; background: #eef2f4; box-shadow: 0 14px 34px rgba(21, 54, 72, .14); }
.pocket-196-body .pocket-196-hero img { display: block; width: 100%; }

.pocket-196-body .pocket-196-lead,
.pocket-196-body .pocket-196-summary,
.pocket-196-body .pocket-196-section,
.pocket-196-body .pocket-196-related,
.pocket-196-body .pocket-196-final-cta { margin: 0 0 34px; padding: 34px; border-radius: 18px; }

.pocket-196-body .pocket-196-lead { border: 1px solid #c9dfe9; background: linear-gradient(135deg, #eef8fc 0%, #fff 72%); }
.pocket-196-body .pocket-196-eyebrow { margin: 0 0 8px; color: var(--p196-blue); font-size: 12px; font-weight: 900; letter-spacing: .16em; }
.pocket-196-body .pocket-196-lead h2,
.pocket-196-body .pocket-196-summary h2,
.pocket-196-body .pocket-196-section h2,
.pocket-196-body .pocket-196-related h2,
.pocket-196-body .pocket-196-final-cta h2 { margin: 0 0 18px; color: var(--p196-deep); font-size: clamp(23px, 3vw, 31px); line-height: 1.45; }
.pocket-196-body .pocket-196-lead p:last-child { margin-bottom: 0; }

.pocket-196-body .pocket-196-summary { border: 1px solid var(--p196-line); background: #fff; }
.pocket-196-body .pocket-196-summary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.pocket-196-body .pocket-196-summary-grid > div { padding: 21px; border-radius: 13px; background: var(--p196-pale); }
.pocket-196-body .pocket-196-summary-grid span { color: var(--p196-blue); font-size: 12px; font-weight: 900; }
.pocket-196-body .pocket-196-summary-grid h3 { margin: 5px 0 7px; color: var(--p196-deep); font-size: 18px; }
.pocket-196-body .pocket-196-summary-grid p { margin: 0; color: var(--p196-muted); font-size: 14px; }

.pocket-196-body .pocket-196-toc { margin: 0 0 34px; padding: 28px 30px; border: 1px solid #c9dce6; border-radius: 16px; background: #f7fbfd; }
.pocket-196-body .pocket-196-toc > p { margin: 0 0 12px; color: var(--p196-deep); font-weight: 900; }
.pocket-196-body .pocket-196-toc ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 24px; margin: 0; padding-left: 1.5em; }
.pocket-196-body .pocket-196-toc a { font-weight: 700; }

.pocket-196-body .pocket-196-section { border: 1px solid var(--p196-line); background: #fff; }
.pocket-196-body .pocket-196-section--tint { background: var(--p196-pale); }
.pocket-196-body .pocket-196-heading { display: flex; gap: 13px; align-items: flex-start; margin-bottom: 17px; }
.pocket-196-body .pocket-196-heading > span { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; min-width: 42px; height: 42px; border-radius: 50%; background: var(--p196-blue); color: #fff; font-size: 13px; font-weight: 900; }
.pocket-196-body .pocket-196-heading h2 { margin: 0; }

.pocket-196-body .pocket-196-size-compare { display: grid; grid-template-columns: 1fr 54px 1.25fr; gap: 14px; align-items: center; margin: 26px 0; }
.pocket-196-body .pocket-196-size-card { min-height: 210px; padding: 24px; border-radius: 16px; text-align: center; box-shadow: 0 9px 24px rgba(20, 62, 89, .09); }
.pocket-196-body .pocket-196-size-card--paper { border: 2px solid #b8cbd5; background: #fff; }
.pocket-196-body .pocket-196-size-card--folder { border: 2px solid #84bdd8; background: #eaf7fc; }
.pocket-196-body .pocket-196-size-card span,
.pocket-196-body .pocket-196-size-card strong,
.pocket-196-body .pocket-196-size-card b { display: block; }
.pocket-196-body .pocket-196-size-card span { color: var(--p196-muted); font-size: 13px; font-weight: 800; }
.pocket-196-body .pocket-196-size-card strong { margin: 7px 0; color: var(--p196-deep); font-size: 28px; }
.pocket-196-body .pocket-196-size-card b { color: var(--p196-blue); font-size: 17px; }
.pocket-196-body .pocket-196-size-card p { margin: 13px 0 0; font-size: 13px; }
.pocket-196-body .pocket-196-size-arrow { color: var(--p196-orange); font-size: 34px; font-weight: 900; text-align: center; }
.pocket-196-body .pocket-196-note { margin: 22px 0 0; padding: 18px 20px; border-left: 5px solid var(--p196-orange); background: #fff8e7; }

.pocket-196-body .pocket-196-measure-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin: 24px 0; }
.pocket-196-body .pocket-196-measure-grid article { display: grid; grid-template-columns: 42px 1fr; gap: 13px; padding: 21px; border-radius: 14px; background: #fff; }
.pocket-196-body .pocket-196-measure-grid article > span { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: var(--p196-deep); color: #fff; font-weight: 900; }
.pocket-196-body .pocket-196-measure-grid h3 { margin: 0 0 5px; color: var(--p196-deep); font-size: 18px; }
.pocket-196-body .pocket-196-measure-grid p { margin: 0; font-size: 14px; }
.pocket-196-body .pocket-196-step-box { padding: 22px 24px; border: 1px solid #bfd6e1; border-radius: 14px; background: #fff; }
.pocket-196-body .pocket-196-step-box h3 { margin: 0 0 8px; color: var(--p196-deep); }
.pocket-196-body .pocket-196-step-box ol { margin: 0; padding-left: 1.45em; }

.pocket-196-body .pocket-196-table-wrap { margin: 24px 0; overflow-x: auto; border: 1px solid var(--p196-line); border-radius: 14px; background: #fff; }
.pocket-196-body .pocket-196-table { width: 100%; min-width: 820px; border-collapse: collapse; }
.pocket-196-body .pocket-196-table caption { padding: 17px 18px; color: var(--p196-deep); font-weight: 900; text-align: left; }
.pocket-196-body .pocket-196-table th,
.pocket-196-body .pocket-196-table td { padding: 15px 14px; border-top: 1px solid var(--p196-line); border-right: 1px solid var(--p196-line); vertical-align: top; text-align: left; }
.pocket-196-body .pocket-196-table th:last-child,
.pocket-196-body .pocket-196-table td:last-child { border-right: 0; }
.pocket-196-body .pocket-196-table thead th { background: #e7f3f8; color: var(--p196-deep); font-size: 14px; }
.pocket-196-body .pocket-196-table tbody th { min-width: 180px; background: #f8fbfc; }

.pocket-196-body .pocket-196-data-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin: 24px 0; }
.pocket-196-body .pocket-196-data-grid article { padding: 22px; border-radius: 14px; background: #fff; }
.pocket-196-body .pocket-196-data-grid h3 { margin: 0 0 7px; color: var(--p196-deep); font-size: 18px; }
.pocket-196-body .pocket-196-data-grid p { margin: 0; font-size: 14px; }
.pocket-196-body .pocket-196-callout { padding: 22px 24px; border: 2px solid #e6b951; border-radius: 14px; background: #fffaf0; }
.pocket-196-body .pocket-196-callout strong { display: block; margin-bottom: 6px; color: #8c5a00; font-size: 18px; }
.pocket-196-body .pocket-196-callout p { margin: 0; }

.pocket-196-body .pocket-196-product-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 24px 0; }
.pocket-196-body .pocket-196-product-links a { display: flex; flex-direction: column; min-height: 220px; padding: 23px; border: 1px solid var(--p196-line); border-radius: 15px; background: #fff; color: var(--p196-ink); text-decoration: none; box-shadow: 0 8px 22px rgba(21, 54, 72, .07); }
.pocket-196-body .pocket-196-product-links a:hover,
.pocket-196-body .pocket-196-product-links a:focus-visible { transform: translateY(-2px); border-color: var(--p196-blue); color: var(--p196-ink); box-shadow: 0 12px 28px rgba(21, 54, 72, .13); }
.pocket-196-body .pocket-196-product-links span { color: var(--p196-blue); font-size: 12px; font-weight: 900; }
.pocket-196-body .pocket-196-product-links strong { margin: 8px 0; color: var(--p196-deep); font-size: 19px; }
.pocket-196-body .pocket-196-product-links p { margin: 0 0 14px; color: var(--p196-muted); font-size: 14px; }
.pocket-196-body .pocket-196-product-links em { margin-top: auto; color: var(--p196-red); font-size: 13px; font-style: normal; font-weight: 900; }

.pocket-196-body .pocket-196-guide-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.pocket-196-body .pocket-196-guide-links a { display: block; padding: 18px; border-radius: 12px; background: var(--p196-pale); color: var(--p196-ink); text-decoration: none; }
.pocket-196-body .pocket-196-guide-links a:hover,
.pocket-196-body .pocket-196-guide-links a:focus-visible { background: #dceff7; color: var(--p196-ink); }
.pocket-196-body .pocket-196-guide-links strong,
.pocket-196-body .pocket-196-guide-links span { display: block; }
.pocket-196-body .pocket-196-guide-links strong { color: var(--p196-deep); }
.pocket-196-body .pocket-196-guide-links span { margin-top: 4px; color: var(--p196-muted); font-size: 13px; }

.pocket-196-body .pocket-196-checklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 24px 0; padding: 0; list-style: none; }
.pocket-196-body .pocket-196-checklist li { padding: 20px; border-radius: 13px; background: #fff; }
.pocket-196-body .pocket-196-checklist strong,
.pocket-196-body .pocket-196-checklist span { display: block; }
.pocket-196-body .pocket-196-checklist strong { margin-bottom: 5px; color: var(--p196-deep); }
.pocket-196-body .pocket-196-checklist span { color: var(--p196-muted); font-size: 14px; }

.pocket-196-body .pocket-196-faq details { margin: 0 0 12px; border: 1px solid var(--p196-line); border-radius: 12px; background: #fff; overflow: hidden; }
.pocket-196-body .pocket-196-faq summary { position: relative; padding: 19px 52px 19px 22px; color: var(--p196-deep); font-weight: 900; cursor: pointer; list-style: none; }
.pocket-196-body .pocket-196-faq summary::-webkit-details-marker { display: none; }
.pocket-196-body .pocket-196-faq summary::after { content: "+"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: var(--p196-blue); font-size: 25px; font-weight: 500; }
.pocket-196-body .pocket-196-faq details[open] summary::after { content: "−"; }
.pocket-196-body .pocket-196-faq details p { margin: 0; padding: 0 22px 21px; }

.pocket-196-body .pocket-196-related { border: 1px solid var(--p196-line); background: #fff; }
.pocket-196-body .pocket-196-related > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.pocket-196-body .pocket-196-related a { display: block; padding: 18px; border-radius: 12px; background: var(--p196-pale); color: var(--p196-ink); text-decoration: none; }
.pocket-196-body .pocket-196-related a:hover,
.pocket-196-body .pocket-196-related a:focus-visible { background: #dceff7; color: var(--p196-ink); }
.pocket-196-body .pocket-196-related strong,
.pocket-196-body .pocket-196-related span { display: block; }
.pocket-196-body .pocket-196-related strong { color: var(--p196-deep); }
.pocket-196-body .pocket-196-related span { margin-top: 4px; color: var(--p196-muted); font-size: 13px; }

.pocket-196-body .pocket-196-final-cta { background: linear-gradient(135deg, #123e58 0%, #0873a6 100%); color: #fff; text-align: center; }
.pocket-196-body .pocket-196-final-cta > p:first-child { margin: 0 0 8px; color: #bde4f7; font-size: 12px; font-weight: 900; letter-spacing: .16em; }
.pocket-196-body .pocket-196-final-cta h2 { color: #fff; }
.pocket-196-body .pocket-196-final-cta > p:not(:first-child) { max-width: 760px; margin: 0 auto 24px; }
.pocket-196-body .pocket-196-final-cta > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.pocket-196-body .pocket-196-final-cta a { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 12px 22px; border: 2px solid #fff; border-radius: 8px; background: #fff; color: #0a4f75; font-weight: 900; text-decoration: none; }
.pocket-196-body .pocket-196-final-cta a:hover,
.pocket-196-body .pocket-196-final-cta a:focus-visible { background: #eaf6fc; color: #063d5c; }
.pocket-196-body .pocket-196-final-cta a.pocket-196-final-primary { background: var(--p196-red); border-color: var(--p196-red); color: #fff; }
.pocket-196-body .pocket-196-final-cta a.pocket-196-final-primary:hover,
.pocket-196-body .pocket-196-final-cta a.pocket-196-final-primary:focus-visible { background: #9f0a23; border-color: #9f0a23; color: #fff; }

.pocket-196-body .pocket-196-page :focus-visible { outline: 3px solid var(--p196-orange); outline-offset: 3px; }

@media (max-width: 900px) {
    .pocket-196-body .pocket-196-summary-grid,
    .pocket-196-body .pocket-196-measure-grid,
    .pocket-196-body .pocket-196-data-grid,
    .pocket-196-body .pocket-196-checklist { grid-template-columns: 1fr; }
    .pocket-196-body .pocket-196-product-links,
    .pocket-196-body .pocket-196-related > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pocket-196-body .pocket-196-size-compare { grid-template-columns: 1fr; }
    .pocket-196-body .pocket-196-size-arrow { transform: rotate(90deg); }
}

@media (max-width: 650px) {
    .pocket-196-body .pocket-196-lead,
    .pocket-196-body .pocket-196-summary,
    .pocket-196-body .pocket-196-section,
    .pocket-196-body .pocket-196-related,
    .pocket-196-body .pocket-196-final-cta { padding: 25px 20px; }
    .pocket-196-body .pocket-196-hero { border-radius: 12px; }
    .pocket-196-body .pocket-196-toc { padding: 22px 20px; }
    .pocket-196-body .pocket-196-toc ol,
    .pocket-196-body .pocket-196-product-links,
    .pocket-196-body .pocket-196-guide-links,
    .pocket-196-body .pocket-196-related > div { grid-template-columns: 1fr; }
    .pocket-196-body .pocket-196-final-cta > div { flex-direction: column; }
    .pocket-196-body .pocket-196-final-cta a { width: 100%; }
}

@media (max-width: 480px) {
    .pocket-196-body .pocket-196-heading { display: block; }
    .pocket-196-body .pocket-196-heading > span { margin-bottom: 10px; }
    .pocket-196-body .pocket-196-size-card { min-height: 0; }
    .pocket-196-body .pocket-196-measure-grid article { grid-template-columns: 1fr; }
}


.pocket-196-body .pocket-196-spec-cards,
.pocket-196-body .pocket-196-feature-grid,
.pocket-196-body .pocket-196-use-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 24px 0;
}
.pocket-196-body .pocket-196-spec-cards article,
.pocket-196-body .pocket-196-feature-grid article,
.pocket-196-body .pocket-196-use-grid article {
    padding: 22px;
    border: 1px solid var(--p196-line);
    border-radius: 14px;
    background: #fff;
}
.pocket-196-body .pocket-196-spec-cards span,
.pocket-196-body .pocket-196-spec-cards strong { display: block; }
.pocket-196-body .pocket-196-spec-cards span { color: var(--p196-blue); font-size: 12px; font-weight: 900; letter-spacing: .08em; }
.pocket-196-body .pocket-196-spec-cards strong { margin: 7px 0; color: var(--p196-deep); font-size: 21px; }
.pocket-196-body .pocket-196-spec-cards p,
.pocket-196-body .pocket-196-feature-grid p,
.pocket-196-body .pocket-196-use-grid p { margin: 0; color: var(--p196-muted); font-size: 14px; }
.pocket-196-body .pocket-196-feature-grid h3,
.pocket-196-body .pocket-196-use-grid h3 { margin: 0 0 8px; color: var(--p196-deep); font-size: 18px; }
.pocket-196-body .pocket-196-step-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin: 24px 0; }
.pocket-196-body .pocket-196-step-grid article { display: grid; grid-template-columns: 42px 1fr; gap: 13px; padding: 21px; border-radius: 14px; background: var(--p196-pale); }
.pocket-196-body .pocket-196-step-grid article > span { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: var(--p196-deep); color: #fff; font-weight: 900; }
.pocket-196-body .pocket-196-step-grid h3 { margin: 0 0 5px; color: var(--p196-deep); font-size: 18px; }
.pocket-196-body .pocket-196-step-grid p { margin: 0; font-size: 14px; }
.pocket-196-body .pocket-196-warning { padding: 22px 24px; border: 2px solid #e6b951; border-radius: 14px; background: #fffaf0; }
.pocket-196-body .pocket-196-warning strong { display: block; margin-bottom: 6px; color: #8c5a00; font-size: 18px; }
.pocket-196-body .pocket-196-warning p { margin: 0; }

@media (max-width: 900px) {
    .pocket-196-body .pocket-196-spec-cards,
    .pocket-196-body .pocket-196-feature-grid,
    .pocket-196-body .pocket-196-use-grid,
    .pocket-196-body .pocket-196-step-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .pocket-196-body .pocket-196-step-grid article { grid-template-columns: 1fr; }
}