:root{--ink:#18211e;--green:#21362e;--cream:#f6f4ee;--line:#d9d6ce;--gold:#a87b3e;--muted:#716e68}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:var(--green);color:#f8f4e9;padding:30px 22px;display:flex;flex-direction:column}.logo{font:1.1rem Georgia,serif;letter-spacing:.18em;color:#fff;text-decoration:none}.logo i{color:#d4ad70;font-style:normal}aside>p,.overline{color:var(--gold);letter-spacing:.13em;font-size:.64rem;font-weight:bold}aside nav{display:grid;gap:4px;margin-top:40px}aside nav a{color:#cbd1ca;text-decoration:none;padding:12px;border-radius:3px;font-size:.85rem}aside nav a.active,aside nav a:hover{color:#fff;background:rgba(255,255,255,.1)}aside small{margin-top:auto;color:#aab5aa;font-size:.7rem;line-height:1.4}main{padding:46px 5vw;max-width:1400px;width:100%}main header{display:flex;justify-content:space-between;align-items:start;margin-bottom:36px}h1,h2{font-family:Georgia,serif;margin:.2rem 0}h1{font-size:2.5rem}h2{font-size:1.7rem}.badge{font-size:.65rem;letter-spacing:.1em;border:1px solid #bca982;padding:8px;color:#68552e}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}.metrics article,.panel{background:#fff;border:1px solid var(--line)}.metrics article{padding:23px}.metrics span,.metrics small{display:block;color:var(--muted);font-size:.75rem}.metrics strong{font:2.3rem Georgia,serif;display:block;margin:14px 0 5px}.panel{padding:30px;margin-bottom:24px}.panel-title{display:flex;justify-content:space-between;gap:3rem;margin-bottom:26px}.panel-title>p{max-width:390px;color:var(--muted);line-height:1.55;font-size:.85rem}.term-layout{display:grid;grid-template-columns:280px 1fr;gap:34px}.seller-list{display:grid;align-content:start;gap:8px}.seller-row{padding:15px;text-align:left;border:1px solid var(--line);background:#fff;cursor:pointer}.seller-row.selected{border-color:var(--gold);background:#fbf7ef}.seller-row span,.seller-row small{display:block}.seller-row small{font-size:.69rem;color:var(--muted);margin-top:5px}form{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:grid;gap:7px;font-size:.75rem;font-weight:bold;color:#4f4d48}input,select{width:100%;padding:11px;border:1px solid var(--line);background:#fff;font:inherit}.suffix{display:flex;align-items:center;border:1px solid var(--line)}.suffix input{border:0}.suffix span{padding:0 10px;color:var(--muted)}form button{grid-column:1/-1;justify-self:start;background:var(--green);color:#fff;border:0;padding:12px 18px;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;cursor:pointer}output{grid-column:1/-1;color:#456a53;font-size:.78rem}.attribute-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.attribute-grid article{border:1px solid var(--line);padding:14px;min-height:112px}.attribute-grid strong,.attribute-grid span,.attribute-grid small{display:block}.attribute-grid strong{font:1rem Georgia,serif}.attribute-grid span{font-size:.67rem;color:#53775f;margin-top:12px}.attribute-grid small{font-size:.62rem;color:var(--muted);margin-top:4px}.disabled{background:#f1efe9}.disabled p:last-child{color:var(--muted);max-width:650px;line-height:1.6}@media(max-width:850px){body{display:block}aside{min-height:auto}aside nav{display:flex;margin:20px 0;overflow:auto}aside small{display:none}main{padding:32px 5vw}.metrics,.term-layout,.attribute-grid{grid-template-columns:1fr}.panel-title,main header{display:block}.badge{display:inline-block;margin-top:16px}form{grid-template-columns:1fr}}