:root { --dwp-dark: var(--ink, var(--forest, var(--navy, #17373e))); --dwp-accent: var(--tomato, var(--orange, var(--coral, #e94f37))); --dwp-accent-dark: var(--tomato-dark, var(--orange-dark, var(--coral-dark, #c83d29))); --dwp-soft: var(--cream, var(--sand, var(--mist, #f3f1e9))); --dwp-line: var(--line, #ddd8cc); --dwp-muted: var(--muted, #68756f); --dwp-radius: var(--radius, 22px); --dwp-shadow: var(--shadow-soft, 0 12px 34px rgba(20,40,33,.08)); }
.theme-variant-default.theme-cp24-discovery { --ink:var(--brand);--green:var(--brand);--tomato:var(--accent);--tomato-dark:var(--accent); }
.theme-variant-default.theme-cp24-category { --forest:var(--brand);--ink:var(--brand);--orange:var(--accent);--orange-dark:var(--accent); }
.theme-variant-default.theme-cp24-sub-journey { --navy:var(--brand);--ink:var(--brand);--coral:var(--accent);--coral-dark:var(--accent); }
.theme-variant-default.theme-cp24-legacy-affiliate { --ink:var(--brand);--navy:var(--brand);--orange:var(--accent);--orange-dark:var(--accent); }
.dwp-nav-list { display:flex;align-items:center;gap:22px;margin:0;padding:0;list-style:none; }
.dwp-nav-list li { margin:0;padding:0; }
.dwp-nav-list a { font-size:14px;font-weight:750;text-decoration:none;white-space:nowrap; }
.dwp-nav-list a:hover,.dwp-nav-list a[aria-current="page"] { color:var(--dwp-accent-dark); }
.dwp-main { min-height:55vh;background:var(--paper, #fff); }
.dwp-layout { padding-block:clamp(42px,6vw,82px) 90px; }
.dwp-layout--sidebar { display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:54px;align-items:start; }
.dwp-main-column { min-width:0; }
.dwp-breadcrumbs { display:flex;flex-wrap:wrap;gap:8px;margin-bottom:38px;color:var(--dwp-muted);font-size:12px; }
.dwp-breadcrumbs a { text-decoration:underline;text-underline-offset:3px; }
.dwp-page-header { max-width:880px;margin-bottom:52px; }
.dwp-page-header h1,.dwp-error h1 { margin:0 0 20px;font-family:var(--hub-heading-font,"DM Serif Display",Georgia,serif);font-size:clamp(44px,7vw,78px);font-weight:400;line-height:.98;letter-spacing:-.04em; }
.dwp-kicker,.eyebrow { color:var(--dwp-accent-dark);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase; }
.dwp-lead,.lead { max-width:740px;color:var(--dwp-muted);font-size:clamp(18px,2vw,22px); }
.dwp-meta { display:flex;flex-wrap:wrap;gap:9px;margin-top:22px;color:var(--dwp-muted);font-size:12px; }
.hero { display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);min-height:540px;overflow:hidden;border-radius:var(--radius-lg,32px);background:var(--dwp-soft);box-shadow:var(--dwp-shadow); }
.hero__content { display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,6vw,76px); }
.hero h1 { margin:0 0 22px;font-family:var(--hub-heading-font,"DM Serif Display",Georgia,serif);font-size:clamp(48px,6vw,82px);font-weight:400;line-height:.94;letter-spacing:-.045em; }
.hero__text { max-width:650px;color:var(--dwp-muted);font-size:clamp(17px,1.7vw,20px); }
.hero__visual { min-height:340px;background:var(--dwp-dark); }
.hero__visual img { width:100%;height:100%;object-fit:cover; }
.theme-cp24-discovery .hero { color:#fff;background:var(--ink); }
.theme-cp24-discovery .hero__visual { order:-1;background:var(--cream); }
.theme-cp24-discovery .hero__text { color:rgba(255,255,255,.76); }
.theme-cp24-category .hero { background:linear-gradient(90deg,var(--sand) 0 52%,var(--forest) 52%); }
.theme-cp24-category .hero__content { background:var(--sand); }
.theme-cp24-category .hero__visual { background:var(--forest); }
.theme-cp24-sub-journey .hero { background:var(--mist); }
.theme-cp24-sub-journey .hero__visual { background:var(--navy); }
.theme-cp24-legacy-affiliate .hero { border-radius:0;color:#fff;background:var(--ink);box-shadow:none; }
.theme-cp24-legacy-affiliate .hero__text { color:rgba(255,255,255,.72); }
.theme-cp24-legacy-affiliate .hero__visual { background:linear-gradient(135deg,var(--ink),var(--orange)); }
.theme-cp24-legacy-affiliate .content-card,.theme-cp24-legacy-affiliate .product-card { border-radius:var(--radius,4px);box-shadow:none; }
.button { display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:11px 20px;border:1px solid var(--dwp-dark);border-radius:999px;color:#fff;background:var(--dwp-dark);font-weight:800;text-decoration:none; }
.button:hover { border-color:var(--dwp-accent);background:var(--dwp-accent); }
.button--small { min-height:40px;padding:8px 14px;font-size:13px; }
.section-block { margin-block:64px; }
.section-block>h2,.product-section>h2,.faq>h2 { font-family:var(--hub-heading-font,"DM Serif Display",Georgia,serif);font-size:clamp(32px,4vw,52px);font-weight:400;line-height:1; }
.card-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
.content-card { display:flex;min-height:270px;flex-direction:column;padding:25px;border:1px solid var(--dwp-line);border-radius:var(--dwp-radius);background:#fff;box-shadow:var(--dwp-shadow); }
.content-card h3 { margin:0 0 12px;font-family:var(--hub-heading-font,"DM Serif Display",Georgia,serif);font-size:24px;line-height:1.08; }
.content-card h3 a,.content-card .text-link { text-decoration:none; }
.content-card__label { color:var(--dwp-accent-dark);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }
.content-card .text-link { margin-top:auto;color:var(--dwp-accent-dark);font-weight:800; }
.product-section { padding:clamp(25px,4vw,44px);border-radius:var(--radius-lg,30px);background:var(--dwp-soft); }
.product-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px; }
.product-card { padding:22px;border:1px solid var(--dwp-line);border-radius:var(--dwp-radius);background:#fff; }
.product-card h3 { font-family:var(--hub-heading-font,"DM Serif Display",Georgia,serif);font-size:22px; }
.product-card__badge { display:inline-block;padding:4px 8px;border-radius:999px;color:#fff;background:var(--dwp-accent);font-size:10px;font-weight:900;text-transform:uppercase; }
.product-card__price { color:var(--dwp-dark);font-size:22px;font-weight:900; }
.product-card small { display:block;margin-top:9px;color:var(--dwp-muted); }
.prose,.content-list,.callout,.table-scroll,.faq,.content-image,blockquote { max-width:800px; }
.prose { font-size:17px;line-height:1.72; }
.content-list li { margin-bottom:8px; }
.callout { margin-block:30px;padding:24px 26px;border-left:5px solid var(--dwp-accent);border-radius:0 var(--radius-sm,14px) var(--radius-sm,14px) 0;background:var(--dwp-soft); }
.callout h3 { margin-top:0; }
.table-scroll { margin-block:30px;overflow-x:auto;border:1px solid var(--dwp-line);border-radius:var(--radius-sm,14px); }
table { width:100%;border-collapse:collapse; }
th,td { padding:13px 14px;border-bottom:1px solid var(--dwp-line);text-align:left;vertical-align:top; }
th { color:#fff;background:var(--dwp-dark); }
.faq { margin-top:55px; }
.faq details { border-top:1px solid var(--dwp-line); }
.faq details:last-child { border-bottom:1px solid var(--dwp-line); }
.faq summary { padding:16px 0;font-weight:800;cursor:pointer; }
.faq details p { padding:0 20px 17px 0; }
.content-image { margin-block:35px; }
.content-image img { width:100%;border-radius:var(--dwp-radius); }
.content-image figcaption { margin-top:8px;color:var(--dwp-muted);font-size:12px; }
blockquote { margin:38px 0;padding:12px 0 12px 26px;border-left:5px solid var(--dwp-accent);font-family:var(--hub-heading-font,Georgia,serif);font-size:24px; }
blockquote cite { display:block;margin-top:10px;color:var(--dwp-muted);font-family:system-ui,sans-serif;font-size:12px;font-style:normal; }
.dwp-sidebar { position:sticky;top:110px;display:grid;gap:18px; }
.dwp-sidebar section { padding:22px;border:1px solid var(--dwp-line);border-radius:var(--dwp-radius);background:#fff; }
.dwp-sidebar h2 { margin-top:0;font-family:var(--hub-heading-font,Georgia,serif);font-size:24px;line-height:1.1; }
.dwp-sidebar ul { margin:0;padding:0;list-style:none; }
.dwp-sidebar li+li { border-top:1px solid var(--dwp-line); }
.dwp-sidebar li a { display:block;padding:10px 0;font-weight:700;text-decoration:none; }
.dwp-sidebar__intro { background:var(--dwp-soft)!important; }
.dwp-sidebar__notice { color:var(--dwp-muted);font-size:12px; }
.dwp-error { max-width:760px;padding-block:60px 100px; }
@media(max-width:1080px){.dwp-layout--sidebar{grid-template-columns:1fr}.dwp-sidebar{position:static;grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.card-grid,.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.dwp-layout{padding-block:32px 60px}.hero{min-height:0}.hero__content{padding:29px 22px}.card-grid,.product-grid,.dwp-sidebar{grid-template-columns:1fr}.hub-footer__grid{grid-template-columns:1fr!important}.dwp-nav-list{display:none}}