:root{
  --bg:#ffffff; --fg:#0b0c0f; --muted:#4a4a4a; --card:#f5f5f5; --accent:#a9d4f8;
  --border:#e0e0e0; --chip:#e8e8e8;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1200px;margin:0 auto;padding:30px}
header{display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:500;font-size:1.1rem}
nav a{margin-left:16px;padding:6px 10px;border-radius:10px}
nav a[aria-current="page"]{background:var(--accent);color:#ffffff}
main{min-height:60vh}
footer{border-top:1px solid var(--border);color:#a2a4a7;font-size:.9rem}
.two-panel{display:flex;gap:200px;margin-top:32px;align-items:flex-start;flex-direction:row;max-width:1600px;margin-left:auto;margin-right:auto}
.left-panel{flex:0 1 500px;display:block;max-width:500px}
.right-panel{flex:0 0 auto;min-width:320px;text-align:center;display:flex;flex-direction:column;align-items:center}
.profile-photo{width:400px;height:400px;border-radius:50%;object-fit:cover;margin:0 0 24px 0;display:block;border:3px solid var(--border)}
.right-panel h1{font-size:2.2rem;margin:0 0 8px 0;text-align:center;font-weight:600}
.right-panel h1 .chinese-name{font-family:"Liu Jian Mao Cao",cursive;font-weight:400;font-style:normal}
.right-panel .tagline{color:var(--muted);margin:0;text-align:center;font-size:1.1rem}
.left-panel .card{background:transparent;border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:none;margin-bottom:16px;display:block}
.left-panel .card p{margin:.5rem 0}
.left-panel .card p a{color:var(--fg)}
h1{font-size:2.2rem;margin:.2rem 0}
h2{font-size:1.1rem;margin:0 0 .5rem}
.tagline{color:var(--muted);margin:.2rem 0 0}
.summary-text{color:var(--fg);line-height:1.6;white-space:pre-line}
.grid{display:grid;gap:16px;grid-template-columns:repeat(12,1fr);margin-top:18px}
.card{grid-column:span 12;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px}
.card p{margin:.5rem 0}
@media (min-width:720px){
  .card:nth-child(1){grid-column:span 7}
  .card:nth-child(2){grid-column:span 5}
  .card:nth-child(3){grid-column:span 12}
}
@media (max-width:768px){
  .two-panel{flex-direction:column;gap:24px}
  .right-panel{min-width:auto;text-align:center}
  .profile-photo{width:300px;height:300px}
}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.chip{display:inline-block;background:transparent;padding:6px 10px;border-radius:999px;border:1px solid var(--border)}
.button{display:inline-block;padding:10px 14px;border-radius:12px;background:var(--accent);color:#0b0c0f;font-weight:700}
.button:hover{text-decoration:none;filter:brightness(1.05)}
.narrow{max-width:1400px;margin:0 auto}
.muted{color:var(--muted)}
.recipe{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;margin:20px 0}
.recipe-meta{display:flex;gap:16px;margin:12px 0 20px;flex-wrap:wrap}
.meta-item{background:var(--chip);padding:6px 12px;border-radius:20px;font-size:.9rem;border:1px solid var(--border)}
.ingredients,.instructions{margin:12px 0}
.ingredients li,.instructions li{margin:6px 0;line-height:1.5}