:root{--ink:#203c34;--muted:#53665e;--brand:#165443;--brand-dark:#103e32;--accent:#f1c86c;--surface:#fff;--canvas:#f6f7f2;--line:#d6dfd7;--danger:#9f2929;--radius:18px;--small-radius:10px;--shadow:0 8px 28px #203c340a;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--page:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--canvas);color:var(--ink);min-height:100dvh;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:var(--brand);text-underline-offset:4px;text-decoration-thickness:1px}button,input,select,textarea{font:inherit}button,.button{border-radius:var(--small-radius);background:var(--brand);color:#fff;cursor:pointer;white-space:normal;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;max-width:100%;min-height:44px;padding:.7rem 1.1rem;font-weight:700;text-decoration:none;display:inline-flex}button:hover,.button:hover{background:var(--brand-dark)}button:disabled{opacity:.55;cursor:default}.secondary{color:var(--brand);border-color:var(--line);background:#fff}.secondary:hover{background:#edf2eb}.actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.actions h2{margin-right:auto}button+button{margin-left:.4rem}:focus-visible{outline-offset:4px;outline:3px solid #9a5900}main{max-width:var(--page);min-width:0;min-height:55vh;margin:0 auto;padding:2rem 1.25rem 4rem}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:-.045em;margin:.5rem 0 1rem;font-size:clamp(2rem,4vw,3.2rem);line-height:1.12}h2{letter-spacing:-.025em;font-size:clamp(1.35rem,2.4vw,1.85rem);line-height:1.25}h3{font-size:1.15rem}p{color:var(--muted);margin:.7rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--brand);font-size:.75rem;font-weight:700}.page-heading{margin-bottom:2rem}.page-heading p{max-width:42rem}nav{flex-wrap:wrap;gap:1rem;display:flex}.site-header{border-bottom:1px solid var(--line);padding:calc(.8rem + env(safe-area-inset-top,0px)) max(1rem, env(safe-area-inset-right,0px)) .8rem max(1rem, env(safe-area-inset-left,0px));background:#fff}.header-inner{max-width:var(--page);flex-wrap:wrap;align-items:center;gap:1.5rem;margin:auto;display:flex}.brand{color:var(--ink);letter-spacing:-.055em;white-space:nowrap;align-items:center;gap:.25rem;font-size:1.65rem;font-weight:800;text-decoration:none;display:flex}.brand>span:not(.brand-mark){color:var(--brand)}.brand-mark{background:var(--brand);width:36px;height:36px;color:var(--accent);border-radius:12px;place-items:center;margin-right:.4rem;display:grid}.brand small{display:none}.header-search{border:1px solid var(--line);background:var(--canvas);border-radius:12px;flex:1;gap:0;min-width:140px;max-width:none;padding:0;display:flex}.header-search input{background:0 0;border:0;width:100%;min-width:0;padding:.7rem}.header-search button{border-radius:0 10px 10px 0;padding:.7rem}.desktop-nav{align-items:center;gap:1.25rem}.desktop-nav>a{align-items:center;gap:.4rem;min-height:44px;font-size:.9rem;font-weight:700;text-decoration:none;display:flex}.mobile-menu-button,.mobile-nav{display:none}.site-footer{max-width:var(--page);border-top:1px solid var(--line);margin:auto;padding:2rem 1.25rem}.site-footer nav{margin-top:1rem;font-size:.875rem}.skip-link{z-index:99;background:#fff;padding:1rem;position:fixed;top:-100px;left:1rem}.skip-link:focus{top:1rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero{background:#e9efe5;border-radius:24px;grid-template-columns:1.35fr 1fr;margin-bottom:3rem;display:grid;overflow:hidden}.hero-copy{padding:clamp(1.5rem,4vw,3.5rem)}.hero h1{max-width:650px;font-size:clamp(2.2rem,4.6vw,4.2rem)}.hero h1 em{color:var(--brand);font-style:normal}.hero .actions{margin-top:1.8rem}.hero-copy>p{max-width:35rem}.hero-art{background:var(--brand);color:#dce9c9;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex;position:relative}.stock-art{aspect-ratio:1.3;width:100%;max-width:320px}.hero-art p{color:#ecf2e7;text-align:center}.local-note{align-items:center;gap:.6rem;margin-top:1.8rem;font-size:.875rem;font-weight:700;display:flex}.section{margin:3rem 0}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.category-link{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:center;gap:.8rem;min-height:88px;padding:1.15rem;font-weight:700;text-decoration:none;display:flex}.category-link svg{color:var(--brand);flex:none}.category-link small{color:var(--muted);font-weight:400;display:block}.category-link:hover{border-color:var(--brand);background:#edf2eb}.how-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.how-grid>div{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:1.5rem}.step-number{width:40px;height:40px;color:var(--brand);background:#eaf0e4;border-radius:50%;place-items:center;font-weight:700;display:grid}.seller-banner{background:var(--brand);color:#fff;border-radius:var(--radius);justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem;display:flex}.seller-banner p{color:#e0e9dc}.seller-banner .button{background:var(--accent);color:var(--ink)}form{gap:1rem;max-width:760px;display:grid}label{gap:.4rem;min-width:0;font-size:.94rem;font-weight:600;display:grid}input,select,textarea{border-radius:var(--small-radius);width:100%;min-width:0;min-height:48px;color:var(--ink);background:#fff;border:1px solid #9aaea2;padding:.75rem;font-size:16px;line-height:1.4}textarea{resize:vertical;min-height:120px}input[type=file]{width:100%;padding:.65rem}input[type=checkbox]{width:24px;min-height:24px}fieldset{border:1px solid var(--line);border-radius:var(--radius);background:#fff;gap:1rem;min-width:0;margin:0;padding:1.2rem;display:grid}fieldset>div{gap:1rem;display:grid}legend{padding:0 .4rem;font-weight:700}article,.card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;margin:1rem 0;padding:1.3rem}article h2{margin-top:.2rem}.badge{color:var(--ink);background:#edf1e9;border-radius:50px;align-items:center;padding:.3rem .65rem;font-size:.75rem;font-weight:700;line-height:1.2;display:inline-flex}.badge-pending,.badge-pending_review{color:#75500d;background:#fff1d2}.badge-approved,.badge-published{color:#20592e;background:#e2f0e4}.badge-rejected,.badge-archived{color:#8f2e25;background:#fae8e6}.badge-saving{color:#365019;background:#ecf3cf}.badge-draft{color:#425362;background:#e9edf1}.auth-page{max-width:580px}.auth-page form{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:1.5rem}.auth-page .page-heading{text-align:center}.auth-page form button{width:100%}.account-links{grid-template-columns:repeat(3,minmax(0,1fr));margin:1.5rem 0;display:grid}.account-links a{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:1.5rem;font-weight:700;text-decoration:none}details.form-section{border:1px solid var(--line);border-radius:var(--radius);background:#fff;max-width:760px;margin:1rem 0;padding:1.25rem}summary{cursor:pointer;align-items:center;gap:.65rem;min-height:44px;font-weight:700;display:flex}summary:before{content:"+";color:var(--brand);font-size:1.25rem}details[open]>summary:before{content:"−"}details[open]>summary{margin-bottom:1rem}.form-section form{margin-top:1rem}.form-section>div{gap:1rem;display:grid}.form-progress{flex-wrap:wrap;gap:.5rem;margin:1rem 0 2rem;padding:0;list-style:none;display:flex}.form-progress li{background:#e9efe5;border-radius:50px;padding:.5rem .8rem;font-size:.8rem}.form-progress a{text-decoration:none}.form-help{font-size:.875rem}.field-error{color:var(--danger);font-size:.875rem}[aria-invalid=true]{border-color:var(--danger)}[role=status]:not(:empty){border:1px solid var(--line);border-radius:var(--small-radius);background:#edf2eb;max-width:760px;padding:1rem}[role=status]:empty{display:none}.admin-nav{gap:.5rem;margin-bottom:1.5rem}.admin-nav a{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:44px;padding:.75rem 1rem;font-weight:700;text-decoration:none}.admin-nav a[aria-current=page]{background:var(--brand);color:#fff}.admin-page article{display:block}.admin-page pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem}dialog{border:1px solid var(--line);color:var(--ink);border-radius:20px;width:min(540px,100% - 2rem);max-height:85dvh;padding:1.5rem;overflow:auto;box-shadow:0 24px 90px #102c3450}dialog::backdrop{background:#142f2aa3}.menu-dialog nav{margin:1rem 0;display:grid}.menu-dialog nav a{background:var(--canvas);border-radius:10px;min-height:44px;padding:.7rem;font-weight:700;text-decoration:none}.menu-dialog form{max-width:none}.empty-state{text-align:center;border-radius:var(--radius);background:#fff;border:1px dashed #9aafa0;margin:1rem 0;padding:2rem}.empty-state svg{width:40px;height:40px;color:var(--brand)}.skeleton{border-radius:var(--radius);background:linear-gradient(110deg,#e6ebe2 30%,#f3f5ef 50%,#e6ebe2 70%);height:200px;animation:1.4s infinite pulse}.listing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.listing-card{margin:0;padding:0;position:relative;overflow:hidden}.listing-card>a{color:inherit;height:100%;text-decoration:none;display:block}.listing-card-image{object-fit:cover;background:#e9eee4;width:100%;height:210px;display:block}.image-placeholder{color:#506853;justify-content:center;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.listing-card-body{padding:1.1rem}.listing-card h2{margin:.65rem 0;font-size:1.1rem;line-height:1.35}.listing-card p{margin:.4rem 0;font-size:.875rem}.card-badges{flex-wrap:wrap;gap:.4rem;display:flex}.price{color:var(--brand);letter-spacing:-.035em;font-size:1.65rem;font-weight:800}.price small{letter-spacing:0;font-size:.85rem;font-weight:400}.old-price{color:var(--muted);margin-left:.5rem;font-size:.9rem}.listing-card:hover{border-color:var(--brand)}.results-count{font-weight:700}.catalog-layout{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.filter-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:1rem}.filter-panel>summary{display:none}.filter-panel form{gap:1rem}.filter-panel label{font-size:.875rem}.filter-panel p{font-size:.8rem}.pagination{flex-wrap:wrap;gap:.5rem;margin-top:2rem;display:flex}.listing-detail{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:2rem;display:grid}.photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.photos img{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;height:180px;display:block}.photos img:first-child{grid-column:1/-1;height:420px}.listing-info{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:1.5rem}.listing-info h2{font-size:1.6rem}.listing-info .price{font-size:2.2rem}.listing-info .description{border-top:1px solid var(--line);padding-top:1rem}.description{white-space:pre-wrap;overflow-wrap:anywhere}.thumbnail{object-fit:contain;border-radius:10px;width:120px;height:90px}.photo-preview{object-fit:contain;width:100%;max-width:320px;height:200px}.photo-upload{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:1.5rem}.photo-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.photo-list article{margin:0}.photo-list button{font-size:.85rem}.detail-secondary,.detail-secondary h3{margin-top:1.5rem}.save-bar{background:#edf2e8;border-radius:12px;flex-wrap:wrap;gap:.75rem;padding:1rem;display:flex}.save-bar p{flex-basis:100%;margin:0;font-size:.875rem}.flow-form{max-width:840px}.flow-form>details{max-width:none;margin:0}.flow-form>fieldset{margin:0}.flow-form .form-section{scroll-margin-top:1rem}@keyframes pulse{50%{opacity:.5}}@media (min-width:1100px){.catalog-layout .listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand small{letter-spacing:.04em;text-transform:uppercase;margin-left:.45rem;font-size:.6rem;display:block}.flow-form .field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.flow-form .field-grid>textarea{grid-column:1/-1}}@media (max-width:1100px){.desktop-nav{display:none}.mobile-menu-button{display:inline-flex}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.listing-grid,.catalog-layout .listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.site-header{padding-top:calc(.6rem + env(safe-area-inset-top,0px))}.header-inner{gap:.75rem}.brand{font-size:1.5rem}.header-search{flex-basis:100%;order:3}.mobile-menu-button{margin-left:auto}.mobile-nav{z-index:20;border-top:1px solid var(--line);padding:.45rem max(.25rem, env(safe-area-inset-right,0px)) calc(.4rem + env(safe-area-inset-bottom,0px)) max(.25rem, env(safe-area-inset-left,0px));background:#fff;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #203c3408}.mobile-nav a,.mobile-nav button{min-height:52px;color:var(--muted);background:0 0;border:0;border-radius:8px;flex-direction:column;gap:.25rem;min-width:0;margin:0;padding:.3rem 0;font-size:.65rem;font-weight:700;text-decoration:none;display:flex}.mobile-nav a[aria-current=page]{color:var(--brand);background:#e9f0e3}.mobile-nav a:nth-child(3){color:var(--brand)}main{padding:1.5rem max(1rem, env(safe-area-inset-right,0px)) 2.5rem max(1rem, env(safe-area-inset-left,0px))}h1{font-size:2rem}.hero{border-radius:18px;grid-template-columns:1fr;margin-bottom:2rem}.hero-copy{padding:1.4rem}.hero h1{font-size:2.5rem}.hero-art{flex-direction:row;gap:1rem;padding:1rem}.stock-art{max-width:130px}.hero-art p{text-align:left;max-width:150px;font-size:.8rem}.hero .actions{display:grid}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.category-link{align-items:flex-start;gap:.6rem;min-height:95px;padding:.8rem;font-size:.875rem}.category-link small{font-size:.75rem}.how-grid{grid-template-columns:1fr;gap:.75rem}.how-grid>div{padding:1.1rem}.seller-banner{padding:1.5rem;display:block}.seller-banner .button{margin-top:1rem}.listing-grid,.catalog-layout .listing-grid{gap:.8rem}.listing-card-image{height:145px}.listing-card-body{padding:.8rem}.listing-card h2{font-size:.95rem}.listing-card .price{font-size:1.3rem}.listing-card p{font-size:.8rem}.badge{padding:.3rem .5rem;font-size:.65rem}.catalog-layout{display:block}.filter-panel{margin-bottom:1.5rem;padding:.8rem}.filter-panel>summary{display:flex}.filter-panel[open]{border-color:var(--brand)}.filter-panel form{margin-top:1rem}.filter-panel[open]>summary{margin-bottom:0}.listing-detail{flex-direction:column;gap:1.2rem;display:flex}.listing-gallery,.listing-info{width:100%}.photos img:first-child{height:280px}.photos img{height:120px}.listing-info{padding:1.1rem}.photo-list{grid-template-columns:1fr}.account-links{grid-template-columns:1fr;gap:.6rem}.account-links a{padding:1rem}.admin-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.admin-nav a{text-align:center;padding:.7rem .3rem;font-size:.8rem}.site-footer{padding-bottom:1.5rem}.site-footer nav{gap:.5rem;display:grid}.site-footer nav a{align-items:center;min-height:44px;display:flex}.auth-page form{padding:1.1rem}fieldset{padding:1rem}.form-progress{gap:.4rem}.form-progress li{font-size:.75rem}.save-bar button{width:100%}dialog{padding:1.2rem;padding-bottom:calc(1.2rem + env(safe-area-inset-bottom,0px))}.confirm-dialog .actions{grid-template-columns:1fr 1fr;display:grid}.confirm-dialog button+button{margin:0}}@media (max-width:359px){.listing-grid,.catalog-layout .listing-grid{grid-template-columns:1fr}.listing-card-image{height:190px}.hero h1{font-size:2.15rem}.category-link{flex-direction:column}.old-price{margin-left:0;display:block}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.trade-options{overscroll-behavior:contain;gap:.4rem;max-height:320px;display:grid;overflow:auto}.checkbox-label{border-radius:8px;align-items:center;gap:.75rem;min-height:52px;padding:.5rem;display:flex}.checkbox-label small{color:var(--muted);font-size:.75rem;display:block}.checkbox-label:has(input:checked){background:#edf2e7}
