/* Mood page only. One rail owns all four panels at every breakpoint. */
.wall-section-main[data-wall-section="mood"] .mood-page-composition{display:grid;grid-template-columns:minmax(0,3.05fr) minmax(360px,1fr);grid-template-rows:max-content minmax(0,1fr);column-gap:18px;align-items:start;padding-bottom:30px}
.mood-page-composition>.mood-page-hero{grid-column:1;grid-row:1;overflow:visible;border:0;background:none}
.wall-section-main .mood-page-composition .wall-hero-inner{width:100%;margin:0}
.mood-page-composition .mood-page-hero .wall-hero-copy{width:42%}
.mood-page-composition .mood-page-hero .wall-hero-art{left:40%;width:57%}
.wall-section-main .mood-page-composition>.mood-section-layout{grid-column:1;grid-row:2;display:block;width:100%;margin:0;padding-bottom:0}
.wall-section-main[data-wall-section="mood"] .mood-reference-rail{grid-column:2;grid-row:1 / 3;display:grid;grid-template-columns:1fr;gap:12px;margin:12px 0 0;position:relative;z-index:8;min-width:0;align-self:start}
.wall-section-main[data-wall-section="mood"] .mood-reference-rail>.section-side-card{position:relative;display:block;inset:auto;width:100%;min-width:0;height:auto;min-height:0;margin:0;padding:14px 20px;overflow:visible;border:1px solid #dfc8a8;border-radius:7px;background:rgba(255,251,244,.95);box-shadow:0 2px 5px #7550200b,inset 0 0 0 4px #c5a4720b;color:#29231e}
.wall-section-main[data-wall-section="mood"] .mood-reference-rail>.section-side-card h2{display:flex;align-items:center;gap:9px;margin:0 0 10px;padding:0;border:0;color:#29231e;font-size:18px;font-weight:600;line-height:1.5;letter-spacing:.04em}
.mood-reference-rail .mood-rail-icon{display:inline-block;width:19px;height:22px;flex:none;fill:currentColor;color:#a47b37;vertical-align:middle}
.wall-section-main[data-wall-section="mood"] .mood-reference-rail>.mood-summary-card{min-height:209px}
.mood-reference-rail .hero-mood-body{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:24px;margin:2px 0 12px}
.mood-reference-rail .hero-mood-donut{width:116px;height:116px;background:conic-gradient(#83aaa8 0 37.8%,#faf1de 37.8% 38.2%,#cf9367 38.2% 65.8%,#faf1de 65.8% 66.2%,#f0c36c 66.2% 85.8%,#faf1de 85.8% 86.2%,#b5b8bf 86.2% 99.8%,#faf1de 99.8%)}
.mood-reference-rail .hero-mood-donut::after{inset:29px;background:#fbf6ec}
.mood-reference-rail .hero-mood-panel ul{font-size:13px;gap:9px;color:#29231e}
.mood-reference-rail .hero-mood-panel li{min-width:0;grid-template-columns:8px minmax(0,1fr) auto;gap:7px;white-space:nowrap;line-height:1.3}
.mood-reference-rail .hero-mood-panel li:nth-child(2) i{background:#a8a4b0}
.mood-reference-rail .hero-mood-panel li:nth-child(4) i{background:#d7aa70}
.wall-section-main[data-wall-section="mood"] .mood-reference-rail .hero-mood-panel>p{margin:0;font-size:11px;line-height:1.5;color:#867664;text-align:left}
.wall-section-main[data-wall-section="mood"] .mood-reference-rail>.mood-temperature-card{min-height:201px;padding:14px 12px 12px}
.mood-reference-rail .mood-temperature-card h2{margin-left:8px!important;margin-bottom:0!important}
.mood-temperature-svg{display:block;width:100%;height:auto;overflow:visible;font-family:STSong,SimSun,serif;font-size:10px;color:#554b40}
.temperature-axis,.temperature-ticks{fill:none;stroke:#cbb38e;stroke-width:.6}
.temperature-area{fill:#d9aa5220;stroke:none}
.temperature-curve{fill:none;stroke:#c88f32;stroke-width:1.6}
.temperature-points{fill:#dca64b;stroke:#b47a2a;stroke-width:.65}
.temperature-y{fill:#625347;text-anchor:end}
.temperature-x{fill:#493e32;text-anchor:middle}
.temperature-tip path{fill:#f0dfc0}
.temperature-tip text{text-anchor:middle;fill:#665132;font-size:10px}
.temperature-tip .tip-value{font-size:15px}
.wall-section-main[data-wall-section="mood"] .mood-reference-rail>.warm-response-card{min-height:135px}
.mood-response-list{display:grid;gap:11px;list-style:none;padding:0;margin:0}
.mood-response-list li{display:grid;grid-template-columns:15px minmax(0,1fr) auto;gap:7px;align-items:start;font-size:12px;line-height:1.55}
.mood-response-list .mood-rail-icon{width:12px;height:17px}
.mood-response-list b{display:flex;gap:5px;align-items:center;white-space:nowrap;font-size:11px;font-weight:400}
.mood-response-list b .mood-rail-icon{color:#aa4822;width:11px;height:14px}
.wall-section-main[data-wall-section="mood"] .mood-reference-rail>.helper-card{min-height:141px}
.wall-section-main[data-wall-section="mood"] .mood-reference-rail .helper-card h2{font-size:16px;line-height:1.4;letter-spacing:0;margin-bottom:8px}
.mood-reference-rail .helper-card h2>.mood-rail-icon{width:28px;height:32px;align-self:center}
.wall-section-main[data-wall-section="mood"] .mood-reference-rail .helper-card p{margin:0 0 10px;font-size:12px;line-height:1.6;color:#494035}
.mood-reference-rail .helper-card a{display:flex;gap:8px;min-height:36px;border:1px solid #7b4d32;color:#32281d;background:transparent;font-size:14px}
.mood-reference-rail .helper-card a .mood-rail-icon{width:17px;height:18px;color:#80582d}
.mood-reference-rail .helper-card a:hover{background:#efe2cb}
.mood-reference-rail .helper-card a:focus-visible{outline:2px solid #7d1825;outline-offset:3px}
@media(min-width:1900px){
 .wall-section-main[data-wall-section="mood"] .mood-reference-rail>.section-side-card{padding:18px 24px}
 .wall-section-main[data-wall-section="mood"] .mood-reference-rail>.mood-summary-card{min-height:242px}
 .mood-reference-rail .hero-mood-body{grid-template-columns:142px minmax(0,1fr);gap:30px;margin:10px 0 16px}
 .mood-reference-rail .hero-mood-donut{width:142px;height:142px}
 .mood-reference-rail .hero-mood-donut::after{inset:35px}
 .mood-reference-rail .hero-mood-panel ul{font-size:15px;gap:12px}
 .wall-section-main[data-wall-section="mood"] .mood-reference-rail>.section-side-card h2{font-size:21px}
 .mood-response-list li{font-size:15px;line-height:1.6}
 .mood-response-list b{font-size:13px}
 .wall-section-main[data-wall-section="mood"] .mood-reference-rail .helper-card h2{font-size:19px}
 .wall-section-main[data-wall-section="mood"] .mood-reference-rail .helper-card p{font-size:14px}
 .mood-reference-rail .helper-card a{font-size:16px;min-height:42px}
}
@media(max-width:1420px) and (min-width:1051px){
 .wall-section-main[data-wall-section="mood"] .mood-page-composition{grid-template-columns:minmax(0,1fr) 330px}
 .mood-page-composition .mood-page-hero .wall-hero-copy{width:60%}
 .mood-page-composition .mood-page-hero .wall-hero-art{left:48%;width:52%}
 .mood-reference-rail .hero-mood-body{gap:14px;grid-template-columns:108px minmax(0,1fr)}
 .mood-reference-rail .hero-mood-donut{width:108px;height:108px}
 .wall-section-main[data-wall-section="mood"] .mood-reference-rail>.section-side-card{padding-inline:14px}
}
@media(max-width:1050px){
 .wall-section-main[data-wall-section="mood"] .mood-page-composition{display:block}
 .mood-page-composition .mood-page-hero .wall-hero-copy{width:58%}
 .mood-page-composition .mood-page-hero .wall-hero-art{left:auto;right:-12%;width:64%}
 .wall-section-main[data-wall-section="mood"] .mood-reference-rail{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}
 .wall-section-main[data-wall-section="mood"] .mood-reference-rail>.section-side-card{grid-column:auto}
}
@media(max-width:700px){
 .mood-page-composition .mood-page-hero .wall-hero-copy{width:100%}
 .mood-page-composition .mood-page-hero .wall-hero-art{right:-30%;width:105%}
 .wall-section-main[data-wall-section="mood"] .mood-reference-rail{grid-template-columns:1fr}
}
/* Explicitly supersede the legacy nth-child fixed-height rules. */
.wall-section-main[data-wall-section="mood"] .mood-reference-rail.section-sidebar>.section-side-card:nth-child(n){height:auto;min-height:var(--mood-card-height,0);overflow:visible}
.mood-reference-rail .mood-summary-card{--mood-card-height:209px}
.mood-reference-rail .mood-temperature-card{--mood-card-height:201px}
.mood-reference-rail .warm-response-card{--mood-card-height:135px}
.mood-reference-rail .helper-card{--mood-card-height:141px}
@media(min-width:1900px){.mood-reference-rail .mood-summary-card{--mood-card-height:242px}}
