/* ============ Prebuilt reports: listing + detail (uses the tokens in /styles.css) ============ */
.rp{padding:var(--space-6) 0 var(--section-y)}
.rp-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:var(--space-5);align-items:start}
.rp-layout > *{min-width:0}
.rp-ico{width:20px;height:20px;flex:none}

/* (sidebar removed: the listing is one compact view) */
/* sidebar-unused */
.rp-side{position:sticky;top:96px}
.rp-side-box{display:flex;flex-direction:column;max-height:calc(100vh - 120px);background:var(--de-white);border:var(--divider)}
.rp-side-h{padding:var(--space-2) var(--space-3);font-size:var(--fs-h5);line-height:20px;font-weight:700;letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--de-slate-700);border-bottom:var(--divider)}
.rp-side-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
.rp-side-list a{display:flex;align-items:center;gap:12px;padding:12px var(--space-3);border-left:3px solid transparent;border-bottom:var(--divider);font-family:var(--de-font-ui);font-size:14px;line-height:20px;font-weight:500;color:var(--de-ink);transition:background-color var(--transition),color var(--transition),border-color var(--transition)}
.rp-side-list li:last-child a{border-bottom:0}
.rp-side-list a:hover{background:var(--de-tint-6-solid);color:var(--de-indigo)}
.rp-side-list a[aria-current=true]{background:var(--de-peach);border-left-color:var(--de-orange);color:var(--de-indigo);font-weight:700}
.rp-side-list a[aria-current=true] .rp-ico{color:var(--de-orange)}
.rp-side-list a.is-empty{opacity:.45}
.rp-side-list span{flex:1;min-width:0}
.rp-side-list b{min-width:24px;padding:0 6px;font-size:12px;line-height:20px;font-weight:600;text-align:center;font-variant-numeric:tabular-nums;background:var(--de-tint-12);color:var(--de-slate-600)}
.rp-help{padding:var(--space-3);background:var(--de-peach);border-top:3px solid var(--de-orange)}
.rp-help-h{font-size:16px;line-height:24px;font-weight:700;color:var(--de-ink)}
.rp-help p:not(.rp-help-h){margin:4px 0 var(--space-2);font-size:14px;line-height:22px}
.rp-help .btn{width:100%}

/* tools row */
.rp-tools{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}
.rp-tools .blog-search{width:380px;max-width:100%}

/* category blocks */
.rp-cat{margin-bottom:var(--space-6);scroll-margin-top:96px}
.rp-cat[hidden]{display:none}
.rp-cat-head{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:var(--divider)}
.rp-cat-ico{display:grid;place-items:center;width:48px;height:48px;flex:none;background:var(--de-white);border:var(--divider);color:var(--de-indigo)}
.rp-cat-ico .rp-ico{width:24px;height:24px}
.rp-cat-head > div{flex:1;min-width:0}
.rp-cat-head h2{font-size:var(--fs-h3);line-height:1.3;letter-spacing:-.02em}
.rp-cat-head p{font-size:14px;line-height:22px;color:var(--de-slate-600)}
.rp-cat-count{flex:none;font-size:14px;line-height:48px;color:var(--de-slate-600);white-space:nowrap}
.rp-cat-count b{color:var(--de-ink)}

/* report cards */
.rp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
.rp-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rp-card[hidden]{display:none}
.rp-card{background:var(--de-white);border:var(--divider);transition:border-color var(--transition)}
.rp-card:hover{border-color:var(--de-indigo)}
.rp-card:focus-within{box-shadow:var(--de-focus)}
.rp-card-link{display:flex;flex-direction:column;gap:8px;height:100%;padding:var(--space-3)}
.rp-card-link:focus-visible{box-shadow:none}
.rp-card-name{font-size:18px;line-height:26px;font-weight:700;color:var(--de-ink);transition:color var(--transition)}
.rp-card:hover .rp-card-name{color:var(--de-indigo)}
.rp-card-sum{font-size:14px;line-height:22px;color:var(--de-body);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.rp-card-go{display:inline-flex;align-items:center;gap:4px;margin-top:auto;padding-top:var(--space-1);font-size:14px;line-height:20px;font-weight:600;color:var(--de-indigo)}
.rp-card-go svg{width:18px;height:18px;transition:transform var(--transition)}
.rp-card:hover .rp-card-go svg{transform:translateX(4px)}
.rp-more{margin-top:var(--space-3)}
.rp-more[hidden]{display:none}

/* detail page */
.rp-hero-cta{margin-top:var(--space-4)}
.rp-detail{grid-template-columns:minmax(0,1fr) 340px;gap:var(--space-6)}
.rp-detail .legal-body{max-width:760px}
.rp-steps{padding-left:var(--space-3);margin:0 0 var(--space-3);list-style:decimal}
.rp-steps li{margin-bottom:var(--space-1);padding-left:4px}
.rp-steps li::marker{color:var(--de-orange);font-weight:700}
.rp-facts dl{display:grid;gap:2px;margin:0 0 var(--space-3)}
.rp-facts dt{margin-top:var(--space-2);font-size:12px;line-height:16px;font-weight:700;letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--de-slate-600)}
.rp-facts dd{margin:0;font-size:15px;line-height:24px;color:var(--de-ink)}
.rp-facts dd a{display:inline;padding:0;border:0;color:var(--de-indigo);text-decoration:underline;text-underline-offset:3px}
.rp-facts a.btn{display:flex;width:100%;padding:0 24px;border:1px solid transparent;color:var(--de-ink)}
.rp-related{padding:var(--section-y) 0}

