:root{--ink:#203b32;--muted:#63776b;--paper:#f6f5ef;--line:#dbe1d7;--accent:#ccf080}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.9}a{color:inherit}header,main,footer{max-width:1180px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:28px 24px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-weight:750;font-size:19px}.brand span{display:block;font-size:10px;letter-spacing:.2em;color:var(--muted)}.nav{font-size:12px}main{padding:0 24px}.hero{padding:68px 0 48px;max-width:790px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--muted)}h1{font-size:clamp(34px,5.4vw,64px);line-height:1.45;letter-spacing:-.025em;margin:18px 0 24px}h2{line-height:1.6}.intro{font-size:17px;color:var(--muted)}.disclosure{font-size:12px;background:#e9ede3;border-left:3px solid var(--ink);padding:14px 18px;margin:28px 0 0;max-width:710px}.list-head{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding-top:30px}.list-head h2{margin:5px 0 18px;font-size:27px}.list-head>p{font-size:12px}.controls{display:flex;gap:24px;align-items:end;justify-content:space-between;margin:16px 0}.search{font-size:12px;display:grid;gap:7px;min-width:310px}input{padding:13px 16px;border:1px solid #a7b5a9;border-radius:10px;background:white;font-size:16px;color:var(--ink);width:100%}.filters{display:flex;gap:7px;flex-wrap:wrap}button{border:1px solid #a7b5a9;background:transparent;color:var(--ink);padding:11px 16px;border-radius:30px;font:inherit;font-size:12px;cursor:pointer}button.active{background:var(--ink);color:white;border-color:var(--ink)}:focus-visible{outline:3px solid #638c2b;outline-offset:4px}#result{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white;display:flex;flex-direction:column;scroll-margin-top:20px}.card:target{outline:4px solid #94ae65}.photo{padding:26px;position:relative;background:white}.photo img{width:100%;height:260px;object-fit:contain;display:block}.number{position:absolute;top:12px;left:12px;color:var(--muted);font-size:11px;font-weight:700}.content{padding:0 24px 24px;display:flex;flex-direction:column;flex:1}.category{color:var(--muted);font-size:10px;letter-spacing:.15em;margin:0}.content h2{font-size:19px;margin:8px 0 12px}.hook{font-weight:700}.content p{font-size:13px;margin:0 0 14px}.content .category{font-size:11px}.content details{font-size:12px;margin:0 0 20px;border-top:1px solid var(--line);padding-top:13px}summary{cursor:pointer;font-weight:650}details p{padding-top:10px}.buy{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--ink);color:white;border-radius:9px;padding:13px 15px;text-decoration:none;font-weight:700;font-size:13px;margin-top:auto}.buy:hover{background:#355847}.content .fine{font-size:10px;color:var(--muted);margin:10px 0 0}.about{max-width:810px;margin:70px 0 50px;padding-top:30px;border-top:1px solid var(--line)}.about h2{font-size:24px}.about p,.about a{font-size:13px}footer{display:flex;justify-content:space-between;padding:25px 24px;border-top:1px solid var(--line);font-size:11px}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:5px;background:white;z-index:5}article[hidden]{display:none!important}@media(max-width:920px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.controls{align-items:stretch;flex-direction:column}.search{min-width:0}}@media(max-width:580px){header{padding:20px}.brand{font-size:16px}.nav{font-size:10px}main{padding:0 20px}.hero{padding:42px 0 32px}.intro{font-size:14px}.list-head{display:block}.list-head>p{margin-top:-10px}.grid{grid-template-columns:1fr;gap:20px}.photo img{height:280px}.photo{padding:26px}.content{padding:0 22px 22px}.content h2{font-size:21px}.content p{font-size:14px}.buy{padding:16px;font-size:14px}.filters{gap:6px}button{padding:9px 13px}.about{margin-top:46px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}