/* joyagoohotsale.com · JoyaGoo Spreadsheet Red Price Audit · prefix rp- */
:root{
  --paper:#f6f3ec;--paper2:#efeae0;--card:#fffdf8;--ink:#1c1b19;--muted:#57534b;--rule:#ddd6c8;
  --red:#a8241c;--link:#2f5f94;--freight:#3b6ea5;--customs:#a33a2c;--operation:#d29b2e;--service:#e9c478;--surcharge:#8a8478;
  --lime:#e3fc00;--wrap:1160px;--col:820px;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  --sans:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Roboto,Arial,sans-serif;
  --mono:ui-monospace,"Cascadia Mono",Consolas,"Liberation Mono",monospace;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 var(--sans)}
img{display:block;max-width:100%;height:auto}
a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--red)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--freight);outline-offset:2px}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.18;color:var(--ink)}
p{margin:0 0 1em}
code,.rp-code{font-family:var(--mono);font-size:.86em;background:var(--paper2);padding:.08em .32em;border-radius:4px;overflow-wrap:anywhere}
.rp-redink{color:var(--red);font-weight:700}
.rp-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rp-skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:var(--paper);padding:10px 16px;z-index:9;border-radius:6px}
.rp-skip:focus{top:10px}

/* header */
.rp-top{background:var(--card);border-bottom:1px solid var(--rule)}
.rp-top__in{max-width:var(--wrap);margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:20px;min-height:68px}
.rp-mark{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);min-width:0;min-height:44px}
.rp-mark img{flex:none;width:104px;height:auto}
.rp-mark span{font-family:var(--serif);font-weight:700;font-size:17px;line-height:1.2;white-space:nowrap}
.rp-nav{margin-left:auto}
.rp-nav ul{list-style:none;display:flex;gap:2px;margin:0;padding:0;flex-wrap:nowrap}
.rp-nav a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:0 11px;border-radius:6px;color:var(--ink);text-decoration:none;font-size:15.5px;white-space:nowrap}
.rp-nav a:hover{background:var(--paper2);color:var(--ink)}
.rp-nav a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--red)}
.rp-menu{display:none;margin-left:auto;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:0 14px;border:1px solid var(--rule);border-radius:8px;background:var(--card);color:var(--ink);font:600 15px var(--sans);cursor:pointer}
.rp-menu__bars{width:18px;height:12px;background:linear-gradient(var(--ink) 0 2px,transparent 2px 5px,var(--ink) 5px 7px,transparent 7px 10px,var(--ink) 10px 12px)}

/* hero */
.rp-hero{background:var(--paper);border-bottom:6px solid transparent;border-image:linear-gradient(90deg,var(--freight) 0 55%,var(--customs) 55% 75%,var(--operation) 75% 90%,var(--service) 90% 100%) 1}
.rp-hero__in{max-width:var(--wrap);margin:0 auto;padding:40px 20px 44px}
.rp-hero h1{font-size:clamp(31px,3.6vw,48px);max-width:30ch;margin:6px 0 14px;letter-spacing:-.01em}
.rp-lede{font-size:19.5px;max-width:62ch;color:var(--ink);margin:0 0 22px}
.rp-find{display:flex;max-width:780px;background:var(--card);border:2px solid var(--ink);border-radius:12px;overflow:hidden}
.rp-find input[type=search]{flex:1;min-width:0;border:0;background:transparent;padding:0 18px;height:58px;font:18px var(--sans);color:var(--ink)}
.rp-find input::placeholder{color:#6d685e}
.rp-find button{border:0;background:var(--ink);color:var(--paper);font:700 17px var(--sans);padding:0 26px;min-width:44px;cursor:pointer}
.rp-find button:hover{background:var(--red)}
.rp-quick{display:flex;flex-wrap:wrap;gap:4px 22px;margin:16px 0 0;font-size:16px}
.rp-quick a{display:inline-flex;align-items:center;min-height:44px}
.rp-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:0 6px;margin:0 0 6px;padding:0;font-size:15px;color:var(--muted)}
.rp-crumbs li{display:inline-flex;align-items:center}
.rp-crumbs li+li::before{content:"/";margin-right:6px;color:var(--muted)}
.rp-crumbs a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}