@media (max-width:1100px){
  .rp-layout{grid-template-columns:240px minmax(0,1fr);gap:var(--space-4)}
  .rp-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:991px){
  .rp-detail{grid-template-columns:1fr;gap:var(--space-4)}
  .rp{padding:var(--space-5) 0 var(--section-y)}
  .rp-layout{grid-template-columns:1fr;gap:var(--space-3)}
  /* sidebar turns into a horizontal strip of categories */
  .rp-side{position:sticky;top:72px;z-index:5;margin:0 calc(-1 * var(--gutter));background:var(--de-cream)}
  .rp-side-box{max-height:none;border-width:1px 0}
  .rp-side-h,.rp-help{display:none}
  .rp-side-list{display:flex;overflow-x:auto;scrollbar-width:none}
  .rp-side-list::-webkit-scrollbar{display:none}
  .rp-side-list li{flex:none}
  .rp-side-list a{border-left:0;border-bottom:3px solid transparent;padding:12px var(--space-2);white-space:nowrap}
  .rp-side-list li:last-child a{border-bottom:3px solid transparent}
  .rp-side-list a[aria-current=true]{border-left-color:transparent;border-bottom-color:var(--de-orange)}
  .rp-tools{flex-direction:column;align-items:stretch;gap:var(--space-1)}
  .rp-tools .blog-search{width:100%}
}
@media (max-width:767px){
  .rp-grid,.rp-grid-3{grid-template-columns:1fr}
  .rp-cat-count{display:none}
  .rp-cat-ico{width:40px;height:40px}
}

/* ============ compact one-view listing ============ */
.rp-hero{padding:var(--space-5) 0 var(--space-4)}
.rp-hero h1{font-size:clamp(2rem,4vw,3rem)}
.rp-hero .breadcrumb{margin-bottom:var(--space-2)}
.rp-search{width:520px;max-width:100%;margin-top:var(--space-3)}
.rp-hero .blog-count{margin-top:var(--space-1)}
.rp{padding:var(--space-5) 0 var(--space-6)}
.rp-cols{columns:3;column-gap:var(--space-3)}
.rp-cols .rp-cat{break-inside:avoid;margin:0 0 var(--space-3);padding:0;background:var(--de-white);border:var(--divider)}
.rp-cols .rp-cat-head{align-items:center;gap:12px;margin:0;padding:var(--space-2) var(--space-3);background:var(--de-tint-6-solid);border-bottom:var(--divider)}
.rp-cols .rp-cat-ico{width:32px;height:32px;background:var(--de-white)}
.rp-cols .rp-cat-ico .rp-ico{width:18px;height:18px}
.rp-cols .rp-cat-head h2{flex:1;min-width:0;font-size:17px;line-height:24px;letter-spacing:-.01em;color:var(--de-indigo)}
.rp-cols .rp-cat-count{display:inline-block;min-width:24px;padding:0 6px;font-size:12px;line-height:20px;font-weight:600;text-align:center;background:var(--de-tint-12);color:var(--de-slate-600)}
.rp-cols .rp-grid{display:block}
.rp-cols .rp-card{background:transparent;border:0;border-bottom:var(--divider)}
.rp-cols .rp-card:last-child{border-bottom:0}
.rp-cols .rp-card:hover{background:var(--de-peach)}
.rp-cols .rp-card:focus-within{box-shadow:inset 0 0 0 3px rgba(243,116,53,.35)}
.rp-cols .rp-card-link{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-2);height:auto;padding:12px var(--space-3);cursor:pointer;border-left:3px solid transparent;transition:border-color var(--transition),padding var(--transition)}
.rp-cols .rp-card:hover .rp-card-link{border-left-color:var(--de-orange);padding-left:calc(var(--space-3) + 4px)}
.rp-cols .rp-card-name{font-size:15px;line-height:22px;font-weight:500}
.rp-card-arrow{width:18px;height:18px;flex:none;color:var(--de-indigo);opacity:0;transform:translateX(-6px);transition:opacity var(--transition),transform var(--transition)}
.rp-card:hover .rp-card-arrow,.rp-card:focus-within .rp-card-arrow{opacity:1;transform:none}
@media (hover:none){.rp-card-arrow{opacity:.6;transform:none}}
@media (max-width:1100px){.rp-cols{columns:2}}
@media (max-width:767px){.rp-cols{columns:1}.rp-search{width:100%}}

