/* 学びスレまとめ — スマホ優先のまとめブログ風 */
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #eef1f4; color: #222; font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", "Noto Sans CJK JP", Meiryo, sans-serif; line-height: 1.7; }
a { color: #1a5fb4; }
header.site { background: #3d6e9e; color: #fff; padding: 14px 16px 12px; border-bottom: 4px solid #2a4f74; }
header.site .logo { color: #fff; text-decoration: none; font-weight: 700; font-size: 20px; letter-spacing: .04em; }
header.site .tag { font-size: 12px; opacity: .85; margin-top: 2px; }
main { max-width: 760px; margin: 0 auto; padding: 12px 10px 24px; }
h2.sec { font-size: 15px; margin: 6px 4px 10px; padding-left: 8px; border-left: 4px solid #3d6e9e; }
ul.list { list-style: none; margin: 0; padding: 0; }
ul.list li { margin-bottom: 8px; }
ul.list a { display: block; background: #fff; border: 1px solid #d5dbe1; border-radius: 6px; padding: 12px 14px; text-decoration: none; color: #222; }
ul.list .lt { display: block; font-weight: 700; font-size: 15px; line-height: 1.5; color: #1a4d80; }
ul.list .lm { display: block; font-size: 12px; color: #777; margin-top: 4px; }
h1.title { font-size: 18px; line-height: 1.5; margin: 4px 0 4px; padding: 12px 14px; background: #fff; border: 1px solid #d5dbe1; border-left: 5px solid #3d6e9e; border-radius: 6px; }
.meta { font-size: 12px; color: #777; margin: 0 4px 12px; }
article.post { background: #fff; border: 1px solid #e0e4e8; border-radius: 6px; padding: 10px 14px 12px; margin-bottom: 8px; }
.ph { font-size: 12.5px; color: #555; margin-bottom: 6px; }
.ph .no { font-weight: 700; color: #222; }
.ph .name { color: #2e8b3a; font-weight: 700; }
.ph .idop { color: #c0392b; font-size: 11.5px; margin-left: 2px; }
p.body { margin: 0; font-size: 16px; line-height: 1.75; overflow-wrap: anywhere; }
.anchor { color: #1a5fb4; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .86em; background: #f2f4f6; border: 1px solid #e1e5e9; border-radius: 4px; padding: 1px 5px; overflow-wrap: anywhere; white-space: pre-wrap; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
strong.em-red { color: #c0392b; }
strong.em-blue { color: #1f5fa8; }
strong.em-bold { color: inherit; }
.math { margin: 8px 0; padding: 6px 4px; background: #fafbfc; border-radius: 4px; overflow-x: auto; overflow-y: hidden; }
.math .katex-display { margin: 0; }
.math .katex { font-size: 1.08em; }
section.kanri { margin-top: 18px; background: #fff8e6; border: 2px solid #e8b84a; border-radius: 8px; padding: 12px 16px; }
section.kanri h2 { font-size: 15px; margin: 0 0 6px; color: #8a5a00; }
section.kanri ul { margin: 0; padding-left: 1.2em; font-size: 15px; }
section.kanri li { margin: 4px 0; }
section.related { margin-top: 22px; }
section.related ul.list .lt { font-size: 14px; }
footer { max-width: 760px; margin: 0 auto; padding: 16px 14px 32px; font-size: 12px; color: #777; }