/* =============================================
   MIRAI CRAFT — イベント記事（note風）の記事ビュー共通スタイル
   events.html の記事モーダルと、管理画面のプレビュー／本文エディタで共用。
   ============================================= */
.na-article{max-width:680px;margin:0 auto;color:var(--text)}
.na-cover{margin:0 0 22px;border-radius:14px;overflow:hidden;background:var(--gray)}
.na-cover img{width:100%;height:auto;display:block}
.na-head{margin-bottom:22px}
.na-date{font-size:12.5px;font-weight:700;letter-spacing:1px;color:var(--brown);margin-bottom:10px}
.na-title{font-size:clamp(22px,3.2vw,30px);font-weight:700;line-height:1.5;letter-spacing:.3px}
.na-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.na-tag{font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;border-radius:100px;background:var(--yellow-light);color:var(--brown)}
.na-body{font-size:16px;line-height:2;color:var(--text)}
.na-body > *:first-child{margin-top:0}
.na-body p{margin:0 0 1.3em}
.na-body h1,.na-body h2,.na-body h3,.na-body h4{font-weight:700;line-height:1.5;margin:1.8em 0 .7em}
.na-body h1{font-size:25px}
.na-body h2{font-size:22px}
.na-body h3{font-size:19px}
.na-body h4{font-size:17px}
.na-body img{max-width:100%;height:auto;display:block;border-radius:10px;margin:1.4em auto}
.na-body figure{margin:1.4em 0}
.na-body figcaption{font-size:13px;color:var(--text-muted);text-align:center;margin-top:8px}
.na-body a{color:var(--brown);text-decoration:underline}
.na-body ul,.na-body ol{margin:0 0 1.3em;padding-left:1.5em}
.na-body li{margin:.4em 0}
.na-body blockquote{margin:1.4em 0;padding:.6em 1.1em;border-left:4px solid var(--yellow);background:var(--yellow-pale);color:var(--text-sub);border-radius:0 8px 8px 0}
.na-body pre{background:#2b2b2b;color:#f5f5f5;padding:14px 16px;border-radius:10px;overflow:auto;font-size:13.5px;line-height:1.7;margin:1.4em 0}
.na-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;background:rgba(139,105,20,.1);padding:.12em .4em;border-radius:5px}
.na-body pre code{background:none;padding:0}
.na-body hr{border:none;border-top:1px solid rgba(139,105,20,.2);margin:1.8em 0}
.na-body table{border-collapse:collapse;width:100%;margin:1.4em 0;font-size:14px}
.na-body th,.na-body td{border:1px solid rgba(139,105,20,.2);padding:8px 10px;text-align:left}
.na-source{margin-top:28px;padding-top:18px;border-top:1px solid rgba(139,105,20,.16);font-size:14px}
.na-source a{color:var(--brown);font-weight:700}
.na-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px;padding-top:20px;border-top:1px solid rgba(139,105,20,.16)}
.na-apply{display:inline-block;background:var(--text);color:#fff;font-size:15px;font-weight:700;letter-spacing:.5px;padding:13px 32px;border-radius:100px;transition:background .2s}
.na-apply:hover{background:var(--brown)}
.na-source-link{color:var(--brown);font-weight:700;font-size:14px}