.article-discussion { margin-top: 28px; padding: 20px; border: 1px solid #29303c; border-radius: 16px; color: #eef2f7; background: #10151d; font: 16px/1.6 system-ui,sans-serif; }
.article-discussion h2 { font-size: 22px; font-weight: 700; }.article-discussion h3 { margin-top: 18px; font-size: 18px; font-weight: 700; }
.article-discussion label { display:block; margin:12px 0; }.article-discussion input,.article-discussion textarea { display:block; width:100%; box-sizing:border-box; padding:12px; background:#080c12; border:1px solid #394354; border-radius:10px; color:inherit; font:inherit; }
.article-discussion button { min-height:44px; padding:8px 18px; margin:6px 8px 6px 0; border:1px solid #75da87; border-radius:10px; background:transparent; color:#c0ffd0; font:inherit; cursor:pointer; }.article-discussion button:disabled { opacity:.5; cursor:wait; }.article-discussion [hidden] { display:none; }.article-discussion [data-comments] article { margin-top:18px; border-top:1px solid #29303c; padding-top:14px; }.article-discussion [data-comments] p { white-space:pre-wrap; overflow-wrap:anywhere; }
.live-article-page { margin:0; background:#080c12; color:#eef2f7; font:17px/1.7 system-ui,sans-serif; }.live-article-page main { box-sizing:border-box; max-width:800px; margin:auto; padding:28px 20px 60px; }.live-article-page a { color:#8dea9e; }.live-article-page h1 { font-size:clamp(28px,5vw,42px); line-height:1.15; }.live-article-page header { margin:25px 0; }.live-article-page time,.live-article-page header>p:first-child { font-size:13px; color:#a3adbb; }.live-article-paragraph { white-space:pre-wrap; overflow-wrap:anywhere; margin:22px 0; }.live-article-page nav { margin-top:24px; }
.live-article-share { display:flex; flex-wrap:wrap; gap:8px; border-block:1px solid #29303c; padding-block:16px; margin-block:20px; }
.live-article-share button,.live-article-share a { box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:8px 14px; border:1px solid #394354; border-radius:10px; background:#10151d; color:#eef2f7; font:600 14px/1.4 system-ui,sans-serif; cursor:pointer; text-decoration:none; }
.live-article-share p { flex-basis:100%; margin:0; font-size:13px; color:#8dea9e; }.live-article-share input { width:100%; box-sizing:border-box; min-height:44px; padding:10px; background:#080c12; color:#eef2f7; border:1px solid #394354; border-radius:8px; }.live-article-share :focus-visible { outline:2px solid #8dea9e; outline-offset:3px; }.live-article-share button:disabled { opacity:.6; }