@font-face{font-family:'Crimson Pro';font-style:italic;font-weight:500;font-display:swap;src:url(/assets/fonts/crimson-italic.woff2?v=0601583962fc) format('woff2')}
@font-face{font-family:'Crimson Pro';font-style:normal;font-weight:500 800;font-display:swap;src:url(/assets/fonts/crimson-normal.woff2?v=20ce4189b9e4) format('woff2')}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/onest-normal.woff2?v=052df7453325) format('woff2')}
/* cnshopperfinds.com · prefix mgo- · woven origin label */
:root{--oat:#F2F0EA;--card:#FFFEFB;--ink:#231D24;--ink2:#5A5160;--line:#DCD5CB;--plum:#5B2A4E;--plum2:#47203D;--plumbg:#EFE3EC;
--saff:#8A5A00;--saffbg:#F5E6BF;--rose:#8E2F3C;--rosebg:#F6E1E3;--slate:#4A5560;--slatebg:#E6E9EC;--cn:#01339A;--wrap:1180px;--col:820px;
--head:'Crimson Pro',Georgia,'Times New Roman',serif;--body:'Onest',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color-scheme:light dark}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--oat);color:var(--ink);font:400 17px/1.66 var(--body)}
img{max-width:100%;height:auto;display:block}
a{color:var(--plum);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--plum2);text-decoration-thickness:2px}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,label:focus-within{outline:3px solid var(--saff);outline-offset:2px}
h1,h2,h3{font-family:var(--head);line-height:1.14;color:var(--ink);margin:0 0 .5em;font-weight:700}
h1{font-size:clamp(32px,4.3vw,50px);letter-spacing:-.005em}
h2{font-size:clamp(26px,2.7vw,34px)}
h3{font-size:22px;margin-top:1.2em;font-weight:600}
p{margin:0 0 1em}
ul,ol{margin:0 0 1.1em;padding-left:1.3em}
li{margin:.3em 0}
strong{font-weight:600}
code{font-family:Consolas,'Courier New',monospace;font-size:.88em;background:var(--plumbg);padding:1px 5px;border-radius:4px;overflow-wrap:anywhere}
.mgo-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mgo-skip{position:absolute;left:-999px;top:0;background:var(--plum);color:#fff;padding:12px 16px;z-index:10}
.mgo-skip:focus{left:12px;top:12px;color:#fff}
/* header */
.mgo-head{background:var(--card);border-bottom:1px dashed var(--line);box-shadow:0 3px 0 -1px var(--oat),0 4px 0 -1px var(--line)}
.mgo-headin{max-width:var(--wrap);margin:0 auto;padding:8px 24px 0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px}
.mgo-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);min-height:48px;min-width:0}
.mgo-brand img{width:132px;height:auto}
.mgo-bname{font-family:var(--head);font-weight:700;font-size:20px;line-height:1.1;padding:4px 0 4px 12px;border-left:1.5px dashed var(--plum)}
.mgo-nav{flex:1 1 100%;min-width:0;overflow-x:auto}
.mgo-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;flex-wrap:nowrap}
.mgo-nav li{margin:0}
.mgo-nav a{display:inline-flex;align-items:center;min-height:46px;padding:0 13px;font-size:15px;font-weight:500;color:var(--ink);text-decoration:none;white-space:nowrap;border-bottom:3px solid transparent}
.mgo-nav a:hover{color:var(--plum)}
.mgo-nav a[aria-current="page"]{color:var(--plum);border-bottom-color:var(--saff);font-weight:600}
/* page frame */
main{display:block}
.mgo-sec{padding:58px 24px}
.mgo-sec h2::before{content:"";display:block;width:84px;height:0;border-top:2px dashed var(--saff);margin:0 0 16px;opacity:.9}
.mgo-pagehead{padding:40px 24px 30px;background:var(--card);border-bottom:1px dashed var(--line)}
.mgo-phin{max-width:var(--wrap);margin:0 auto}
.mgo-phin h1{max-width:28ch}
.mgo-lede{font-size:19px;line-height:1.55;color:var(--ink2);max-width:64ch;margin:0}
.mgo-trail{font-size:14px;color:var(--ink2);margin-bottom:10px}
.mgo-trail a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
/* hero */
.mgo-hero{background:var(--card);padding:48px 24px 30px;border-bottom:1px dashed var(--line)}
.mgo-heroin{max-width:var(--wrap);margin:0 auto}
.mgo-hero h1{max-width:24ch}
.mgo-hero .mgo-lede{margin-bottom:24px;max-width:68ch}
.mgo-find{display:flex;gap:10px;max-width:840px;background:var(--oat);border:2px solid var(--plum);border-radius:16px;padding:8px;position:relative}
.mgo-find::after{content:"";position:absolute;inset:4px;border:1px dashed rgba(91,42,78,.35);border-radius:12px;pointer-events:none}
.mgo-find input[type=search]{flex:1 1 auto;min-width:0;border:0;background:transparent;font:500 18px/1.2 var(--body);color:var(--ink);padding:12px 14px;min-height:54px;position:relative;z-index:1}
.mgo-find input[type=search]:focus{outline:none}
.mgo-find:focus-within{outline:3px solid var(--saff);outline-offset:2px}
.mgo-find button{border:0;border-radius:11px;background:var(--plum);color:#fff;font:600 17px/1 var(--body);padding:0 24px;min-height:54px;cursor:pointer;position:relative;z-index:1}
.mgo-find button:hover{background:var(--plum2)}
.mgo-subnav{display:flex;flex-wrap:wrap;gap:2px 22px;margin:14px 0 0;font-size:15px}
.mgo-subnav a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink2)}
.mgo-subnav a:hover{color:var(--plum)}
/* catalogue wall */
.mgo-wallsec{padding:44px 24px 54px}
.mgo-wallin{max-width:var(--wrap);margin:0 auto}
.mgo-wallintro{max-width:70ch;color:var(--ink2)}
.mgo-wall{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}

