#result-page{max-width:1360px}
#result-page .report-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px;align-items:start}
.report-main{min-width:0}
.report-sidebar{position:sticky;top:100px;align-self:start;border:1px solid #dfd2c2;border-top:4px solid #98755e;border-radius:16px;background:#fffdf8;box-shadow:0 10px 35px #6043370c;overflow:hidden;font-family:var(--sans)}
.report-nav-heading{padding:24px 22px 18px;display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center}
.report-nav-star{grid-row:span 2;font-size:34px;color:var(--wine)}
.report-nav-heading strong{font:500 20px/1.4 var(--serif);overflow-wrap:anywhere}
.report-nav-heading p{margin:4px 0 0;font:12px/1.5 var(--sans);color:#9a8471}
.report-nav-title{padding:0 22px;margin:12px 0;font:600 11px/1.5 var(--sans);letter-spacing:1.5px;color:#927b68}
#result-page .result-modules{display:flex;flex-direction:column;gap:0;margin:0;padding:0;border:0;background:none}
#result-page .result-modules button{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:64px;padding:16px 18px;border:0;border-top:1px solid #ece3d7;border-left:3px solid transparent;border-radius:0;background:transparent;text-align:left;color:var(--ink);box-shadow:none}
#result-page .result-modules button strong{font:500 14px/1.5 var(--sans)}
#result-page .result-modules .module-number{font:12px/1 var(--sans);color:#a18b77}
#result-page .result-modules .module-arrow{display:none}
#result-page .result-modules button.is-current{border-left-color:var(--wine);background:#f4ede3;color:var(--wine)}
#result-page .result-modules button:hover{background:#f8f2e9;transform:none}
.report-nav-unlock{display:block;width:calc(100% - 32px);margin:18px 16px;padding:13px 10px;border:1px solid #cbb49d;border-radius:999px;background:#795744;color:#fffaf0;font:500 12px/1.4 var(--sans);cursor:pointer}
.report-sidebar button:focus-visible{outline:2px solid var(--wine);outline-offset:-4px}
#birth-gender{box-sizing:border-box;width:100%;min-height:48px;border:0;border-radius:10px;padding:12px 14px;background:transparent;color:var(--ink);font:15px/1.5 var(--sans)}
#birth-gender:focus-visible{outline:2px solid var(--wine);outline-offset:2px}
@media(max-width:1000px){#result-page .report-layout{display:flex;flex-direction:column;gap:22px}.report-sidebar{order:-1;top:0;z-index:25;width:100%;border-top-width:2px;border-radius:12px}.report-nav-heading,.report-nav-title,.report-nav-unlock{display:none}#result-page .result-modules{flex-direction:row}#result-page .result-modules button{flex:1;min-width:0;min-height:58px;padding:12px 10px;border-top:0;border-left:0;border-bottom:3px solid transparent;gap:6px;justify-content:center}#result-page .result-modules button.is-current{border-bottom-color:var(--wine)}#result-page .result-modules button strong{font-size:12px}.report-main{width:100%}#result-page .report-section{scroll-margin-top:80px}}

#result-page .report-main > #live-charts:first-child{margin-top:0}

/* Override the explorer's original important margin at its actual border. */
#result-page .report-main > #live-charts.chart-explorer:first-child{margin-top:0!important}

.report-nav-unlock.is-unlocked{background:#f3eee5;color:#795744;border-color:#dfd2c2;cursor:default}

.report-nav-unlock.is-unlocked:disabled{opacity:1}

/* Give the whole report pair breathing room and balance the next section. */
#result-page .report-layout{margin-top:44px}
#result-page .report-main > #live-charts.chart-explorer:first-child{margin-bottom:28px!important}
#result-page .report-main > #astrology-page{padding-top:32px}
@media(max-width:1000px){#result-page .report-layout{margin-top:28px}#result-page .report-main > #astrology-page{padding-top:24px}}