*,:before,:after{box-sizing:border-box}body{color:#1a1a1a;background:#fff;margin:0;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.6}main{max-width:480px;margin:0 auto;padding:24px 16px}main.wide{max-width:960px}form{flex-direction:column;gap:12px;display:flex}label{flex-direction:column;gap:4px;font-size:14px;display:flex}input,textarea{border:1px solid #bbb;border-radius:4px;width:100%;padding:8px 10px;font-size:16px}textarea{resize:vertical;font-family:inherit;line-height:1.6}textarea.body-input{min-height:24em}button,.button{text-align:center;color:#fff;cursor:pointer;background:#1f4e8c;border:none;border-radius:4px;padding:10px 14px;font-size:16px;text-decoration:none;display:inline-block}button:disabled{opacity:.6;cursor:default}.secondary{color:#1f4e8c;background:#fff;border:1px solid #1f4e8c}.error{color:#b00020;font-size:14px}.notice{color:#1b5e20;font-size:14px}.stack{flex-direction:column;gap:16px;display:flex}a{color:#1f4e8c;overflow-wrap:anywhere}main.wide h1,main.wide h2,.break-anywhere{overflow-wrap:anywhere}.meta{color:#555;overflow-wrap:anywhere;font-size:14px}.notice-warning{color:#8a5300;margin:0;font-size:14px}.toolbar{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.badge{white-space:nowrap;color:#555;background:#eee;border-radius:999px;padding:0 8px;font-size:12px;line-height:1.8;display:inline-block}.badge.published{color:#1b5e20;background:#e3f2e5}.article-list{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.article-list li{flex-direction:column;gap:4px;min-width:0;display:flex}.article-list p{overflow-wrap:anywhere;margin:0}.article-list-text{flex-direction:column;gap:4px;min-width:0;display:flex}.article-list-thumbnail{border-radius:4px;width:100%;height:auto;display:block}@media (min-width:640px){.article-list li.with-thumbnail{flex-direction:row;align-items:flex-start;gap:16px}.article-list-thumbnail{flex:0 0 160px;width:160px}.article-list li.with-thumbnail .article-list-text{flex:auto}}.article-thumbnail{border-radius:4px;width:100%;height:auto;display:block}.admin-thumbnail-preview{border-radius:4px;width:100%;max-width:320px;height:auto;display:block}.article-list-title{font-size:18px;font-weight:700}.admin-article-list{border-top:1px solid #ddd;margin:0;padding:0;list-style:none}.admin-article-row{border-bottom:1px solid #ddd;flex-wrap:wrap;align-items:center;gap:4px 12px;min-width:0;padding:10px 0;display:flex}.admin-article-title{flex:240px;min-width:0;font-weight:700}.preview{border:1px solid #ddd;border-radius:4px;min-width:0;padding:16px}.article-body{overflow-wrap:anywhere;min-width:0}.article-body img{max-width:100%;height:auto}.article-body pre,.article-body table{max-width:100%;display:block;overflow-x:auto}.article-body pre{overflow-wrap:normal;background:#f5f5f5;border-radius:4px;padding:12px}.article-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.article-body table{border-collapse:collapse}.article-body th,.article-body td{border:1px solid #ddd;padding:4px 8px}.article-body blockquote{color:#555;border-left:4px solid #ddd;margin:0;padding-left:12px}.article-ad{background:#f2f6fb;border:1px solid #c9d8ea;border-radius:8px;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;display:flex}.article-ad-label{color:#555;border:1px solid #999;border-radius:3px;padding:0 6px;font-size:12px}.article-ad-title{overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:700}.article-ad-text{overflow-wrap:anywhere;margin:0;font-size:15px}.article-ad-button{align-self:stretch;margin-top:4px}@media (min-width:640px){.article-ad-button{align-self:flex-start}}