/* Product facts and editorial reading pages, using the established store palette. */
.product-detail { padding: 32px 0 76px; }
.pd-crumbs { margin-bottom: 28px; color: var(--ink-soft); }
.pd-crumbs a, .product-detail a:not(.btn), .standalone-guide a { color: var(--forest, #234a39); text-underline-offset: .18em; }
.pd-intro { display: grid; grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr); gap: clamp(28px, 5vw, 72px); align-items: start; }
.pd-photo { background: #efeee7; padding: 38px; text-align: center; border-radius: 10px; }
.pd-photo img { width: min(100%, 300px); height: auto; display: inline-block; }
.pd-intro h1 { font: 400 clamp(34px, 3.5vw, 54px)/1.12 'DM Serif Display', Georgia, serif; letter-spacing: -.025em; margin-bottom: 24px; }
.pd-lead { font-size: 18px; line-height: 1.7; margin: 18px 0; }
.pd-offer { margin: 24px 0; padding: 22px 0; border-top: 1px solid #d5dcd5; border-bottom: 1px solid #d5dcd5; }
.pd-offer p { margin-bottom: 12px; }
.pd-offer p:first-child strong { font-size: 30px; font-variant-numeric: tabular-nums; }
.pd-offer .btn { margin-top: 8px; }
.pd-reading { max-width: 74ch; margin: 56px auto 0; line-height: 1.75; overflow-wrap: break-word; }
.pd-reading h1 { font: 400 clamp(34px, 4vw, 52px)/1.14 'DM Serif Display', Georgia, serif; letter-spacing: -.025em; }
.pd-reading h2 { font: 400 30px/1.25 'DM Serif Display', Georgia, serif; margin: 40px 0 14px; }
.pd-reading p, .pd-reading dl { margin-bottom: 18px; }
.pd-reading ul { margin: 16px 0 24px 22px; }
.pd-reading li { margin-bottom: 10px; }
.pd-reading dt { font-weight: 700; margin-top: 20px; }
.pd-reading dd { margin: 4px 0 16px; }
.pd-table-wrap { overflow-x: auto; margin: 24px 0 16px; }
.pd-table-wrap table { border-collapse: collapse; width: 100%; font-size: 15px; font-variant-numeric: tabular-nums; }
.pd-table-wrap caption { text-align: left; font-weight: 600; padding-bottom: 10px; }
.pd-table-wrap th, .pd-table-wrap td { text-align: left; padding: 12px 10px; border-bottom: 1px solid #d5dcd5; vertical-align: top; }
.pd-table-wrap thead { background: #e9eee7; }
.pd-table-wrap tbody th { font-weight: 500; }
.pd-note { color: var(--ink-soft); font-size: 14px; }
.standalone-guide { margin: 0 auto; padding: 42px 24px 72px; max-width: calc(74ch + 48px); }
.guide-sources { border-top: 1px solid #d5dcd5; padding-top: 8px; margin-top: 36px; }
.guide__meta a { color: inherit; text-underline-offset: .18em; }
.seo-reading { padding: 34px 0; }
.seo-reading h2 { font-size: 28px; }
.seo-reading p { max-width: 75ch; margin-top: 12px; }
a:focus-visible, button:focus-visible { outline: 3px solid #638061; outline-offset: 3px; }
@media (max-width: 700px) { .pd-intro { grid-template-columns: 1fr; gap: 28px; } .pd-photo { padding: 20px; } .pd-photo img { width: 180px; } .product-detail { padding-top: 20px; } .pd-intro h1 { font-size: 36px; } .pd-reading { margin-top: 34px; } .pd-table-wrap table { font-size: 14px; } .pd-table-wrap th, .pd-table-wrap td { padding: 10px 6px; } }
.standalone-guide .guide__meta, .standalone-guide .crumbs, .pd-crumbs, .pd-crumbs span { color: var(--ink-soft); }
.pd-crumbs span[aria-current] { color: var(--ink-soft); }