:root{--stone:#f3efe6;--stone-2:#e8e1d3;--ink:#1f2328;--sub:#5b6168;--line:#d9d2c3;--accent:#2f6f63;--accent-2:#c98a2b}
*{box-sizing:border-box}
body{margin:0;font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif;color:var(--ink);background-color:var(--stone);background-image:radial-gradient(ellipse at 12% 10%,#ffffffb0,transparent 48%),radial-gradient(ellipse at 88% 80%,#d9c7a640,transparent 52%),repeating-linear-gradient(107deg,#ffffff00 0 19px,#ffffff55 19px 20px,#ffffff00 20px 53px),repeating-linear-gradient(-23deg,#00000000 0 31px,#00000008 31px 33px,#00000000 33px 79px)}
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;border-bottom:1px solid var(--line);background:#fffdf8cc;backdrop-filter:blur(6px);position:sticky;top:0}
.brand{font-weight:700;letter-spacing:.4px;text-decoration:none;color:var(--ink)}
nav a{margin-left:16px;color:var(--sub);text-decoration:none}
nav a:hover{color:var(--ink)}
main{max-width:980px;margin:0 auto;padding:32px 20px 64px}
h1{font-size:40px;line-height:1.1;margin:24px 0 10px;letter-spacing:-.5px}
h2{font-size:24px;margin:40px 0 12px}
h3{font-size:18px;margin:0 0 6px}
p.lead{font-size:19px;color:var(--sub);max-width:640px}
.goods{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:14px}
.card{border:1px solid var(--line);border-radius:14px;background:#fffdf8e6;padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 6px 18px #0000000d}
.card img{width:100%;border-radius:8px;border:1px solid var(--line);background:#fff}
.price{font-weight:600}
.state{font-size:13px;color:var(--sub)}
.btn{display:inline-block;padding:9px 14px;border-radius:999px;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;align-self:flex-start}
.btn.soon{background:#9aa39f;cursor:default}
.small{font-size:13px;color:var(--sub)}
.note{border-left:3px solid var(--accent-2);padding:8px 12px;background:#fff8ea;border-radius:6px;font-size:14px}
ul{padding-left:20px}
code{background:#fff;border:1px solid var(--line);border-radius:4px;padding:0 4px;font-size:14px}
footer{max-width:980px;margin:0 auto;padding:16px 20px 40px;color:var(--sub);font-size:13px;border-top:1px solid var(--line)}
.specimen{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff}
@media(max-width:600px){h1{font-size:30px}nav a{margin-left:10px;font-size:14px}}
/* Additive university selector; existing storefront stone theme is preserved. */
.university-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.university-tabs button{font:inherit;font-weight:600;padding:11px 16px;border:1px solid var(--line);border-radius:10px 10px 0 0;background:var(--stone-2);color:var(--ink);cursor:pointer;min-height:44px}
.university-tabs button[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.university-tabs button:focus-visible,.university-panel:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}
.university-panel{padding:20px;border:1px solid var(--line);border-radius:0 14px 14px 14px;background:#fffdf8e6}
.university-panel[hidden]{display:none}
.university-panel h3{font-size:21px;margin:4px 0 12px}
.university-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 0}
.university-facts div{border-top:1px solid var(--line);padding-top:10px}
.university-facts dt{font-size:13px;color:var(--sub)}
.university-facts dd{margin:3px 0 0;font-weight:600}
@media(max-width:600px){.top{flex-wrap:wrap}.top nav{display:flex;flex-wrap:wrap;gap:9px}.top nav a{margin-left:0}.university-tabs button{flex:1}.university-panel{padding:16px}.university-facts{grid-template-columns:1fr}}