:root{--paper:#f6f2e9;--ink:#302b27;--muted:#71685e;--line:#ded5c7;--accent:#925c49;--card:#fffdf8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.75 Georgia,'Noto Serif TC',serif}header,footer{padding:18px max(24px,calc((100vw - 1080px)/2));background:#fcfaf5;border-bottom:1px solid var(--line)}header{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}header a{font-weight:600}nav{font:14px sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}main{max-width:1080px;margin:auto;padding:32px 24px 90px}.hero{padding:40px 0;border-bottom:1px solid var(--line);margin-bottom:35px}.hero h1{font-size:clamp(28px,4vw,45px);max-width:700px;line-height:1.3}.hero small{color:var(--accent);letter-spacing:.2em}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.card,.comment{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px;margin-bottom:15px}.card h3{margin:8px 0}.card p,small{color:var(--muted)}.reader{max-width:760px;margin:auto}.reader h1{font-size:clamp(30px,4vw,44px)}.markdown{line-height:2.05;white-space:normal}.markdown p{margin:1.2em 0}.markdown img{max-width:100%;height:auto}.comments{max-width:760px;margin:60px auto}.warning{padding:15px;background:#f7ebe5;border:1px solid #d8b8a9;border-radius:7px}label{display:block;margin:12px 0}input,textarea,select{display:block;width:100%;padding:10px;border:1px solid #c9bdb0;border-radius:7px;background:#fff;font:inherit}input[type=checkbox]{width:auto;display:inline}button{background:var(--accent);color:white;border:0;border-radius:7px;padding:9px 17px;cursor:pointer}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid var(--line);padding:9px;text-align:left}td{overflow-wrap:anywhere}footer{font-size:13px;color:var(--muted)}