:root { color-scheme: light; --ink:#151515; --muted:#696969; --line:#dedede; --soft:#f6f6f3; --accent:#175b4c; }
* { box-sizing: border-box; }
body { margin:0; background:#fff; color:var(--ink); font:15px/1.55 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
main { width:min(920px,calc(100% - 32px)); margin:64px auto; }
header { max-width:630px; margin-bottom:32px; }
.eyebrow { color:var(--accent); font-size:12px; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
h1 { margin:6px 0 8px; font-size:clamp(32px,6vw,48px); letter-spacing:-.04em; line-height:1.08; }
p { margin:0; color:var(--muted); }
form { padding:20px; border:1px solid var(--line); border-radius:12px; background:var(--soft); }
label { display:block; margin-bottom:7px; font-size:13px; font-weight:700; }
.search-row { display:flex; gap:10px; }
input,button { min-height:46px; border-radius:8px; font:inherit; }
input { width:100%; border:1px solid #c8c8c8; padding:0 14px; background:#fff; text-transform:uppercase; letter-spacing:.05em; outline:none; }
input:focus { border-color:var(--accent); box-shadow:0 0 0 3px #175b4c20; }
button { border:0; padding:0 20px; background:var(--ink); color:white; font-weight:700; cursor:pointer; white-space:nowrap; }
button:hover { background:var(--accent); }
button:disabled { opacity:.6; cursor:wait; }
small { display:block; margin-top:7px; color:var(--muted); }
#status { min-height:48px; padding:14px 2px; color:var(--muted); }
#status.error { color:#a22525; }
.result { border-top:1px solid var(--line); padding-top:30px; }
.product-head { display:grid; grid-template-columns:minmax(210px,38%) 1fr; gap:34px; align-items:start; }
.product-image { display:block; width:100%; aspect-ratio:1; object-fit:contain; border:1px solid var(--line); border-radius:12px; background:#fff; }
.asin { display:inline-block; margin-bottom:10px; border-radius:99px; background:var(--soft); padding:4px 9px; color:var(--muted); font:12px ui-monospace,SFMono-Regular,Menlo,monospace; }
h2 { margin:0 0 18px; font-size:clamp(23px,4vw,31px); line-height:1.2; letter-spacing:-.025em; }
dl { display:grid; grid-template-columns:125px 1fr; margin:0; border-top:1px solid var(--line); }
dt,dd { margin:0; padding:9px 0; border-bottom:1px solid var(--line); }
dt { color:var(--muted); }
dd { font-weight:600; }
.details { margin-top:30px; }
details { border-top:1px solid var(--line); }
details:last-child { border-bottom:1px solid var(--line); }
summary { padding:15px 0; font-weight:700; cursor:pointer; }
.detail-body { padding:0 0 18px; color:#383838; white-space:pre-wrap; }
.detail-body ul { margin:0; padding-left:20px; }
.source { display:inline-block; margin-top:20px; color:var(--accent); }
@media (max-width:650px) { main{margin:32px auto}.search-row{display:grid}.product-head{grid-template-columns:1fr}.product-image{max-height:380px}dl{grid-template-columns:105px 1fr} }