/* Mineral Field Guide article styling */
body { margin: 0; background: #f7faf6; color: #3b4740; font-family: -apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",sans-serif; }
body { padding: 1rem 1.25rem 3rem; box-sizing: border-box; }
/* Google Docs export uses cN classes and inline 11pt Arial rules. */
[class^="c"] { font-family: -apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",sans-serif !important; line-height: 1.85 !important; color: #3b4740; }
body > * { max-width: 980px; margin-inline: auto; }
h1 { font-size: clamp(1.8rem, 4vw, 2.8rem); line-height: 1.35; color: #254b3b; margin: 1.8rem auto 1.4rem; }
h2 { margin: 2.2rem auto .8rem; padding: .65rem .9rem; border-left: 5px solid #7fa88f; border-bottom: 1px solid #d9e6db; background: #f2f7f1; color: #315a47; font-size: clamp(1.2rem, 2.5vw, 1.55rem); line-height: 1.5; }
h3 { margin: 1.5rem auto .5rem; color: #527661; font-size: 1.1rem; }
p { max-width: 860px; margin: 1rem auto; line-height: 1.95; }
ul, ol { max-width: 820px; padding: 1rem 1.4rem 1rem 2.2rem; background: #fbfcf8; border: 1px solid #e0eadf; border-radius: 10px; line-height: 1.9; }
img { display: block; max-width: min(100%, 860px); height: auto; margin: 1.2rem auto; border-radius: 12px; box-shadow: 0 6px 20px rgba(35,70,50,.12); }
main .shell article { max-width: 860px; margin-inline: auto; }
main .shell article h1 { font-size: clamp(1.8rem, 4vw, 2.8rem); line-height: 1.35; letter-spacing: .02em; color: #254b3b; margin: .4rem 0 1.4rem; }
main .shell article h2 { margin: 2.2rem 0 .8rem; padding: .65rem .9rem; border-left: 5px solid #7fa88f; border-bottom: 1px solid #d9e6db; background: #f2f7f1; color: #315a47; font-size: clamp(1.2rem, 2.5vw, 1.55rem); line-height: 1.5; }
main .shell article h3 { margin: 1.5rem 0 .5rem; color: #527661; font-size: 1.1rem; }
main .shell article p { line-height: 1.95; color: #3b4740; }
main .shell article ul, main .shell article ol { padding: 1rem 1.4rem 1rem 2.2rem; background: #fbfcf8; border: 1px solid #e0eadf; border-radius: 10px; line-height: 1.9; }
main .shell article li::marker { color: #7b9c83; }
main .shell article blockquote { margin: 1.5rem 0; padding: 1rem 1.2rem; border-left: 4px solid #c79c62; background: #fff9ee; color: #5a4b39; border-radius: 0 8px 8px 0; }
main .shell article code { padding: .12em .35em; border-radius: 4px; background: #eef2ed; color: #315a47; font-size: .92em; }
main .shell article img { display: block; width: 100%; height: auto; margin: 1.2rem auto; border-radius: 12px; box-shadow: 0 6px 20px rgba(35,70,50,.12); }
main .shell article figure { margin: 1.8rem 0; }
main .shell article figcaption { margin-top: -.6rem; text-align: center; color: #718078; font-size: .88rem; }
main .shell article .eyebrow { color: #7a9b83; font-weight: 700; letter-spacing: .08em; }
main .shell article .lead { font-size: 1.08rem; color: #53665a; padding: 1rem 1.1rem; background: linear-gradient(90deg,#f0f6ed,#fff); border-radius: 10px; }
main .shell article hr { border: 0; border-top: 1px solid #dbe6dc; margin: 2rem 0; }