:root{--cam:#DE7127;--chu:#222;--nhat:#666;--nen:#fff;--vien:#eee}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--chu);background:var(--nen);line-height:1.6}
header{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:3px solid var(--cam)}
.brand{font-weight:bold;color:var(--cam);text-decoration:none;font-size:18px}
nav a{margin-left:16px;color:var(--chu);text-decoration:none}
nav a:hover{color:var(--cam)}
main{max-width:860px;margin:0 auto;padding:24px 16px 48px}
h1{margin-top:8px}
.meta,.note,.en{color:var(--nhat)}
.en{font-size:.95em}
.lead{font-size:1.1em}
.yt{display:flex;gap:14px;align-items:center;border:1px solid var(--vien);border-radius:10px;padding:14px;margin:20px 0}
a{color:#0b57d0}
hr{border:0;border-top:1px solid var(--vien);margin:32px 0}
footer{border-top:1px solid var(--vien);padding:16px;text-align:center;color:var(--nhat);font-size:14px}