.pillar-visible{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:12px}
.pillar-element{padding:12px 3px 9px;border-radius:6px;min-width:0;background:var(--pillar-color);color:var(--pillar-ink);box-shadow:inset 0 0 0 1px #00000009}
.pillar-element .pillar-char{display:block;font-size:28px;line-height:1.25;margin-bottom:8px}
.pillar-element .pillar-element-name{display:block;font-size:9px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}
:root{--fire:#e5483b;--earth:#a9774c;--metal:#e5b830;--water:#a8ddf5;--wood:#58ad69}
[data-element=Fire]{--pillar-color:var(--fire);--pillar-ink:#43100a}
[data-element=Earth]{--pillar-color:var(--earth);--pillar-ink:#fff}
[data-element=Metal]{--pillar-color:var(--metal);--pillar-ink:#493708}
[data-element=Water]{--pillar-color:var(--water);--pillar-ink:#174d67}
[data-element=Wood]{--pillar-color:var(--wood);--pillar-ink:#123a19}
.hidden-chip[data-element]{background:var(--pillar-color);color:var(--pillar-ink);font-weight:600;padding:5px 2px}
.pillar-visible+.pillar-roman{margin-bottom:0}
@media(max-width:460px){.pillar-element{padding:14px 5px}.pillar-element .pillar-char{font-size:30px}.pillar-element .pillar-element-name{font-size:10px}}
.footer-home{font-size:12px;text-underline-offset:4px;white-space:nowrap}
.atlas-page-nav{max-width:1150px;margin:24px auto;display:flex;gap:12px;flex-wrap:wrap;padding:0 20px}.atlas-page-nav a{font-size:12px;padding:10px 16px;border:1px solid var(--line);border-radius:6px;background:#fffefa;text-decoration:none}.atlas-page-nav a:hover{background:#e8eddd}
.atlas-page-nav a{background:#647e55;border-color:#647e55;color:#fff}.atlas-page-nav a:hover{background:#526a45;border-color:#526a45}

.atlas-element-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:32px;cursor:help;border-radius:6px;outline-offset:3px}.atlas-element-art{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-size:27px;font-weight:400;line-height:1.4;filter:saturate(1.2) drop-shadow(0 1px 1px #0002)}.atlas-element-tooltip{display:none;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:5px 10px;border-radius:6px;background:#26352b;color:#fff;font-family:Arial,sans-serif;font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap;z-index:20;pointer-events:none;box-shadow:0 3px 10px #0003}.atlas-element-icon:hover .atlas-element-tooltip,.atlas-element-icon:focus .atlas-element-tooltip{display:block}.hidden-chip .atlas-element-art{font-size:20px}.hidden-chip .atlas-element-icon{min-width:24px;margin-left:3px}

.atlas-element-art{display:block;width:38px;height:38px;background-image:url('/element-icons-realistic.png');background-size:300% 200%;background-repeat:no-repeat;border-radius:50%;filter:none;box-shadow:0 1px 3px #0003}.atlas-element-art[data-element="Wood"]{background-position:0% 0%}.atlas-element-art[data-element="Fire"]{background-position:50% 0%}.atlas-element-art[data-element="Earth"]{background-position:100% 0%}.atlas-element-art[data-element="Metal"]{background-position:0% 100%}.atlas-element-art[data-element="Water"]{background-position:50% 100%}.hidden-chip .atlas-element-art{width:26px;height:26px}.pillar-element .atlas-element-icon{margin-top:4px}

.atlas-element-art{border:1px solid #808080;box-sizing:border-box}


.five-elements-page{background:linear-gradient(135deg,#f3f7ed 0%,#faf4e9 50%,#eef6fb 100%)}
.five-elements-page .hero{background:linear-gradient(115deg,#edf4e6,#fff8ed 55%,#edf6fb);border-radius:0 0 24px 24px}
.five-elements-page .hero h1{color:#365d42}
.five-elements-page .birth-card{background:#fffdf5;border-top:4px solid #58ad69;box-shadow:0 6px 24px #416b3312}
.five-elements-page .master-card{background:linear-gradient(120deg,#e6f0dc,#f7edcf);border-color:#c6d5b8}
.five-elements-page .master-glyph{color:#95682e}
.five-elements-page .panel{background:#fffdf8;border-color:#ddd8c6;border-top:3px solid #a8ddf5}
.five-elements-page .panel .section-heading h3{color:#34546e}
.five-elements-page .panel .eyebrow{color:#92682e}
.five-elements-page .balance-summary{background:linear-gradient(110deg,#edf5e5,#eaf5fa);border-left:3px solid #58ad69}
.five-elements-page .paid-card{background:linear-gradient(120deg,#fff3df,#f7e6dc);border-color:#e5c5a5;border-top:3px solid #e5483b}
.five-elements-page .paid-card h3{color:#964439}
.five-elements-page .empty-card{background:linear-gradient(140deg,#fffaf0,#eef6e9);border-top:3px solid #e5b830}
.five-elements-page .preview-list span:nth-child(1){color:#3e734c}.five-elements-page .preview-list span:nth-child(2){color:#9c563f}.five-elements-page .preview-list span:nth-child(3){color:#3a6e8b}
.five-elements-page .recommendation:nth-child(odd){background:#eef5e8;border-color:#ccdcbf}.five-elements-page .recommendation:nth-child(even){background:#fdf2db;border-color:#e6d4a6}
.five-elements-page .report-sections h4{color:#34546e;border-left:3px solid #e5b830;padding-left:10px}
.five-elements-page .report-sections strong{color:#865b2c}


.gemstone-guide-entry>.atlas-element-icon{vertical-align:middle;margin-bottom:6px}

.free-report-download{margin:20px 0 24px;display:flex;justify-content:center}

.five-elements-page .paid-card #checkout.report-download{background:#b77b12;color:#fff;border-color:#a86d09}.five-elements-page .paid-card #checkout.report-download:hover{background:#946009;color:#fff;border-color:#a86d09}


.jewelry-goal-controls{padding:18px;margin:0 0 22px;border:1px solid #e2cf9d;border-radius:10px;background:#fff5dd}.jewelry-goal-controls label{display:block;margin-bottom:8px;font-weight:700;color:#865b2c}.jewelry-goal-controls select{max-width:320px}.jewelry-goal-controls p{margin:10px 0 0}

.jewelry-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,460px);gap:24px;align-items:start;margin-top:24px}.jewelry-section-heading>h4{margin:18px 0 0}.jewelry-section-heading .jewelry-goal-controls{margin:0}.jewelry-section-heading select{width:100%;max-width:none}@media(max-width:760px){.jewelry-section-heading{grid-template-columns:1fr;gap:14px}.jewelry-section-heading>h4{margin:0}}

/* Compact jewelry goal panel: two-thirds of its previous dimensions. */
.jewelry-section-heading{grid-template-columns:minmax(0,1fr) minmax(187px,307px)}.jewelry-section-heading .jewelry-goal-controls{padding:12px;border-radius:7px}.jewelry-section-heading .jewelry-goal-controls label{font-size:10.67px;margin-bottom:5px}.jewelry-section-heading .jewelry-goal-controls select{font-size:11px;padding:8px 12px;min-height:0;line-height:1.4}.jewelry-section-heading .jewelry-goal-controls p{font-size:10px;line-height:1.5;margin-top:7px}@media(max-width:760px){.jewelry-section-heading{grid-template-columns:1fr}.jewelry-section-heading .jewelry-goal-controls{width:100%;max-width:307px}}

.jewelry-design-actions{margin:20px 0 12px}.jewelry-design-button{padding:12px 20px;border:1px solid #a86d09;border-radius:8px;background:#b77b12;color:#fff;font-weight:700}.jewelry-design-button:disabled{cursor:not-allowed;opacity:.8}.jewelry-design-actions p{margin:8px 0 0}

.jewelry-goal-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.jewelry-section-heading .jewelry-goal-label-row label{margin:0;flex:1}.jewelry-goal-label-row .jewelry-design-button{padding:6px 8px;font-size:10px;line-height:1.3;flex:0 1 145px}

.jewelry-section-heading{grid-template-columns:minmax(0,1fr) minmax(300px,470px)}.jewelry-heading-tools{display:flex;align-items:center;gap:12px}.jewelry-heading-tools .jewelry-goal-controls{flex:1;min-width:0;max-width:307px}.jewelry-heading-tools>.jewelry-design-button{flex:0 0 145px;padding:10px 12px;font-size:12px;line-height:1.4}@media(max-width:760px){.jewelry-section-heading{grid-template-columns:1fr}}@media(max-width:480px){.jewelry-heading-tools{flex-wrap:wrap}.jewelry-heading-tools .jewelry-goal-controls{flex-basis:100%}}

.jewelry-heading-tools{align-items:stretch}.jewelry-heading-tools>.jewelry-design-button{align-self:stretch;display:flex;align-items:center;justify-content:center}@media(max-width:480px){.jewelry-heading-tools>.jewelry-design-button{min-height:56px}}

.pillar-element .pillar-char{margin-bottom:3px}.pillar-symbol-spelling{display:block;font-size:11px;line-height:1.4;margin-bottom:8px;color:inherit}

.hidden-stem-spelling{display:inline-block;margin-left:7px;font-size:11px;line-height:1.4;vertical-align:middle;color:inherit}

#summary{white-space:pre-line}

.report-sections p{white-space:pre-line}

.useful-element-link{color:#285778;font-weight:700;text-underline-offset:3px}.useful-element-link:hover{color:#9b7020}
.five-elements-page #gemstones .gem-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.five-elements-page #gemstones .gem-group h4{font-size:17px}
.five-elements-page #gemstones .gem strong{font-size:11px}
.five-elements-page #gemstones .gem{min-width:0}
@media(max-width:760px){.five-elements-page #gemstones .gem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.five-elements-page #gemstones .gem-grid{grid-template-columns:1fr}}
.five-elements-page .report-sections .gemstone-word{font:inherit}
.five-elements-hero-art{display:flex;align-items:center;justify-content:center}.five-elements-hero-art img{display:block;width:100%;max-width:480px;height:auto;object-fit:contain;border-radius:14px}





.reading-actions{display:flex;justify-content:flex-end;margin:0 0 12px}.delete-reading-button{border:1px solid #ad5147;border-radius:8px;background:#fff8f5;color:#8a3028;padding:10px 16px;font-size:12px;font-weight:700;cursor:pointer}.delete-reading-button:hover{background:#fce8e2}