:root{font-family:"Yu Gothic",Meiryo,sans-serif;color:#283b36;background:#faf8f2;line-height:1.75}*{box-sizing:border-box}body{margin:0}main{max-width:960px;margin:auto;padding:32px 24px 64px}nav{display:flex;justify-content:space-between;gap:16px}a{color:#246351}.eyebrow{font-size:12px;letter-spacing:.16em;margin-top:40px}h1{font-size:clamp(25px,5vw,36px);line-height:1.4}h2{font-size:22px}#reports{display:grid;gap:18px}.card,#detail{padding:24px;background:white;border:1px solid #cddbd3;border-radius:16px}.badge{display:inline-block;border-radius:20px;background:#eaf3ed;padding:3px 12px;font-size:14px}.meta{color:#5d6963}.controls{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}button,.button{font:inherit;padding:10px 18px;border:1px solid #35745e;border-radius:10px;background:#35745e;color:white;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.55;cursor:wait}button.secondary{background:white;color:#246351}#status:not(:empty){padding:12px;background:#edf1ea;border-radius:10px}iframe{width:100%;height:70vh;border:1px solid #d8dfd8;background:white;border-radius:8px}#previewNote{font-size:14px}a:focus-visible,button:focus-visible{outline:3px solid #ce9b42;outline-offset:3px}@media(max-width:600px){main{padding:20px 16px}.card,#detail{padding:18px}nav{font-size:14px}}