:root{--wine:#70162b;--ink:#211b1d;--muted:#71696b;--cream:#f8f3ed;--line:#e8ded7}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}
a{color:inherit}.wrap{max-width:1120px;margin:auto;padding:0 22px}
header{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}.head{height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{text-decoration:none;font-weight:900;letter-spacing:.04em}.brand span{color:var(--wine)}
nav a{margin-left:20px;text-decoration:none;font-weight:700;font-size:.92rem}
.hero{padding:64px 0 44px;background:var(--cream)}h1{font-size:clamp(2.2rem,6vw,4.6rem);line-height:.98;margin:0 0 18px}.lead{font-size:1.15rem;color:var(--muted);max-width:720px;line-height:1.6}
.search{display:flex;gap:10px;margin-top:28px}.search input{flex:1;padding:17px 18px;border:1px solid #cfc1ba;border-radius:12px;font-size:1rem}.search button,.btn{border:0;border-radius:12px;background:var(--wine);color:#fff;padding:16px 22px;font-weight:800;text-decoration:none;cursor:pointer}
.section{padding:42px 0}.count{color:var(--muted);margin:8px 0 18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{border:1px solid var(--line);border-radius:18px;padding:20px;text-decoration:none;display:block}.card:hover{box-shadow:0 8px 26px rgba(0,0,0,.08)}
.code{font-size:2rem;font-weight:900;color:var(--wine);margin:10px 0 4px}.meta{font-size:.9rem;color:var(--muted);line-height:1.5}
.wine{padding:58px 0}.wine-grid{display:grid;grid-template-columns:1fr 330px;gap:48px;align-items:start}.wine h1{font-size:clamp(2.1rem,5vw,4rem)}
.bigcode{font-size:6rem;font-weight:950;color:var(--wine);line-height:1}.meaning{font-size:1.3rem;font-weight:800;margin:8px 0 22px}.summary{font-size:1.15rem;line-height:1.65}
.factbox{background:var(--cream);border-radius:18px;padding:24px}.fact{padding:10px 0;border-bottom:1px solid var(--line)}.fact:last-child{border:0}.label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}
.powered{margin-top:30px;font-size:.83rem;color:var(--muted)}.book{margin-top:34px;padding:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.related{margin-top:45px}.related h2{font-size:1.5rem}
footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:.86rem}
@media(max-width:800px){.grid{grid-template-columns:1fr}.wine-grid{grid-template-columns:1fr}.search{flex-direction:column}nav{display:none}.bigcode{font-size:5rem}}