/* ============ report detail: content from the Word docs ============ */
.rp-detail{grid-template-columns:minmax(0,1fr) 300px;gap:var(--space-6)}
.rp-doc{max-width:none}
.rp-doc > section{padding-bottom:var(--space-5);margin-bottom:var(--space-5);border-bottom:var(--divider)}
.rp-doc > section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.rp-doc h2{margin:0 0 var(--space-2);scroll-margin-top:96px}
.rp-doc h3{margin:var(--space-4) 0 var(--space-1)}
.rp-doc > section > h3:first-of-type{margin-top:var(--space-4)}
.rp-doc p{max-width:760px}
.rp-bullets{list-style:disc;padding-left:var(--space-3);margin:0 0 var(--space-3)}
.rp-bullets li{margin-bottom:var(--space-1);padding-left:4px}
.rp-bullets li::marker{color:var(--de-orange)}

/* overview facts */
.rp-facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 var(--space-2);border-top:var(--divider);border-left:var(--divider)}
.rp-fact{margin:0;padding:var(--space-2) var(--space-3);background:var(--de-white);border-right:var(--divider);border-bottom:var(--divider)}
.rp-fact dt{margin:0 0 4px;font-size:12px;line-height:16px;font-weight:700;letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--de-slate-600)}
.rp-fact dd{margin:0;font-size:15px;line-height:24px;color:var(--de-ink)}

/* tables */
.rp-table-wrap{overflow-x:auto;margin:0 0 var(--space-3);border:var(--divider)}
.rp-table{width:100%;border-collapse:collapse;font-size:15px;line-height:24px;text-align:left}
.rp-table th,.rp-table td{padding:12px var(--space-2);vertical-align:top;border-bottom:var(--divider)}
.rp-table thead th{background:var(--de-tint-6);font-size:12px;line-height:16px;font-weight:700;letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--de-slate-600);white-space:nowrap}
.rp-table tbody th{width:30%;font-weight:700;color:var(--de-ink)}
.rp-table tbody tr:last-child th,.rp-table tbody tr:last-child td{border-bottom:0}
.rp-table tbody tr:hover{background:var(--de-peach)}

/* what you can learn */
.rp-learn-list{display:grid;gap:var(--space-2);margin-top:var(--space-3)}
.rp-learn{padding:var(--space-3);background:var(--de-white);border:var(--divider);border-left:3px solid var(--de-orange)}
.rp-learn h3{margin:0 0 var(--space-1);font-size:20px;line-height:28px;color:var(--de-indigo)}
.rp-learn p{margin:0 0 var(--space-1)}
.rp-ex,.rp-do{padding:10px var(--space-2);font-size:15px;line-height:24px}
.rp-ex{background:var(--de-tint-6-solid);color:var(--de-slate-700)}
.rp-do{background:var(--de-peach);color:var(--de-ink)}
.rp-learn p:last-child{margin-bottom:0}

/* numbered checks and steps */
.rp-steps{counter-reset:s;list-style:none;padding:0;margin:0 0 var(--space-3);display:grid;gap:var(--space-1)}
.rp-steps li{counter-increment:s;position:relative;margin:0;padding:12px var(--space-2) 12px 64px;background:var(--de-tint-6-solid);border:var(--divider);min-height:52px}
.rp-steps li::before{content:counter(s);position:absolute;left:var(--space-2);top:12px;width:28px;height:28px;display:grid;place-items:center;background:var(--de-orange);color:var(--de-ink);font-size:14px;font-weight:700;line-height:1}
.rp-steps li::marker{content:none}

/* tips */
.rp-tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-3)}
.rp-tip{padding:var(--space-3);background:var(--de-tint-6-solid);border:var(--divider)}
.rp-tip p{margin:0;max-width:none}
.rp-tip .rp-tip-l{margin-bottom:var(--space-1);font-size:12px;line-height:16px;font-weight:700;letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--de-indigo)}

