/* Tried by Tyler — local static build. No backend, no live links yet. */
:root{--ink:#1a1a1a;--muted:#5a5a5a;--line:#ddd;--accent:#0b5fff;--bg:#fffdf7}
*{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{color:var(--accent)} header,footer{padding:1rem 1.25rem;border-bottom:1px solid var(--line)} footer{border-top:1px solid var(--line);border-bottom:0;color:var(--muted);font-size:.9rem}
nav a{margin-right:1rem} main{max-width:880px;margin:0 auto;padding:1.25rem}
.hero{background:#fff3d6;border:1px solid #f0d48a;padding:1.25rem;border-radius:8px}
.card{border:1px solid var(--line);border-radius:8px;padding:1rem;margin:1rem 0;background:#fff}
.photo{border:2px dashed var(--line);padding:2rem;text-align:center;color:var(--muted);background:#fafafa;border-radius:8px}
img.product-photo{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:8px}
.disclosure{background:#fffbe6;border-left:4px solid #d9a400;padding:.75rem 1rem}
.btn{display:inline-block;background:var(--accent);color:#fff!important;padding:.55rem 1rem;border-radius:6px;text-decoration:none;border:0;cursor:pointer}
.btn.secondary{background:#eee;color:var(--ink)!important;border:1px solid var(--line)}
label{display:block;margin:.75rem 0 .25rem;font-weight:600} input,textarea,select{width:100%;padding:.55rem;border:1px solid var(--line);border-radius:6px;font:inherit}
textarea{min-height:110px} .admin-nav button{margin:.25rem .25rem .25rem 0} .hidden{display:none}
table{width:100%;border-collapse:collapse} th,td{border:1px solid var(--line);padding:.5rem;text-align:left}
.small{color:var(--muted);font-size:.9rem} .placeholder{color:var(--muted);font-style:italic}
nav{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center} nav a{margin-right:0}
form p{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center} form p .btn{margin:0}
.card{overflow-x:auto}
@media (max-width:600px){
  body{font-size:16px}
  header,footer{padding:.75rem 1rem}
  main{padding:1rem}
  .hero{padding:1rem}
  .card{padding:.9rem;margin:.75rem 0}
  .photo{padding:1rem}
  input,textarea,select{font-size:16px}
  .btn{padding:.6rem .9rem}
  table{font-size:.85rem}
  th,td{padding:.4rem}
  nav{gap:.5rem 1rem}
}