.mgo-tile{margin:0;min-width:0}
.mgo-tile a{display:flex;flex-direction:column;height:100%;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:8px;text-decoration:none;color:var(--ink);position:relative}
.mgo-tile a::before{content:"";position:absolute;inset:4px;border:1px dashed transparent;border-radius:11px;pointer-events:none}
.mgo-tile a:hover::before{border-color:var(--saff)}
.mgo-tile img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:9px;background:#fff}
.mgo-wall-shelf .mgo-tile img{aspect-ratio:4/3}
.mgo-tlabel{font-family:var(--head);font-weight:700;font-size:20px;line-height:1.15;margin:10px 4px 2px}
.mgo-tnote{font-size:14px;color:var(--ink2);margin:0 4px}
.mgo-tdest{align-self:flex-start;margin:8px 4px 2px;font-size:12px;font-weight:600;letter-spacing:.03em;color:var(--saff);background:var(--saffbg);border-radius:20px;padding:2px 10px}
.mgo-shelfnote{max-width:var(--col)}
.mgo-textshelves{margin:26px 0;padding:18px 20px;background:var(--card);border:1px dashed var(--line);border-radius:14px;max-width:var(--col)}
.mgo-textshelves ul{display:flex;flex-wrap:wrap;gap:4px 18px;list-style:none;padding:0;margin:6px 0 10px}
.mgo-textshelves li{margin:0}
.mgo-textshelves a{display:inline-flex;align-items:center;min-height:44px}
.mgo-tsh{font-family:var(--head);font-weight:700;font-size:20px;margin:0}
/* weave: text 48 | figure 52 */
.mgo-weave{max-width:calc(var(--wrap) + 48px);margin:0 auto}
.mgo-loom{display:grid;grid-template-columns:minmax(0,48fr) minmax(0,52fr);gap:44px;align-items:start}
.mgo-flip .mgo-loom{grid-template-columns:minmax(0,52fr) minmax(0,48fr)}
.mgo-loom>*{min-width:0}
/* reel */
.mgo-col{max-width:var(--col);margin:0 auto}
.mgo-reel{border-top:1px dashed var(--line)}
/* selvedge */
.mgo-selvedge{background:var(--card);border-top:2px dashed var(--line);border-bottom:1px solid var(--line)}
.mgo-edge{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px}
.mgo-edge>*{min-width:0}
.mgo-edgefig{max-width:var(--wrap);margin:28px auto 0}
/* label */
.mgo-lin{max-width:var(--wrap);margin:0 auto}
.mgo-lrow{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:36px;align-items:start;margin-bottom:28px}
.mgo-lrow>*{min-width:0}
.mgo-teaser{background:var(--plumbg)}
.mgo-moments{background:var(--card)}
/* woven label card */
.mgo-woven{position:relative;background:var(--card);border:1px solid var(--line);border-radius:6px 6px 6px 22px;padding:22px 24px 16px;box-shadow:3px 4px 0 var(--saffbg)}
.mgo-woven::before{content:"";position:absolute;inset:7px;border:1.5px dashed var(--saff);border-radius:3px 3px 3px 17px;opacity:.6;pointer-events:none}
.mgo-fold{position:absolute;right:-1px;top:-1px;width:26px;height:26px;background:linear-gradient(225deg,var(--oat) 50%,var(--saffbg) 50%);border-left:1px solid var(--line);border-bottom:1px solid var(--line)}
.mgo-woven ul{list-style:none;padding:0;margin:0 0 10px;font-family:var(--head);font-size:21px;line-height:1.35;font-style:italic}
.mgo-woven li::before{content:"";display:inline-block;width:8px;height:8px;background:var(--cn);margin-right:9px;vertical-align:.18em}
.mgo-wsrc{font-size:14px;color:var(--ink2);margin:0}
.mgo-chips{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.mgo-chips li{margin:0}
.mgo-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1.5px dashed var(--plum);border-radius:24px;background:var(--card);text-decoration:none;font-weight:500}
.mgo-chip:hover{background:var(--plum);color:#fff}
/* origin strip */
.mgo-strip{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px}
.mgo-striphead{font-family:var(--head);font-weight:700;font-size:20px;margin:0 0 10px}
.mgo-strip ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.mgo-panel{margin:0;padding:12px 14px;min-width:0;border-left:2px dashed var(--line);display:flex;flex-direction:column;gap:4px}
.mgo-panel:first-child{border-left:0}
.mgo-pstage{font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--ink2)}
.mgo-pword{font-family:var(--head);font-weight:700;font-size:22px;line-height:1.1}
.mgo-ptext{font-size:15px;line-height:1.5}
.mgo-tone-a .mgo-pword{color:var(--plum)}
.mgo-tone-b .mgo-pword{color:var(--saff)}
.mgo-tone-c .mgo-pword{color:var(--slate)}
.mgo-tone-d .mgo-pword{color:var(--rose)}
/* figures */
.mgo-fig{margin:0;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px}
.mgo-fig img{width:100%;height:auto;border-radius:6px}
.mgo-fig figcaption{font-size:14px;line-height:1.5;color:var(--ink2);padding:9px 4px 2px}
.mgo-reel .mgo-fig,.mgo-labelled .mgo-fig{margin-top:22px}
.mgo-note{font-size:15px;color:var(--ink2);border-left:3px dashed var(--saff);padding-left:12px}
/* tables, glossary, questions */
.mgo-tablewrap{overflow-x:auto;margin:0 0 1.2em;max-width:100%}
.mgo-table{border-collapse:collapse;width:100%;font-size:15.5px;background:var(--card)}
.mgo-table caption{caption-side:bottom;text-align:left;font-size:13.5px;color:var(--ink2);padding-top:6px}
.mgo-table th,.mgo-table td{border:1px solid var(--line);padding:9px 11px;text-align:left;vertical-align:top}
.mgo-table th{background:var(--plumbg);font-weight:600}
.mgo-terms{margin:0 0 1em;display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.mgo-terms>div{padding:11px 0;border-bottom:1px dashed var(--line)}
.mgo-terms dt{font-family:var(--head);font-weight:700;font-size:19px}
.mgo-terms dd{margin:2px 0 0}
.mgo-qa details{border:1px solid var(--line);border-radius:10px;background:var(--card);margin:0 0 10px}
.mgo-qa summary{cursor:pointer;padding:12px 16px;min-height:48px;font-weight:600;list-style-position:outside}
.mgo-ans{padding:0 16px 6px}
/* tool */
.mgo-toolsec{background:var(--card);border-bottom:1px dashed var(--line)}
.mgo-toolin{max-width:var(--wrap);margin:0 auto}
.mgo-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 30px}
.mgo-tool>*{min-width:0}
.mgo-field{margin:0;border:0;padding:0}
.mgo-field:first-child{grid-column:1/-1}
.mgo-field label[for],.mgo-field legend{font-weight:600;margin-bottom:6px;display:block;padding:0}
.mgo-field input[type=url]{width:100%;min-height:50px;border:1.5px solid var(--plum);border-radius:10px;padding:10px 14px;font:400 16px/1.3 var(--body);background:var(--oat);color:var(--ink)}
.mgo-hint{font-size:14px;color:var(--ink2);margin:6px 0 0}
.mgo-hint.mgo-warn{color:var(--rose);font-weight:500}
.mgo-opts{display:flex;flex-wrap:wrap;gap:8px}
.mgo-opt{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1.5px solid var(--line);border-radius:22px;background:var(--oat);cursor:pointer;font-size:15px}
.mgo-opt input{width:18px;height:18px;margin:0;accent-color:var(--plum)}
.mgo-opt:has(input:checked){border-color:var(--plum);background:var(--plumbg)}
.mgo-result{margin-top:26px}
.mgo-wait{color:var(--ink2);font-style:italic}
.mgo-rhead{font-family:var(--head);font-weight:700;font-size:24px;margin:0 0 10px}
.mgo-rnotes{margin:12px 0 0;font-size:15px}
.mgo-rnotes li{margin:.35em 0}
.mgo-cite{display:block;font-size:13px;color:var(--ink2);margin-top:4px}
/* footer */
.mgo-foot{background:#2B2230;color:#EDE6EE;padding:46px 24px 30px;margin-top:0}
.mgo-footin{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:34px}
.mgo-footin>*{min-width:0}
.mgo-foot a{color:#F0D58C}
.mgo-fname{font-family:var(--head);font-weight:700;font-size:22px;margin:0 0 8px}
.mgo-fhead{font-weight:600;margin:0 0 6px;color:#fff}
.mgo-fblock ul{list-style:none;padding:0;margin:0}
.mgo-fblock li{margin:0}
.mgo-fblock li a{display:inline-flex;align-items:center;min-height:44px}
.mgo-small{max-width:var(--wrap);margin:26px auto 0;font-size:13.5px;color:#CFC5D2;border-top:1px dashed #5C4E61;padding-top:16px}
/* dark */
@media (prefers-color-scheme:dark){
:root{--oat:#1B161D;--card:#251E28;--ink:#EEE7EF;--ink2:#C3B8C6;--line:#463B4A;--plum:#D9A9CC;--plum2:#ECC6E0;--plumbg:#3A2A37;--saff:#E7B850;--saffbg:#4A3A1A;
--rose:#F0A0AB;--rosebg:#4A262B;--slate:#B9C4CF;--slatebg:#2F363C;--cn:#7FA2F0}
.mgo-find button,.mgo-chip:hover{color:#1B161D}
.mgo-find::after{border-color:rgba(217,169,204,.35)}
.mgo-foot{background:#120E14}
.mgo-fig img,.mgo-tile img{background:#fff}
.mgo-skip:focus{color:#1B161D}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* small screens (kept last so they win) */
@media (max-width:1180px){
.mgo-loom,.mgo-flip .mgo-loom{grid-template-columns:minmax(0,1fr);max-width:780px;margin:0 auto;gap:26px}
.mgo-flip .mgo-loom>.mgo-fig{order:2}

}
@media (max-width:980px){
.mgo-edge{grid-template-columns:minmax(0,1fr);gap:4px}
.mgo-lrow{grid-template-columns:minmax(0,1fr)}
.mgo-wall,.mgo-wall-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}
.mgo-tool{grid-template-columns:minmax(0,1fr)}
.mgo-footin{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.mgo-fmain{grid-column:1/-1}
}
@media (max-width:700px){
body{font-size:16.5px}
.mgo-sec{padding:42px 18px}
.mgo-hero{padding:34px 18px 24px}
.mgo-wall,.mgo-wall-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mgo-tlabel{font-size:18px}
.mgo-strip ol{grid-template-columns:minmax(0,1fr)}
.mgo-panel{border-left:0;border-top:2px dashed var(--line)}
.mgo-panel:first-child{border-top:0}
.mgo-find{flex-wrap:wrap}
.mgo-find button{flex:1 1 100%}
.mgo-footin{grid-template-columns:minmax(0,1fr)}
.mgo-bname{font-size:17px}
}

/* October review: purposeful official screens, broad entry points, readable guide. */
.cn-eyebrow{font:600 13px/1.5 var(--head);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;color:var(--ink2)}
.cn-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:38px;align-items:center}
.cn-hero-grid>*{min-width:0}.cn-hero-grid h1{max-width:22ch}.cn-review-figure{margin:0}.cn-review-figure img{width:100%;height:auto;object-fit:contain;background:#fff}.cn-review-figure a{display:block}.cn-review-figure figcaption a{display:inline}
.cn-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:26px 0}.cn-help-grid h3{margin-top:0}.cn-help-grid p{max-width:48ch}
.cn-guide-intro,.cn-guide-step{max-width:1208px;margin:auto}.cn-guide-intro>p,.cn-step-copy{max-width:820px}.cn-step-copy{margin-bottom:26px}.cn-guide-step{border-top:1px solid var(--line);scroll-margin-top:18px}.cn-step-index{columns:2;column-gap:48px;max-width:1000px}.cn-step-index li{break-inside:avoid;margin-bottom:8px}.cn-step-index a{display:inline-block;padding:4px 0}.cn-screen-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.cn-screen-pair:has(>figure:only-child){grid-template-columns:minmax(0,960px)}
.epo-hero .cn-review-figure{margin-top:28px;max-width:950px}.epo-hero .cn-review-figure img{max-height:380px;object-fit:contain}.epo-hero h1{max-width:24ch}.epo-hero .epo-lede{max-width:68ch}
@media(max-width:800px){.cn-hero-grid,.cn-help-grid,.cn-screen-pair{grid-template-columns:1fr;gap:24px}.cn-step-index{columns:1}.cn-hero-grid h1{max-width:none}.cn-hero-grid .mgo-find{flex-wrap:wrap}.cn-hero-grid .mgo-find input[type=search]{min-height:54px;flex:1 1 200px}.cn-hero-grid .mgo-find button{flex:0 0 auto}.epo-hero .cn-review-figure img{max-height:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.cn-guide-step .cn-screen-pair{grid-template-columns:1fr;max-width:1100px}.cn-guide-step .cn-screen-pair figure{width:100%}

/* Keep actual interface text readable in the explanatory modules. */
.review-readable-stack{display:block!important}.review-readable-stack>div{max-width:820px}.review-readable-stack>figure{width:100%;max-width:1100px!important;margin:28px 0 0!important}.review-readable-stack>figure img{width:100%;height:auto!important}

.cn-step-index a{min-height:44px;display:inline-flex;align-items:center}.cn-hero-grid{grid-template-columns:minmax(0,1fr)}.cn-hero-grid>div{max-width:1000px}.cn-hero-grid .cn-review-figure{max-width:1050px}.cn-help-grid a{display:inline-flex;align-items:center;min-height:44px}

.mgo-nav-toggle{display:none}
@media(max-width:700px){
.mgo-headin{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px!important}
.mgo-brand{flex:1;min-width:0!important}.mgo-brand img{width:92px;height:auto}.mgo-brand span,.mgo-bname{font-size:13px;line-height:1.3;min-width:0}
.mgo-nav-toggle{display:inline-flex;min-height:44px;min-width:60px;align-items:center;justify-content:center;padding:8px;border:1px solid currentColor;border-radius:4px;color:inherit;background:transparent;font:inherit;cursor:pointer}
.mgo-nav-enhanced{display:none!important}.mgo-nav-enhanced.mgo-nav-open{display:block!important;flex-basis:100%;width:100%}.mgo-nav-open ul{display:flex;flex-direction:column;align-items:stretch}.mgo-nav-open a{width:100%}
}