/* faq */
.rp-faq{display:grid;gap:var(--space-1);margin-top:var(--space-3)}
.rp-faq details{background:var(--de-white);border:var(--divider);transition:border-color var(--transition)}
.rp-faq details:hover,.rp-faq details[open]{border-color:var(--de-indigo)}
.rp-faq summary{position:relative;list-style:none;cursor:pointer;padding:var(--space-2) 56px var(--space-2) var(--space-3);font-size:17px;line-height:26px;font-weight:700;color:var(--de-ink)}
.rp-faq summary::-webkit-details-marker{display:none}
.rp-faq summary::after{content:"+";position:absolute;right:var(--space-3);top:var(--space-2);width:26px;height:26px;display:grid;place-items:center;font-size:22px;line-height:1;color:var(--de-indigo);transition:transform var(--transition)}
.rp-faq details[open] summary::after{content:"−"}
.rp-faq details > div{padding:0 var(--space-3) var(--space-2)}
.rp-faq details p:last-child{margin-bottom:0}

/* sticky contents */
.rp-toc a.btn{display:flex;width:100%;margin-top:var(--space-3);padding:0 16px;border:1px solid transparent;color:var(--de-ink);text-align:center;font-size:15px;line-height:1.2;height:auto;min-height:48px}
.rp-toc ol a{padding:6px 0 6px 12px}

/* name-only cards in "More in …" */
.rp-related .rp-card-link{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-2);height:auto;cursor:pointer;border-left:3px solid transparent;transition:border-color var(--transition),background-color var(--transition)}
.rp-related .rp-card:hover{background:var(--de-peach)}
.rp-related .rp-card:hover .rp-card-link{border-left-color:var(--de-orange)}
.rp-related .rp-card-name{font-size:17px}

@media (max-width:991px){
  .rp-detail{grid-template-columns:1fr}
  .rp-toc{order:-1}
  .rp-facts-grid,.rp-tips{grid-template-columns:1fr}
}

/* Book a Demo sits next to the rounded Shopify badge, so it matches the badge's shape and height */
.rp-demo{border-radius:10px;height:60px;padding:0 32px;font-size:17px}
.rp-toc a.rp-demo{height:48px;padding:0 16px}
@media (max-width:991px){.rp-demo{height:45px;padding:0 24px;font-size:16px}}

/* ============ index layout v2: one row per category (label left, report cards right) ============ */
.rp-index{padding:var(--space-4) 0 var(--space-6);background:var(--de-white)}
.rp-rows{border-top:var(--divider)}
.rp-rows .rp-cat{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--space-4);align-items:start;margin:0;padding:var(--space-4) 0;border:0;border-bottom:var(--divider);background:none}
.rp-rows .rp-cat-head{position:sticky;top:96px;flex-direction:column;align-items:flex-start;gap:var(--space-1);margin:0;padding:0;border:0;background:none}
.rp-rows .rp-cat-ico{width:44px;height:44px;background:var(--de-tint-6-solid);border:0;color:var(--de-indigo)}
.rp-rows .rp-cat-ico .rp-ico{width:22px;height:22px}
.rp-rows .rp-cat-head h2{font-size:22px;line-height:30px;letter-spacing:-.02em;color:var(--de-indigo)}
.rp-rows .rp-cat-count{align-self:flex-start;padding:0 8px;font-size:12px;line-height:22px;font-weight:600;background:var(--de-tint-12);color:var(--de-slate-600)}
.rp-rows .rp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1)}
.rp-rows .rp-card{background:var(--de-white);border:1px solid var(--de-tint-12-solid);transition:border-color var(--transition),background-color var(--transition),transform var(--transition)}
.rp-rows .rp-card:hover{border-color:var(--de-orange);background:var(--de-peach);transform:translateY(-2px)}
.rp-rows .rp-card:focus-within{box-shadow:var(--de-focus)}
.rp-rows .rp-card-link{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-1);height:100%;min-height:64px;padding:12px var(--space-2);cursor:pointer}
.rp-rows .rp-card-name{font-size:15px;line-height:22px;font-weight:500;color:var(--de-ink)}
.rp-rows .rp-card:hover .rp-card-name{color:var(--de-indigo)}
.rp-rows .rp-card-arrow{opacity:.35;transform:none;color:var(--de-indigo)}
.rp-rows .rp-card:hover .rp-card-arrow{opacity:1;transform:translateX(3px);color:var(--de-orange)}
@media (max-width:1100px){.rp-rows .rp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-rows .rp-cat{grid-template-columns:200px minmax(0,1fr)}}
@media (max-width:767px){
  .rp-rows .rp-cat{grid-template-columns:1fr;gap:var(--space-2)}
  .rp-rows .rp-cat-head{position:static;flex-direction:row;align-items:center}
  .rp-rows .rp-grid{grid-template-columns:1fr}
}

