/* Selected option 5: warm parchment surfaces, burgundy type, original pixel scenery.
   Decorative artwork stays in its own space and never covers a form control. */
:root{--paper:#fff3d9;--surface:#fffaf0;--ink:#3e2930;--muted:#614b47;--line:#d8bf99;--indigo:#662e40;--persimmon:#874723;--green:#662e40;--blue:#662e40;--blue-dark:#4e2030;--mint:#f4e5c8;--soft:#f4e5c8;--gold:#e5b956;--burgundy:#662e40;--lilac:#f1e0df;--error:#a12f32;color-scheme:light;font-family:'Segoe UI',Arial,sans-serif;background:var(--paper);color:var(--ink)}
body{background:var(--paper);color:var(--ink);font-family:'Segoe UI',Arial,sans-serif}
body::before{content:"";display:block;height:clamp(64px,8vw,110px);background:#fff3d9 url('autumn-skyline.png') center 80%/cover no-repeat;image-rendering:pixelated;pointer-events:none}
header{background:var(--surface);border-bottom:1px solid var(--line);padding-top:max(16px,env(safe-area-inset-top));padding-bottom:16px}
.brand,.intro h1,.welcome h1,.membership-intro h1,h1,h2,h3,.glen-feature strong,.showcase-intro h2{font-family:Georgia,'Palatino Linotype',serif;color:var(--burgundy);font-weight:700;letter-spacing:-.025em}
.brand{letter-spacing:-.035em}.brand-dot,.brand span{color:var(--burgundy)}
.eyebrow,.tag{color:var(--burgundy);font-family:'Segoe UI',Arial,sans-serif;letter-spacing:.1em}.intro h1 em,.welcome h1 em,.membership-intro h1 em{color:var(--burgundy)}
a{color:var(--burgundy)}button,input,select,textarea{font-family:'Segoe UI',Arial,sans-serif}.muted,.small,small,.meta,.location,.value-caption{color:var(--muted)}
nav,.tabs{background:#f4e5c8;border:1px solid var(--line);border-radius:8px}nav button,.tabs button{color:#614b47}nav button.active,.tabs .active{background:var(--surface);color:var(--burgundy);box-shadow:0 2px 0 #d2ad6e;border-radius:5px}.main-tabs button.active::before{color:var(--burgundy)}#count{background:#ecd299;color:var(--ink)}
.primary,.glen-feature .primary,.card .primary{background:var(--burgundy);border:1px solid var(--blue-dark);color:#fffaf0;box-shadow:0 2px 0 #4e2030;border-radius:7px}.primary:hover,.glen-feature .primary:hover,.card .primary:hover{background:#4e2030;color:#fffaf0;border-color:#4e2030}
.secondary,a.secondary{background:#f8ebcf;color:#662e40;border-color:#b49364;box-shadow:0 2px 0 #dfc79c;border-radius:7px}.secondary:hover,a.secondary:hover{background:#f1dcad;color:#4e2030}.text-button,.quiet,.collector-link,.artist-link,.artist-credit,.artist-note a,.practice-choices .text-button,.pro-link{color:var(--burgundy)}.artist-link:hover{color:#874723}
input,select,textarea,.search{background:#fffdf7;color:var(--ink);border-color:#ab8c6c}.search input{background:transparent}.search-main>label{color:var(--burgundy)}.search-line input{border-color:#936772;box-shadow:0 3px 0 #e6d0aa;background:#fffdf7}.search-line input:focus{outline-color:#662e40}input::placeholder,textarea::placeholder{color:#786867;opacity:1}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,.artist-link:focus-visible{outline:3px solid #662e40;outline-offset:3px}.search:focus-within{outline-color:#662e40}input[type=checkbox],input[type=radio]{accent-color:#662e40}
.card,.trade,.panel,.offer,.plan-card,.cost-comparison{border-color:#d8bf99;border-radius:10px;box-shadow:0 3px 0 #ead6b0;background:var(--surface)}.card:hover{border-color:#ad8555;box-shadow:0 4px 0 #e1c597}.card-body{background:var(--surface)}
.art,.art.blue,.art.green,.art.orange,.art.purple,.card-face,.showcase-grid .card-face{background:#f7e9cb;border-color:#d8bf99;box-shadow:inset 0 0 0 5px #fffaf055}.art{border-bottom:6px solid #9d6944}.art.blue{background:#eaf0f0}.art.green{background:#eeebd8}.art.purple{background:#f3e4e3}.card-face{border-bottom:5px solid #9d6944;color:var(--burgundy)}.card-face::after{color:#874723}.card-face strong{color:var(--burgundy)}
.wish{background:var(--surface);color:#662e40;border-color:#d8bf99}.wish[aria-pressed=true]{background:#662e40;color:#fffaf0}.pill,.badge,.showcase-ribbon{background:#f3dfb2;color:#662e40;border-color:#d8bf99}.wish-match{background:#f1dcd9;color:#662e40;border-color:#cea0a7}
.notice,.notice.compact,.welcome .notice,.family-note,.swap,.summary,.resume,.next-step,.costs,.offer-preview{background:#f4e5c8;color:var(--ink);border-color:#d8bf99}.notice,.notice.compact,.welcome .notice,.family-note{border-left-color:#936049}.notice span,.family-note p{color:var(--muted)}
dialog{background:var(--surface);border-color:#a87757;box-shadow:0 24px 80px #3e29304d}.modal-head,.modal-foot,.dialog-head,.dialog-foot{border-color:#ddc59f;background:var(--surface)}.pick,.confirm-check,.bot-picks label,.photo-slot{border-color:#d8bf99;background:#fffaf0}.pick:has(input:checked){border-color:#662e40;background:#f4e5c8}.detail-art{background:#f7e9cb}.icon{color:var(--burgundy);background:#f8ebcf}.history,.history li{border-color:#d8bf99}.history summary,.more-actions summary{color:#662e40;border-color:#d8bf99}
.bot-reply{background:#f0dfd9;border-left-color:#662e40;color:#662e40}.bot-check,.bot-terms>div{background:#f8ebcf;border-color:#d8bf99}.bot-terms>div+div{background:#f3e2dd}.bot-finish>span{color:#662e40}
.auth-card{border-color:#b79568;border-radius:12px;box-shadow:0 4px 0 #e7cda1,inset 0 0 0 4px #fffaf0,inset 0 0 0 5px #ebdabc}.auth-card::after{content:"";display:block;height:54px;margin-top:14px;background:url('autumn-bridge.png') center/170px auto no-repeat;image-rendering:pixelated;pointer-events:none}
.glen-feature,.glen-window,.search-landscape{border-color:#b79568;border-radius:10px;box-shadow:0 3px 0 #e4cca3;background:#fff3d9}.glen-window figcaption,.search-landscape figcaption{color:#662e40;background:#f8ebcf;border-color:#d8bf99}.glen-window figcaption [lang=ja],.shop-caption [lang=ja]{color:#874723}
.search-welcome{grid-template-columns:1fr;padding:12px 0 22px;gap:0}.search-welcome>div{max-width:850px}.search-welcome h1{font-size:clamp(2.1rem,4vw,3.25rem);line-height:1.12;letter-spacing:-.03em}.search-welcome .search-landscape{display:none}.search-welcome p{max-width:650px}.search-welcome h1 br{display:none}.search-welcome h1 em{margin-left:.2em}
.featured-strip{background:var(--surface);border-color:#d8bf99;border-radius:10px;box-shadow:0 3px 0 #e7d0a9}.featured-heading h2,.featured-preview h3,.featured-controls .text-button{color:#662e40}.featured-preview img{border-bottom:5px solid #9d6944;padding-bottom:7px;box-sizing:content-box}.featured-record{background:#f8ebcf;color:#662e40;border-color:#b88a5c;border-bottom:5px solid #9d6944}.featured-heading .eyebrow{color:#614b47}
.collection-compass,.binder-overview,.showcase-intro{background:#f8ebcf;border-color:#d8bf99;box-shadow:0 3px 0 #e5cba1}.collection-compass,.showcase-intro{flex-wrap:wrap}.collection-compass .eyebrow,.overview-link span{color:#662e40}.binder-overview>div,.binder-overview>button{border-color:#d8bf99}.binder-overview strong{color:#662e40}.binder-overview .overview-link{background:#f2dfb8}.binder-overview .overview-link:hover{background:#ebcf98}.showcase-card{border-color:#b99868}.showcase-intro h2{color:#662e40}
.collection-compass::after,.binder-overview::after{content:"";display:block;flex:1 0 100%;grid-column:1/-1;height:58px;background:url('autumn-bridge.png') center/180px auto no-repeat;image-rendering:pixelated;pointer-events:none}
.showcase-intro::after{content:"";display:block;flex:1 0 100%;height:54px;background:url('autumn-blossom.png') right center/130px auto no-repeat;image-rendering:pixelated;pointer-events:none}
#reviewpanel::after,#bot-body::after,#editor-body::after{content:"";display:block;height:64px;margin-top:18px;background:url('autumn-bridge.png') center/200px auto no-repeat;image-rendering:pixelated;pointer-events:none}
.empty{background:var(--surface);border-color:#b49364}.empty-spark{color:#874723}.plan-card.pro-plan{background:#fbefd7;border-color:#662e40}.billing-choice label:has(input:checked){background:#f4e5c8;border-color:#662e40}.comparison-grid>div{background:#f4e5c8}
footer{border-color:#d8bf99}footer::before{content:"";display:block;flex:1 0 100%;height:68px;background:url('autumn-blossom.png') right center/160px auto no-repeat;image-rendering:pixelated;pointer-events:none}
@media(max-width:650px){body::before{height:64px;background-size:auto 155px;background-position:42% 74%}header{padding-top:13px;padding-bottom:13px}.brand{font-size:1.55rem}.search-welcome{padding-top:8px}.search-welcome h1{font-size:2.15rem}.card,.trade,.panel{box-shadow:0 2px 0 #ead6b0}.featured-preview img{padding-bottom:5px}.collection-compass::after,.binder-overview::after{height:45px;background-size:145px auto}#reviewpanel::after,#bot-body::after,#editor-body::after{height:50px;background-size:160px auto}footer::before{height:46px;background-size:110px auto}}
@media(forced-colors:active){body::before,.auth-card::after,.collection-compass::after,.binder-overview::after,.showcase-intro::after,#reviewpanel::after,#bot-body::after,#editor-body::after,footer::before{display:none}.art,.card-face,.featured-preview img{border-bottom-width:1px}}

/* Closer to the approved, simplified Option 5 board: one clear search and a shelf gallery. */
.tradle-layout{padding-bottom:24px}
.tradle-layout::before{height:100px;max-width:1320px;margin:0 auto;background-position:center 68%;background-size:cover}
.tradle-layout>header,.tradle-layout>main{width:calc(100% - 48px);max-width:1320px;margin-left:auto;margin-right:auto;box-sizing:border-box}
.tradle-layout>header{padding:18px clamp(20px,3vw,42px);border:2px solid #662e40;border-bottom:1px solid #e4d0aa;border-radius:15px 15px 0 0;background:#fff9ec}
.tradle-layout>main{padding:22px clamp(20px,4vw,56px) 24px;border:2px solid #662e40;border-top:0;border-radius:0 0 15px 15px;background:linear-gradient(110deg,#fffaf2,#fff5df);min-height:65vh}
.tradle-layout .brand{font-size:2rem;gap:12px;color:#662e40;white-space:nowrap}.tradle-layout .brand img{width:42px;height:40px;filter:none}.tradle-layout .brand-dot{display:none}
.tradle-layout header nav,.tradle-layout .main-tabs{background:transparent;border:0;box-shadow:none;padding:0;border-radius:0}
.tradle-layout header nav button,.tradle-layout .main-tabs button{color:#662e40;padding:12px 14px;border-radius:0;border-bottom:3px solid transparent;box-shadow:none;background:transparent;font-size:.88rem}
.tradle-layout header nav button.active,.tradle-layout .main-tabs button.active{border-bottom-color:#c78b26;background:transparent;box-shadow:none;color:#4e2030}.tradle-layout .main-tabs button.active::before{content:none}
.tradle-layout .notice{background:transparent;border:0;padding:0;font-size:.75rem;line-height:1.6}.tradle-layout .notice.compact,.tradle-layout .welcome .notice{padding:12px 14px;background:#f5e8cf;border-left:3px solid #a46b43}
.demo-layout .discovery-head{position:relative;gap:12px}.demo-layout main:has(#welcome:not([hidden])) .discovery-head>div:first-child{display:none}
.demo-layout main:has(#welcome:not([hidden])) .discovery-head{padding-top:56px}
.demo-layout main:has(#welcome:not([hidden])) .discovery-head::after{content:"";position:absolute;right:-28px;top:-15px;width:140px;height:105px;background:url('autumn-blossom.png') center/contain no-repeat;image-rendering:pixelated;pointer-events:none}
.search-heading{font-family:Georgia,'Palatino Linotype',serif;line-height:1.13;font-size:1.6rem;letter-spacing:-.035em;margin:0 0 24px;color:#662e40}
.demo-layout main:has(#welcome:not([hidden])) .search-heading{font-size:clamp(2.2rem,4.5vw,3.9rem);font-weight:700;text-align:center;margin-bottom:28px}
.demo-layout .search-main{max-width:890px;margin:0 auto}.search-heading label{font:inherit;color:inherit;display:block;margin:0}
.tradle-layout .search-line{position:relative;gap:10px}.tradle-layout .search-line input{min-height:66px;padding:16px 24px 16px 56px;border:1px solid #c9b69d;border-radius:40px;background:#fffdf7;box-shadow:0 4px 12px #77502e0b;font-size:1.05rem}
.tradle-layout .search-line::before{content:"";position:absolute;left:24px;top:23px;width:15px;height:15px;border:2px solid #614b47;border-radius:50%;pointer-events:none}
.tradle-layout .search-line::after{content:"";position:absolute;left:39px;top:40px;width:8px;height:2px;background:#614b47;transform:rotate(45deg);pointer-events:none}
.tradle-layout .search-line button{border:0;box-shadow:none;background:transparent;color:#662e40;padding:10px;min-width:52px;text-decoration:underline;text-underline-offset:4px;font-size:.85rem}
.demo-layout .search-main .small{text-align:center;font-size:.78rem;max-width:780px;margin:14px auto 0}.demo-layout .filters{justify-content:center;gap:12px 20px;margin-top:20px}.demo-layout .filters>label{font-size:.83rem}.demo-layout .filters select{border:0;border-radius:24px;background:#f3e4c5;color:#662e40;padding:11px 18px}.demo-layout .filters #results{margin-left:0;color:#614b47}
.demo-layout .filters .search-refine{border:0;max-width:890px;margin:auto;order:3}.demo-layout .search-refine summary{text-align:center;padding:10px 0}.demo-layout .refine-fields{text-align:left}
.tradle-layout .featured-strip{border:0;border-top:1px solid #ddc7a4;border-radius:0;background:transparent;box-shadow:none;margin:22px 0 0;padding:30px 0 20px}
.tradle-layout .featured-heading{margin-bottom:26px}.tradle-layout .featured-heading h2{font-size:1.85rem}.tradle-layout .featured-heading .eyebrow{display:none}.tradle-layout .featured-controls .secondary{border:1px solid #e4d5bb;border-radius:50%;background:#fffaf2;color:#662e40;box-shadow:0 2px 5px #662e4010}.tradle-layout .featured-controls .text-button{color:#614b47}
.tradle-layout .featured-slot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,42px);min-height:0;align-items:start}
.tradle-layout .featured-preview{display:flex;flex-direction:column;align-items:stretch;gap:0;text-align:center;min-width:0;padding:0;background:transparent;border:0}
.tradle-layout .featured-display{position:relative;display:flex;justify-content:center;align-items:flex-end;height:242px;padding:0 16px 28px;margin:0 0 6px;min-width:0}
.tradle-layout .featured-display>img{position:relative;z-index:1;display:block;flex:none;width:auto;height:210px;max-width:100%;object-fit:contain;border:0;padding:0;box-sizing:border-box;filter:drop-shadow(0 5px 6px #5d362a22)}
.tradle-layout .featured-display::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:42px;background:url('autumn-shelf.png') center/100% auto no-repeat;image-rendering:pixelated;pointer-events:none}
.tradle-layout .featured-record{flex:0 1 155px;width:155px;height:210px;border:1px solid #b99868;background:#f8ebcf;box-shadow:3px 3px 0 #d8bc87;color:#874723;position:relative;z-index:1}
.tradle-layout .featured-caption{padding:0 6px}.tradle-layout .featured-preview h3{font-family:Georgia,serif;font-size:1.4rem;margin:4px 0 6px;color:#662e40}.tradle-layout .featured-preview p{font-size:.79rem;line-height:1.45;margin:6px 0;color:#614b47}.tradle-layout .featured-preview .small{font-size:.74rem}.tradle-layout .featured-preview .eyebrow{font-size:.66rem;display:block}.tradle-layout .featured-preview .secondary{font-size:.83rem;margin-top:8px;min-height:44px;background:#f7e8c8;border-color:#d0b78b;box-shadow:none}
.demo-layout .search-welcome{display:block;padding:6px 0 30px;margin:0;text-align:center;border-bottom:1px solid #e5d4b9}.demo-layout .search-welcome .practice-choices{justify-content:center;gap:10px 25px}.demo-layout .search-welcome .text-button{font-size:.8rem;color:#614b47;padding:8px 0}.demo-layout #content{margin-top:28px}
.tradle-layout .card,.tradle-layout .trade,.tradle-layout .offer,.tradle-layout .panel{border:1px solid #c5a88a;box-shadow:none;background:#fffbf2;border-radius:9px}
.demo-layout .art,.demo-layout .art.blue,.demo-layout .art.green,.demo-layout .art.orange,.demo-layout .art.purple{background:#faf0db;border:0;box-shadow:none;padding-bottom:38px}
.demo-layout .art::after{display:none}.demo-layout .art::before{content:"";position:absolute;bottom:4px;left:5%;width:90%;height:40px;background:url('autumn-shelf.png') center/100% auto no-repeat;image-rendering:pixelated;pointer-events:none}.demo-layout .art img{position:relative;z-index:1}.demo-layout .art .wish,.demo-layout .art .badge{z-index:2}
.tradle-layout .card-body{background:#fffbf2}.tradle-layout .card .primary{background:#662e40;box-shadow:none}.tradle-layout .collection-compass,.tradle-layout .binder-overview,.tradle-layout .showcase-intro{box-shadow:none;border:1px solid #cfb290;background:#faf0db}.tradle-layout .collection-compass::after,.tradle-layout .binder-overview::after{height:36px;background-size:125px auto}
.tradle-layout dialog{border:2px solid #662e40;border-radius:12px;background:#fff9ec}.tradle-layout .modal-head,.tradle-layout .dialog-head{border-bottom:1px solid #d8bf99;background:transparent}.tradle-layout .modal-foot,.tradle-layout .dialog-foot{background:transparent}.tradle-layout #reviewpanel::after,.tradle-layout #bot-body::after,.tradle-layout #editor-body::after{height:82px;background-size:260px auto}
.beta-layout #toolbar .search-main{max-width:890px;margin:0 auto 14px}.beta-layout #toolbar .search-main>label{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:700;text-align:center;line-height:1.15;letter-spacing:-.035em;margin:12px 0 24px}.beta-layout #toolbar .search-main .small{text-align:center}.beta-layout #auth{padding-top:15px}.beta-layout .auth-card{box-shadow:none;border:1px solid #b79568}.beta-layout .glen-window{box-shadow:none;border:1px solid #b79568}
@media(max-width:1050px){.tradle-layout>header{flex-wrap:wrap;gap:15px}.tradle-layout header nav{order:3;flex-basis:100%;justify-content:center}.tradle-layout .header-actions{margin-left:auto}.tradle-layout .featured-display{height:222px}.tradle-layout .featured-display>img{height:188px}.tradle-layout .featured-record{height:188px;flex-basis:135px}.tradle-layout .featured-heading h2{font-size:1.55rem}}
@media(max-width:759px){.tradle-layout::before{height:74px;background-size:auto 210px;background-position:40% 70%}.tradle-layout>header,.tradle-layout>main{width:calc(100% - 20px)}.tradle-layout>header{padding:14px 16px}.tradle-layout>main{padding:18px 18px 20px}.tradle-layout .brand{font-size:1.65rem}.tradle-layout .brand img{width:32px;height:34px}.tradle-layout header nav button{padding:11px 8px;font-size:.79rem;min-height:44px}.demo-layout main:has(#welcome:not([hidden])) .discovery-head{padding-top:30px}.demo-layout main:has(#welcome:not([hidden])) .discovery-head::after{display:none}.demo-layout main:has(#welcome:not([hidden])) .search-heading{font-size:clamp(2rem,7.5vw,2.8rem);margin:0 0 24px}.tradle-layout .search-line input{min-height:60px;font-size:1rem;padding-left:48px;padding-right:14px}.tradle-layout .search-line::before{top:20px;left:19px}.tradle-layout .search-line::after{top:37px;left:34px}.demo-layout .filters>label{flex:0 1 calc(50% - 12px);min-width:0}.demo-layout .filters #results{width:auto}.tradle-layout .featured-slot{grid-template-columns:minmax(0,1fr)}.tradle-layout .featured-preview{max-width:340px;width:100%;margin:auto}.tradle-layout .featured-display{height:254px;padding-bottom:32px}.tradle-layout .featured-display>img{height:220px}.tradle-layout .featured-record{height:210px;flex-basis:150px}.tradle-layout .featured-heading{gap:14px;align-items:flex-start}.tradle-layout .featured-controls{justify-content:flex-end}.tradle-layout .featured-preview h3{font-size:1.55rem}.tradle-layout .featured-preview .secondary{min-width:170px}.demo-layout .search-welcome .practice-choices{gap:6px 20px;flex-direction:row;align-items:center}.tradle-layout #reviewpanel::after,.tradle-layout #bot-body::after,.tradle-layout #editor-body::after{height:62px;background-size:200px auto}}
@media(forced-colors:active){.tradle-layout .featured-display::after,.demo-layout .art::before,.demo-layout .discovery-head::after{display:none}.tradle-layout>header,.tradle-layout>main{border-color:CanvasText;background:Canvas}}


/* Richer original pixel scenes, with search and actions on plain readable surfaces. */
.demo-layout::before,.beta-layout::before{height:30px;background:none}
.demo-layout main:has(#welcome:not([hidden])) .discovery-head{padding-top:26px}
.demo-layout main:has(#welcome:not([hidden])) .discovery-head::after{display:none}
.tradle-layout .search-world{display:none;width:100%;height:clamp(145px,17vw,205px);object-fit:cover;object-position:center 57%;border:1px solid #d8bf99;border-radius:10px;margin:23px 0 0;image-rendering:pixelated;background:#f8ebcf}
.demo-layout main:has(#welcome:not([hidden])) .search-world,.beta-layout #workspace:has(.main-tabs [data-view="floor"].active) .search-world{display:block}
.demo-layout .search-welcome,.beta-layout .beta-practice{grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);align-items:center;gap:30px;text-align:left;margin:10px 0 28px;padding:24px 0;border-top:1px solid #e5d4b9;border-bottom:1px solid #e5d4b9}
.demo-layout .search-welcome{display:grid}
.beta-layout .beta-practice{display:none}
.beta-layout #workspace:has(.main-tabs [data-view="floor"].active) .beta-practice{display:grid}
.tradle-layout .practice-portal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:0;min-width:0;width:100%;padding:0;border:1px solid #ba9572;border-radius:10px;background:#fffaf0;box-shadow:0 3px 0 #ead6b0;color:#662e40;text-align:left;text-decoration:none;overflow:hidden;cursor:pointer}
.tradle-layout .practice-portal:hover{border-color:#662e40;background:#f8ebcf}
.tradle-layout .practice-portal>img{display:block;width:100%;height:100%;min-height:175px;max-height:240px;object-fit:cover;object-position:48% center;image-rendering:pixelated}
.tradle-layout .practice-copy{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:20px;min-width:0;font-size:.82rem;line-height:1.5}
.tradle-layout .practice-copy strong{font-family:Georgia,serif;font-size:1.35rem;line-height:1.2;letter-spacing:-.025em;color:#662e40}
.tradle-layout .practice-copy>span{color:#614b47}.tradle-layout .practice-copy .practice-cta{font-size:.8rem;font-weight:700;color:#662e40;text-decoration:underline;text-underline-offset:4px}
.tradle-layout .practice-help{min-width:0}.tradle-layout .practice-help h2{font-size:1.25rem;margin:0 0 10px}.tradle-layout .practice-help p{font-size:.82rem;line-height:1.65;margin:0 0 8px;color:#614b47}
.demo-layout .search-welcome .practice-choices{justify-content:flex-start;gap:4px 18px}.demo-layout .search-welcome .text-button{min-height:44px}
.tradle-layout .collection-compass{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:12px 26px;align-items:center}
.tradle-layout .collection-compass>div{grid-column:1;grid-row:1}.tradle-layout .collection-compass>button{grid-column:1;grid-row:2;justify-self:start}
.tradle-layout .collection-compass::after{grid-column:2;grid-row:1 / span 2;width:240px;height:160px;background:url('autumn-binder-desk.png') center/cover no-repeat;border-radius:7px;image-rendering:pixelated}
.tradle-layout .binder-overview{grid-template-columns:repeat(2,minmax(0,1fr)) 240px;gap:10px}
.tradle-layout .binder-overview>div,.tradle-layout .binder-overview>button{border:0}
.tradle-layout .binder-overview::after{grid-column:3;grid-row:1 / span 2;align-self:center;width:240px;height:160px;background:url('autumn-binder-desk.png') center/cover no-repeat;border-radius:7px;image-rendering:pixelated}
.tradle-layout .showcase-intro{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px 26px}.tradle-layout .showcase-intro>div{grid-column:1}.tradle-layout .showcase-intro::after{grid-column:2;grid-row:1 / span 2;width:240px;height:160px;background:url('autumn-binder-desk.png') center/cover no-repeat;border-radius:7px;image-rendering:pixelated}
.tradle-layout #bot-body::after{height:125px;background:url('autumn-practice-stall.png') center/250px auto no-repeat;image-rendering:pixelated}
@media(max-width:950px){.demo-layout .search-welcome,.beta-layout .beta-practice{grid-template-columns:minmax(0,1fr);gap:22px}.tradle-layout .practice-portal{max-width:660px}.tradle-layout .practice-help{max-width:660px}.tradle-layout .binder-overview{grid-template-columns:repeat(2,minmax(0,1fr)) 190px}.tradle-layout .binder-overview::after{width:190px;height:150px}}
@media(max-width:650px){.demo-layout::before,.beta-layout::before{height:14px}.demo-layout main:has(#welcome:not([hidden])) .discovery-head{padding-top:16px}.tradle-layout .search-world{height:148px;margin-top:20px;border-radius:7px}.demo-layout main:has(#welcome:not([hidden])) .search-heading{font-size:clamp(1.85rem,7.5vw,2.8rem)}.tradle-layout .practice-portal{grid-template-columns:minmax(0,1fr)}.tradle-layout .practice-portal>img{height:145px;min-height:0;object-position:center 56%}.tradle-layout .practice-copy{padding:18px;gap:8px}.tradle-layout .practice-copy strong{font-size:1.35rem}.demo-layout .search-welcome .practice-choices{justify-content:flex-start}.tradle-layout .collection-compass{grid-template-columns:minmax(0,1fr)}.tradle-layout .collection-compass::after{grid-column:1;grid-row:3;width:100%;height:160px;background-position:center 63%}.tradle-layout .binder-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.tradle-layout .binder-overview::after{grid-column:1/-1;grid-row:3;width:100%;height:160px;background-position:center 63%}.tradle-layout .showcase-intro{grid-template-columns:minmax(0,1fr)}.tradle-layout .showcase-intro::after{grid-column:1;grid-row:3;width:100%;height:160px;background-position:center 63%}}
@media(forced-colors:active){.tradle-layout .search-world,.tradle-layout .practice-portal>img,.tradle-layout .collection-compass::after,.tradle-layout .binder-overview::after,.tradle-layout .showcase-intro::after,.tradle-layout #bot-body::after{display:none!important}.tradle-layout .practice-portal,.tradle-layout .collection-compass,.tradle-layout .showcase-intro{grid-template-columns:minmax(0,1fr);background:Canvas;color:CanvasText;border-color:ButtonText}.tradle-layout .binder-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.tradle-layout .practice-copy strong,.tradle-layout .practice-copy>span,.tradle-layout .practice-copy .practice-cta{color:LinkText}}

/* A garden around the page, with richer colour inside and clear reading surfaces. */
:root{--paper:#d5dfcc;--surface:#f9e8c5;--soft:#edce96;--mint:#ead6ad}
.tradle-layout{position:relative;isolation:isolate;background:#d5dfcc;padding-bottom:36px}
.tradle-layout::after{content:"";position:fixed;inset:0;z-index:-1;background:#b4cbb8 url('autumn-garden-margins.png') center top/cover no-repeat;image-rendering:pixelated;pointer-events:none}
.demo-layout::before,.beta-layout::before{height:28px}
.tradle-layout>header,.tradle-layout>main{width:calc(100% - clamp(48px,14vw,260px));max-width:1280px;box-shadow:0 12px 36px #302b2738}
.tradle-layout>header{background:#e9ce99;border-bottom-color:#c29b64}
.tradle-layout>main{background:linear-gradient(135deg,#f1d59f,#f5dfb4 55%,#ead3a9);border-color:#662e40}
.tradle-layout .search-line input{background:#fff3d4;border-color:#a68358;box-shadow:0 3px 0 #d3ae7440}
.demo-layout .filters select{background:#e4c38b;border:1px solid #b59460}
.tradle-layout .featured-strip{background:#e6d5ad;border:1px solid #bb9869;border-radius:12px;padding:24px;margin-bottom:24px}
.tradle-layout .featured-display{background:linear-gradient(#d6debd,#e9d39d);border-radius:8px;box-shadow:inset 0 0 0 1px #bfa16c}
.tradle-layout .featured-preview:nth-child(2) .featured-display{background:linear-gradient(#c6d8dc,#dedac0)}
.tradle-layout .featured-preview:nth-child(3) .featured-display{background:linear-gradient(#e7c4b9,#ecd3a2)}
.tradle-layout .featured-controls .secondary{background:#f0dab0;border-color:#bb9869}
.tradle-layout .card,.tradle-layout .trade,.tradle-layout .offer,.tradle-layout .panel,.tradle-layout .card-body{background:#f6e2b9;border-color:#b38b60}
.demo-layout .art,.demo-layout .art.orange{background:#e7cd91}
.demo-layout .art.blue{background:#c8dce0}.demo-layout .art.green{background:#d3deba}.demo-layout .art.purple{background:#e6c8c5}
.tradle-layout .practice-portal{background:#efd6a6;border-color:#b38b60}.tradle-layout .practice-portal:hover{background:#e8c990}
.tradle-layout .collection-compass,.tradle-layout .binder-overview,.tradle-layout .showcase-intro{background:#dfd6ad;border-color:#ac9168}
.tradle-layout .binder-overview .overview-link{background:#e7c797}
.tradle-layout .search-welcome,.tradle-layout .beta-practice{border-color:#c29b64}
.tradle-layout .secondary,.tradle-layout .icon{background:#edd3a1;border-color:#af8b59}
.tradle-layout .secondary:hover,.tradle-layout .icon:hover{background:#e4c38b}
.tradle-layout .wish{background:#f1d7aa;border-color:#ad875c}.tradle-layout .wish[aria-pressed=true]{background:#662e40;color:#fffaf0}
.tradle-layout footer{border-color:#b99765}
@media(max-width:759px){.tradle-layout>header,.tradle-layout>main{width:calc(100% - 28px)}.tradle-layout::after{background-size:auto 100vh;background-position:left top}.demo-layout::before,.beta-layout::before{height:24px}.tradle-layout .featured-strip{padding:18px 14px}.tradle-layout .featured-display{padding-top:12px}}
@media(forced-colors:active){.tradle-layout::after{display:none!important}.tradle-layout,.tradle-layout>header,.tradle-layout>main,.tradle-layout .featured-strip,.tradle-layout .featured-display,.tradle-layout .card,.tradle-layout .card-body,.tradle-layout .trade,.tradle-layout .offer,.tradle-layout .panel,.tradle-layout .practice-portal,.tradle-layout .collection-compass,.tradle-layout .binder-overview,.tradle-layout .showcase-intro{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.tradle-layout .search-line input,.tradle-layout .secondary,.tradle-layout .icon,.tradle-layout .wish,.demo-layout .filters select{background:Canvas;color:CanvasText;border-color:ButtonText}}

/* Gentle contrast adjustment: soften the setting, preserve readable text and focus. */
@media not (forced-colors:active){
  .tradle-layout::after{background-image:linear-gradient(#ecdcb51f,#ecdcb51f),url('autumn-garden-margins.png')}
  .tradle-layout>header,.tradle-layout>main{border-color:#936f69;box-shadow:0 10px 28px #302b2724}
  .tradle-layout>header{background:#ead4ad;border-bottom-color:#bda181}
  .tradle-layout>main{background:linear-gradient(135deg,#f0dbb7,#f2dfbc 55%,#ebd7b6)}
  .tradle-layout .card,.tradle-layout .trade,.tradle-layout .offer,.tradle-layout .panel,.tradle-layout .card-body{background:#f3e1bf;border-color:#b99d7a}
  .tradle-layout .featured-strip{background:#e8d8b6;border-color:#bda181}
  .tradle-layout .practice-portal{background:#eedbb7;border-color:#b99d7a}
  .tradle-layout .secondary,.tradle-layout .icon,.demo-layout .filters select{background:#ecd8b4}
  .tradle-layout .search-world,.tradle-layout .practice-portal>img,.tradle-layout .collection-compass::after,.tradle-layout .binder-overview::after,.tradle-layout .showcase-intro::after,.tradle-layout .welcome .glen-window>img,.tradle-layout #bot-body::after{filter:saturate(.9) contrast(.95)}
}

/* Clear navigation and warm controls; system high-contrast preferences stay authoritative. */
@media not (forced-colors:active){
 .tradle-layout header nav button,.tradle-layout .main-tabs button{font-size:.95rem;font-weight:700;letter-spacing:.015em;border-radius:7px 7px 0 0;color:#582a38;min-height:46px}
 .tradle-layout header nav button:hover,.tradle-layout .main-tabs button:hover{background:#dfc394}
 .tradle-layout header nav button.active,.tradle-layout .main-tabs button.active{background:#e3c593;border-bottom-color:#955b29;color:#482131;box-shadow:inset 0 1px 0 #f2dfb7}
 .tradle-layout input,.tradle-layout select,.tradle-layout textarea,.tradle-layout .search-line input{background-color:#f4e4c5;color:#3e2930;border-color:#a78a69}
 .tradle-layout input::file-selector-button{background:#662e40;color:#f6e7ca;border:0;border-radius:6px;padding:12px 16px;margin-right:12px;font:inherit;cursor:pointer}
 .tradle-layout input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #f4e4c5 inset;-webkit-text-fill-color:#3e2930}
 .tradle-layout .skip:focus{background:#f4e4c5;color:#482131}
}
.import-binder-link{margin:12px 0;gap:8px}.import-intro{max-width:760px}.import-intro h2{margin:12px 0}.import-steps{display:flex;flex-wrap:wrap;gap:12px 30px;padding-left:22px;font-size:.88rem;color:#662e40;font-weight:650}.import-file{max-width:720px;margin:22px 0 8px}.import-file input{padding:10px}.export-help,.import-options{margin:16px 0;border-bottom:1px solid #bda181;padding-bottom:12px}.export-help summary,.import-options summary,.private-import-notes summary{cursor:pointer;min-height:44px;align-content:center;color:#662e40;font-weight:650}.private-import-notes{font-size:.8rem}.private-import-notes p{white-space:pre-wrap}.import-options select{max-width:300px}
@media(max-width:759px){.tradle-layout header nav button,.tradle-layout .main-tabs button{font-size:.87rem;padding:12px 9px}.import-steps{gap:8px 25px}.import-file input{width:100%}.import-intro h2{font-size:1.45rem}}