/* catalogue shelves */
.rp-shelf{max-width:var(--wrap);margin:0 auto;padding:44px 20px 52px}
.rp-shelf h2{font-size:30px;margin:0 0 8px}
.rp-shelf__intro{max-width:70ch;color:var(--muted);margin:0 0 22px}
.rp-shelf__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.rp-shelf__card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--rule);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--ink)}
.rp-shelf__card:hover{border-color:var(--ink);color:var(--ink)}
.rp-shelf__img{display:block;background:#fff;aspect-ratio:1/1}
.rp-shelf__img img{width:100%;height:100%;object-fit:cover}
.rp-shelf__name{font-weight:700;font-size:17px;padding:12px 14px 2px}
.rp-shelf__line{font-size:14.5px;line-height:1.45;color:var(--muted);padding:0 14px 8px}
.rp-shelf__kind{margin:auto 14px 14px;align-self:flex-start;font:600 12.5px var(--mono);letter-spacing:.02em;color:var(--muted);border:1px solid var(--rule);border-radius:99px;padding:2px 10px}
.rp-shelf--wide .rp-shelf__img{aspect-ratio:4/3}
.rp-shelf__more{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.rp-shelflink{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--rule);border-radius:99px;background:var(--card);text-decoration:none;color:var(--ink);font-size:16px}
.rp-shelflink:hover{border-color:var(--ink);color:var(--ink)}

/* sections */
.rp-sec{max-width:var(--wrap);margin:0 auto;padding:54px 20px;border-top:1px solid var(--rule)}
.rp-sec h2{font-size:31px;margin:0 0 24px;max-width:36ch}
.rp-sec h2::before{content:"";display:block;width:56px;height:6px;margin-bottom:14px;background:linear-gradient(90deg,var(--freight) 0 55%,var(--customs) 55% 75%,var(--operation) 75% 90%,var(--service) 90% 100%)}
.rp-sec h3{font-size:22px;margin:1.4em 0 .5em}
.rp-duo{display:grid;grid-template-columns:minmax(0,56fr) minmax(0,44fr);gap:40px;align-items:stretch}
.rp-duo--rev{grid-template-columns:minmax(0,44fr) minmax(0,56fr)}
.rp-duo--rev>.rp-fig{order:2}
.rp-duo>*{min-width:0}
.rp-duo__text>:first-child{margin-top:0}
.rp-duo__text>:last-child{margin-bottom:0}
.rp-col{max-width:var(--col)}
.rp-col>:last-child{margin-bottom:0}
.rp-col--after{margin-top:26px}
.rp-fig{margin:0}
.rp-fig img{border-radius:10px;border:1px solid var(--rule);background:#fbf9f4}
.rp-duo .rp-fig img{width:100%;max-width:760px}
.rp-col .rp-fig{margin:28px 0}
.rp-col .rp-fig img{width:auto;max-width:100%}
.rp-fig figcaption{font-size:15px;line-height:1.5;color:var(--muted);margin-top:10px;max-width:70ch}
.rp-list,.rp-olist{padding-left:1.25em;margin:0 0 1em}
.rp-list li,.rp-olist li{margin:0 0 .45em}
.rp-ledger{margin:0 0 1.1em;border-top:1px solid var(--rule)}
.rp-ledger>div{display:grid;grid-template-columns:minmax(0,34%) minmax(0,1fr);gap:16px;padding:10px 0;border-bottom:1px solid var(--rule)}
.rp-ledger dt{font-weight:700}
.rp-ledger dd{margin:0}
.rp-note{background:var(--paper2);border-left:5px solid var(--red);padding:14px 18px;margin:0 0 1.1em;border-radius:0 8px 8px 0}
.rp-note--quiet{border-left-color:var(--freight)}
.rp-note>:last-child{margin-bottom:0}
.rp-asks{border-top:1px solid var(--rule);margin:0 0 1em}
.rp-asks details{border-bottom:1px solid var(--rule)}
.rp-asks summary{cursor:pointer;font-weight:700;padding:12px 4px;min-height:44px;list-style-position:outside}
.rp-asks__a{padding:0 4px 12px}
.rp-asks__a p{margin:0}
.rp-tablebox{overflow-x:auto;margin:0 0 1.2em;border:1px solid var(--rule);border-radius:10px;background:var(--card)}
.rp-table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.45}
.rp-table caption{text-align:left;padding:12px 14px;font-weight:700;color:var(--ink)}
.rp-table th,.rp-table td{padding:9px 12px;border-top:1px solid var(--rule);text-align:left;vertical-align:top}
.rp-table thead th{background:var(--paper2);font-size:14px}
.rp-table .rp-num{font-family:var(--mono);white-space:nowrap}
.rp-checked{font-size:15px;color:var(--muted);margin-top:1.2em}
.rp-close{border-top:0}
.rp-close__in{background:var(--ink);color:var(--paper);border-radius:14px;padding:28px 30px}
.rp-close__in p{max-width:70ch}
.rp-close__links{display:flex;flex-wrap:wrap;gap:6px 24px;margin:0}
.rp-close__links a{display:inline-flex;align-items:center;min-height:44px;color:#ffe3a6}
.rp-close__links a:hover{color:var(--lime)}

/* footer */
.rp-foot{background:var(--paper2);border-top:1px solid var(--rule);margin-top:36px}
.rp-foot__in{max-width:var(--wrap);margin:0 auto;padding:40px 20px 44px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:44px}
.rp-foot__in>*{min-width:0}
.rp-foot__name{font-family:var(--serif);font-weight:700;font-size:20px;color:var(--ink)}
.rp-foot__who p{font-size:15.5px;line-height:1.6;color:var(--muted);max-width:62ch}
.rp-foot__who a{color:var(--link)}
.rp-foot__date{font-size:14.5px}
.rp-foot__nav{list-style:none;margin:0;padding:0;columns:2;column-gap:28px}
.rp-foot__nav li{break-inside:avoid}
.rp-foot__nav a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;font-size:15.5px;color:var(--ink)}

/* the audit tool */
.rp-audit{background:var(--card);border:1px solid var(--rule);border-radius:14px;padding:24px}
.rp-audit__pick{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 20px;margin-bottom:18px}
.rp-audit__pick label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:15.5px}
.rp-audit select{min-height:48px;min-width:240px;font:17px var(--sans);padding:0 12px;border:2px solid var(--ink);border-radius:10px;background:var(--card);color:var(--ink)}
.rp-audit__meta{font-size:15px;color:var(--muted);margin:0}
.rp-audit__lines{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rp-audit__lines button{width:100%;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 14px;align-items:baseline;min-height:64px;padding:10px 14px;border:1px solid var(--rule);border-radius:10px;background:var(--paper);color:var(--ink);font:16px var(--sans);cursor:pointer}
.rp-audit__lines button[aria-pressed=true]{border:2px solid var(--ink);background:var(--card)}
.rp-audit__lname{font-weight:700;overflow-wrap:anywhere}
.rp-audit__lred{color:var(--red);font-weight:700;font-family:var(--mono)}
.rp-audit__lsub{grid-column:1/-1;font-size:14px;color:var(--muted)}
.rp-audit__out{border-top:1px solid var(--rule);padding-top:18px}
.rp-audit__head{font-family:var(--serif);font-size:23px;font-weight:700;margin:0 0 12px}
.rp-bar{display:flex;height:46px;border-radius:8px;overflow:hidden;border:1px solid var(--rule);margin:0 0 8px}
.rp-bar__seg{position:relative;min-width:3px;display:flex}
.rp-bar__seg>span{flex:3}
.rp-bar__seg>i{flex:1;opacity:.38;border-left:2px solid var(--card)}
.rp-bar__seg--freight>span,.rp-bar__seg--freight>i{background:var(--freight)}
.rp-bar__seg--customs>span,.rp-bar__seg--customs>i{background:repeating-linear-gradient(135deg,var(--customs) 0 7px,#c46a5c 7px 10px)}
.rp-bar__seg--operation>span,.rp-bar__seg--operation>i{background:var(--operation)}
.rp-bar__seg--service>span,.rp-bar__seg--service>i{background:var(--service)}
.rp-bar__seg--surcharge>span,.rp-bar__seg--surcharge>i{background:var(--surcharge)}
.rp-bar__key{font-size:14px;color:var(--muted);margin:0 0 16px}
.rp-audit__rows{width:100%;border-collapse:collapse;font-size:15.5px;margin:0 0 16px}
.rp-audit__rows th,.rp-audit__rows td{text-align:left;padding:8px 10px;border-top:1px solid var(--rule);vertical-align:top}
.rp-audit__rows td.rp-num{font-family:var(--mono);white-space:nowrap}
.rp-swatch{display:inline-block;width:14px;height:14px;border-radius:3px;margin-right:8px;vertical-align:-2px}
.rp-audit__verdict{font-size:19px;background:var(--paper2);border-left:5px solid var(--red);padding:14px 18px;border-radius:0 8px 8px 0;margin:0}

/* reduced motion */
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* dark scheme (after the base rules on purpose) */
@media (prefers-color-scheme:dark){
  :root{--paper:#1a1916;--paper2:#25231f;--card:#211f1b;--ink:#ede8de;--muted:#bab3a6;--rule:#3b3731;--red:#ff8b7c;--link:#9cc3f0}
  .rp-find input::placeholder{color:#a29b8e}
  .rp-fig img{border-color:#3b3731}
  .rp-mark img{background:#f6f3ec;border-radius:6px;padding:3px 6px;box-sizing:content-box}
  .rp-close__in{background:#0e0d0b;color:var(--ink)}
  .rp-find button{color:#1a1916}
}

/* narrow screens (kept at the end so they win) */
@media (max-width:1180px){
  .rp-duo,.rp-duo--rev{grid-template-columns:minmax(0,1fr);gap:20px}
  .rp-duo--rev>.rp-fig{order:0}
  .rp-duo .rp-fig img{margin:0 auto}
  .rp-shelf__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:1100px){
  .rp-mark span{font-size:15px;white-space:normal;max-width:15ch}
  .rp-nav a{padding:0 8px;font-size:15px}
}
@media (max-width:920px){
  .rp-menu{display:inline-flex}
  .rp-nav{position:absolute;left:0;right:0;top:68px;background:var(--card);border-bottom:1px solid var(--rule);display:none;z-index:5}
  .rp-nav.rp-nav--open{display:block}
  .rp-nav ul{flex-direction:column;padding:8px 16px}
  .rp-top{position:relative}
  .rp-shelf__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rp-audit__lines{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  body{font-size:17px}
  .rp-hero__in{padding:28px 16px 32px}
  .rp-sec{padding:40px 16px}
  .rp-sec h2{font-size:26px}
  .rp-shelf{padding:32px 16px 40px}
  .rp-shelf__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .rp-find input[type=search]{height:52px;font-size:16px;padding:0 12px}
  .rp-find button{padding:0 16px}
  .rp-ledger>div{grid-template-columns:minmax(0,1fr);gap:2px}
  .rp-audit{padding:16px}
  .rp-audit select{min-width:0;width:100%}
  .rp-audit__pick label{width:100%}
  .rp-top__in{padding:0 14px}
  .rp-mark img{width:88px}
  .rp-foot__in{grid-template-columns:minmax(0,1fr);gap:20px}
}

/* 18 October: shopping cover within the existing cream report / fee-band style. */
.rp-hero--home{background:#1b1c13 url('/assets/img/rp-official-background.png?v=26eae75c8d0f') center/cover no-repeat;color:#f7f3e7}.rp-hero--home h1{color:#fff9e9;max-width:880px}.rp-hero--home .rp-lede{max-width:760px;color:#f0eadb}.rp-eyebrow{font:600 .75rem var(--mono);letter-spacing:.12em;color:#e3fc00}.rp-hero--home a{color:#e3fc00}.rp-start{display:flex;gap:26px;flex-wrap:wrap;margin:18px 0 0}.rp-start a{min-height:44px;display:inline-flex;align-items:center}.rp-defs{display:grid;grid-template-columns:1fr 1fr;gap:44px}.rp-defs article>a{display:inline-flex;min-height:44px;align-items:center}.rp-purchase{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-left:24px}.rp-purchase b{font-family:var(--serif);font-size:1.2rem}.rp-audit-intro{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.rp-action{display:inline-flex;min-height:48px;align-items:center;padding:8px 18px;color:#fff;background:var(--red)}.rp-action:hover{color:white}.rp-guide{max-width:920px}.rp-guide-step{display:grid;grid-template-columns:50px minmax(0,1fr);gap:20px;padding:28px 0;border-top:1px solid var(--rule)}.rp-step-no{font:1.5rem var(--mono);color:var(--red)}.rp-tutorial{margin:20px 0;max-width:100%}.rp-tutorial img{width:auto;max-width:100%;height:auto;object-fit:contain}.rp-tutorial:has(img[src$='options.png']){max-width:629px;margin-left:auto;margin-right:auto}.rp-find input{min-width:0}
@media(max-width:760px){.rp-defs,.rp-audit-intro{grid-template-columns:1fr;gap:24px}.rp-purchase{grid-template-columns:1fr 1fr;gap:18px}.rp-guide-step{grid-template-columns:32px minmax(0,1fr);gap:12px}.rp-start{gap:6px}.rp-hero--home{background-position:62% center}}
@media(prefers-color-scheme:dark){:root{--paper:#1f1c17;--paper2:#2d2821;--card:#28231c;--ink:#f0eadf;--muted:#c9bfae;--rule:#5c5140;--link:#a7cafa;--red:#f3a196}.rp-mark img{background:white;padding:4px;border-radius:3px}.rp-find input[type=search],.rp-audit select{background:#1f1c17;color:#f0eadf}.rp-find input::placeholder{color:#c9bfae}.rp-find button,.rp-menu{background:#e6d5b3;color:#211c14}.rp-action{background:#a8241c;color:white}.rp-audit__lines button{color:var(--ink);background:var(--card)}}

.rp-audit-table{max-width:100%;overflow-x:auto;margin-bottom:18px}.rp-audit__rows{min-width:650px;margin-bottom:0}.rp-table-hint{font-size:.85rem;color:var(--muted)}.rp-audit__out{min-width:0}@media(min-width:800px){.rp-table-hint{display:none}}

@media(min-width:761px){.rp-audit-intro{grid-template-columns:1.15fr .85fr}}

.rp-audit-intro{display:block}.rp-audit-intro>div{max-width:820px}.rp-audit-intro .rp-fig{max-width:760px;margin:26px 0 0}