/* Three lightweight, code-drawn scenes continue the site's cream / green palette. */
.numerology-nature-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0 30px;padding-bottom:24px;border-bottom:1px solid #e2e7d6}
.numerology-nature-strip figure{margin:0;min-width:0;text-align:center;position:relative}
.numerology-nature-strip figure:not(:last-child):after{content:"";position:absolute;top:37%;right:-13px;width:8px;height:8px;border-top:1px solid #a6b680;border-right:1px solid #a6b680;transform:rotate(45deg)}
.numerology-nature-strip img{display:block;width:100%;height:auto;aspect-ratio:320 / 220;object-fit:contain}
.numerology-nature-strip figcaption small{font:600 9px/1.6 "Noto Sans TC",sans-serif;letter-spacing:.12em;color:#8b9c70}
.numerology-nature-strip figcaption h5{font:600 17px/1.7 "Noto Serif TC",serif;color:#526d41;margin:5px 0 7px}
.why-subtopic .numerology-nature-strip figcaption p{font:400 12px/1.9 "Noto Sans TC",sans-serif;color:#7b856c;margin:0;letter-spacing:0}
@media(max-width:600px){.numerology-nature-strip{grid-template-columns:1fr;gap:20px;margin:22px 0;padding-bottom:22px}.numerology-nature-strip figure{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;text-align:left}.numerology-nature-strip figure:not(:last-child):after{display:none}.numerology-nature-strip figcaption h5{font-size:17px}.numerology-nature-strip figcaption small{font-size:8px}}

/* A complete editorial scene introduces the personal blueprint before the nature studies. */
.numerology-blueprint-scene{margin:28px 0 30px;overflow:hidden;border:1px solid #e2e7d3;border-radius:20px;background:#faf8ee}
.numerology-blueprint-scene img{display:block;width:100%;height:auto;object-fit:contain}
.numerology-blueprint-scene figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 22px;border-top:1px solid #e4e7d7;background:#f4f6eb;color:#647954;font:500 13px/1.8 "Noto Sans TC",sans-serif}
.numerology-blueprint-scene figcaption small{font:600 9px/1.6 "Noto Sans TC",sans-serif;letter-spacing:.13em;color:#8e9b76}
@media(max-width:600px){.numerology-blueprint-scene{margin:23px 0;border-radius:14px}.numerology-blueprint-scene figcaption{display:block;padding:12px 16px;font-size:12px}.numerology-blueprint-scene figcaption small{display:block;margin-bottom:4px;font-size:8px}}

/* Match the existing seasons / growth vector illustration family. */
.numerology-concept-scene{margin:26px 0 28px;min-width:0}
.numerology-concept-scene img{display:block;width:100%;height:auto;aspect-ratio:720 / 300;object-fit:contain}
.why-profession .numerology-concept-scene{background:#ffffff66;border:1px solid #dce5c8;border-radius:20px;padding:8px}
@media(max-width:600px){.numerology-concept-scene{margin:22px -8px}.why-profession .numerology-concept-scene{padding:3px;border-radius:14px}}
.numerology-concept-scene img[src*="understand-yourself"]{aspect-ratio:900 / 500}
.numerology-orbit-key{text-align:center;padding:12px 14px 0;font-family:"Noto Sans TC",sans-serif;color:#6c8054}
.numerology-orbit-key b{display:block;font-size:14px;font-weight:600;line-height:1.8}
.numerology-orbit-key span{display:block;margin-top:5px;font-size:11px;line-height:1.9;color:#899275}
@media(max-width:600px){.numerology-orbit-key b{font-size:13px}.numerology-orbit-key span{font-size:11px}.numerology-concept-scene img[src*="understand-yourself"]{min-height:210px}}