/* ============ index layout v3: category tabs + tile wall ============ */
.rp-wall-sec{padding:var(--space-4) 0 var(--space-6);background:var(--de-cream)}
.rp-tabs{margin-bottom:var(--space-2);border-bottom:var(--divider)}
.rp-tabs button.is-empty{opacity:.4}
.rp-wall-sec .blog-count{margin-bottom:var(--space-3)}
.rp-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}
.rp-tile[hidden]{display:none}
.rp-tile{background:var(--de-white);border:var(--divider);transition:background-color var(--transition),border-color var(--transition),transform var(--transition)}
.rp-tile-link{display:flex;flex-direction:column;gap:var(--space-1);height:100%;min-height:120px;padding:var(--space-3);cursor:pointer}
.rp-tile-link:focus-visible{box-shadow:none}
.rp-tile:focus-within{box-shadow:var(--de-focus)}
.rp-tile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:auto}
.rp-tile-ico{display:grid;place-items:center;width:40px;height:40px;background:var(--de-tint-6-solid);color:var(--de-indigo);transition:background-color var(--transition),color var(--transition)}
.rp-tile-ico .rp-ico{width:20px;height:20px}
.rp-tile-arrow{width:22px;height:22px;color:var(--de-indigo);opacity:.3;transition:opacity var(--transition),transform var(--transition),color var(--transition)}
.rp-tile-name{font-size:18px;line-height:26px;font-weight:700;color:var(--de-ink);transition:color var(--transition)}
.rp-tile:hover{background:var(--de-indigo);border-color:var(--de-indigo);transform:translateY(-3px)}
.rp-tile:hover .rp-tile-name{color:#fff}
.rp-tile:hover .rp-tile-ico{background:rgba(255,255,255,.14);color:#fff}
.rp-tile:hover .rp-tile-arrow{opacity:1;color:var(--de-orange);transform:translateX(4px)}
@media (hover:none){.rp-tile-arrow{opacity:.6}}
@media (max-width:1200px){.rp-wall{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:991px){.rp-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.rp-wall{grid-template-columns:1fr}.rp-tile-link{min-height:120px}}
.rp-tabs{flex-wrap:nowrap;overflow-x:auto;gap:var(--space-3);scrollbar-width:thin}
.rp-tabs button{flex:none;white-space:nowrap}

/* ============ index layout v4: category accordion ============ */
.rp-acc-wrap{max-width:960px}
.rp-accs{border-top:var(--divider)}
.rp-acc{border-bottom:var(--divider)}
.rp-acc[hidden]{display:none}
.rp-acc summary{position:relative;display:flex;align-items:center;gap:var(--space-2);list-style:none;cursor:pointer;padding:var(--space-3) 48px var(--space-3) 0;transition:color var(--transition)}
.rp-acc summary::-webkit-details-marker{display:none}
.rp-acc summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:28px;line-height:1;font-weight:300;color:var(--de-indigo);transition:color var(--transition)}
.rp-acc[open] summary::after{content:"−";color:var(--de-orange)}
.rp-acc-ico{display:grid;place-items:center;width:32px;height:32px;color:var(--de-indigo)}
.rp-acc-ico .rp-ico{width:22px;height:22px}
.rp-acc-name{font-size:22px;line-height:30px;font-weight:700;color:var(--de-ink);transition:color var(--transition)}
.rp-acc-n{font-size:14px;color:var(--de-slate-600)}
.rp-acc summary:hover .rp-acc-name{color:var(--de-indigo)}
.rp-acc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-5);padding:0 0 var(--space-3) 48px}
.rp-acc-list li[hidden]{display:none}
.rp-acc-list a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:14px 0;border-top:var(--divider);font-size:16px;line-height:24px;font-weight:500;color:var(--de-ink);cursor:pointer;transition:color var(--transition),padding var(--transition)}
.rp-acc-list svg{width:18px;height:18px;color:var(--de-orange);opacity:0;transform:translateX(-6px);transition:opacity var(--transition),transform var(--transition)}
.rp-acc-list a:hover{color:var(--de-indigo);padding-left:6px}
.rp-acc-list a:hover svg{opacity:1;transform:none}
@media (max-width:767px){.rp-acc-list{grid-template-columns:1fr;padding-left:0}.rp-acc-name{font-size:19px}}