/* Token snapshot: frontend 23368c9 src/assets/shared-ui.css; Coordination DESIGN.md. */
:root{color-scheme:light;--bg:#f5f2ec;--ink:#1d2523;--muted:#66736f;--line:#d8d0c4;--panel:#fffdf8;--blue:#315f8f;font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;color:var(--ink);background:var(--bg);font-size:16px;line-height:1.8}*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-underline-offset:4px;overflow-wrap:anywhere}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:4px}.wrap{max-width:840px;margin:auto;padding:24px}header{border-bottom:1px solid var(--line)}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.brand{font-size:16px;font-weight:700;color:var(--ink);text-decoration:none}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{min-height:44px;display:inline-flex;align-items:center}main{padding-top:32px!important;padding-bottom:48px!important}article{background:var(--panel);padding:32px;border:1px solid var(--line);border-radius:8px}h1{font-size:24px;line-height:1.4;margin:0 0 16px}h2{font-size:18px;line-height:1.5;margin:32px 0 12px}p{margin:12px 0}ul{padding-left:24px}li{margin:8px 0}.meta{color:var(--muted);font-size:14px}.intro{font-size:18px}footer{border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.skip{position:absolute;top:-100px;left:16px;background:var(--panel);padding:12px}.skip:focus{top:8px}@media(max-width:540px){.wrap{padding:16px}article{padding:24px 16px}header .wrap{gap:8px}nav{gap:16px}main{padding-top:24px!important}}