/* Learning-help page only: reference composition and fully visible content. */
.wall-section-main[data-wall-section="study"] .study-reference{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}
.study-reference>.section-hero{grid-column:1;grid-row:1;background:none;border:0;overflow:visible}
.wall-section-main .study-reference .wall-hero-inner{width:100%;margin:0;min-height:252px}
.study-reference .section-hero .wall-hero-copy{width:42%;padding:18px 0 20px 12px}
.study-reference .section-hero .wall-hero-art{left:40%;right:auto;width:57%;height:278px;bottom:-22px}
.study-reference .wall-title-row h1{font-size:48px;font-weight:500;color:#302419}
.study-reference .wall-hero-copy>p{margin:10px 0 14px;font-size:16px;letter-spacing:.09em}
.study-reference .wall-hero-actions{gap:14px}
.study-reference .wall-btn{min-width:170px;min-height:46px;padding:9px 20px;font-size:16px}
.wall-section-main .study-reference>.section-layout{display:block;grid-column:1;grid-row:2;width:100%;padding:14px 0 0;margin:0}
main.wall-main.wall-section-main[data-wall-section="study"] .study-reference>.study-reference-rail{grid-column:2;grid-row:1 / 3;display:grid;grid-template-columns:1fr;gap:12px;position:relative;z-index:8;margin:12px 0 0;min-width:0}
.wall-section-main[data-wall-section="study"] .study-reference-rail.section-sidebar>.section-side-card:nth-child(n){height:auto;min-height:0;overflow:visible;padding:18px 20px;border:1px solid #dfc9ae;border-radius:7px;background:rgba(255,251,245,.94);color:#2f2820}
.wall-section-main[data-wall-section="study"] .study-reference-rail.section-sidebar>.section-side-card:nth-child(1){min-height:252px}
.wall-section-main[data-wall-section="study"] .study-reference-rail.section-sidebar>.section-side-card:nth-child(2){min-height:225px}
.wall-section-main[data-wall-section="study"] .study-reference-rail.section-sidebar>.section-side-card:nth-child(3){min-height:205px}
.wall-section-main[data-wall-section="study"] .study-reference-rail.section-sidebar h2{display:flex;gap:10px;align-items:center;margin:0 0 10px;padding:0;border:0;color:#29231e;font-size:18px;line-height:1.5;font-weight:600}
.study-icon{display:inline-block;width:18px;height:18px;flex:none;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.study-reference-rail h2 .study-icon{color:#a5722b;width:20px;height:22px}
.study-reference-rail .leader-list{gap:8px}
.study-reference-rail .leader-list li{display:grid;grid-template-columns:23px minmax(0,1fr) auto;gap:12px;font-size:14px;color:#30271f;line-height:1.5}
.study-reference-rail .leader-list li>b{width:22px;height:22px;background:#d5a02e;box-shadow:inset 0 0 0 1px #fffbf1;border:1px solid #ce9c47;font-size:14px}
.study-reference-rail .leader-list li:nth-child(2)>b{background:#9a9da5;border-color:#9a9da5}
.study-reference-rail .leader-list li:nth-child(3)>b{background:#a76531;border-color:#a76531}
.study-reference-rail .leader-list li:nth-child(n+4)>b{border:0;border-radius:3px;box-shadow:none;color:#645541;background:#eee7db}
.study-reference-rail .leader-list strong{font-weight:500;letter-spacing:.1em}
.study-reference-rail .leader-list span{font-size:12px;color:#4c4035}
.study-reference-rail .side-note{display:block;margin:12px 0 0;color:#877362;font-size:11px;line-height:1.5}
.study-reference-rail .question-list{gap:12px}
.study-reference-rail .question-list li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:7px;font-size:12px;line-height:1.45}
.study-reference-rail .question-list button{border:0;padding:0;background:none;color:#30271f;text-align:left;font:inherit;cursor:pointer}
.study-reference-rail .question-list button:hover{text-decoration:underline;color:#7d1825}
.study-reference-rail .question-list time{font-size:10px;color:#796d60;white-space:nowrap}
.study-reference-rail .question-list i{width:7px;height:7px;border:1px solid #a97a3a;border-radius:50%;background:#c69443}
.study-reference-rail .question-list li:nth-child(4) i{background:#817289;border-color:#72617b}
.study-reference-rail .question-list li:nth-child(5) i{background:#7c8caa;border-color:#647691}
.study-reference-rail .side-text-link{display:block;margin-top:15px;text-align:center;font-size:12px;color:#48382b}
.study-reference-rail .reminder-list{display:grid;gap:11px;margin:0;padding:0;list-style:none}
.study-reference-rail .reminder-list li{display:flex;gap:10px;padding:0;color:#362c23;font-size:12px;line-height:1.6}
.study-reference-rail .reminder-list li:before{display:none}
.study-reference-rail .reminder-list .study-icon{color:#ae762d;width:19px;height:20px}
.wall-section-main[data-wall-section="study"] .study-reference-rail .study-reminder-card>p{display:flex;justify-content:center;align-items:center;gap:8px;margin:19px 0 0;color:#4b3524;font-size:12px;line-height:1.5;text-align:center}
.study-reference-rail .study-reminder-card>p .study-icon{color:#b87829}
.study-reference .section-toolbar{padding:0;margin-bottom:12px}
.study-reference .section-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.study-reference .section-tabs a{min-height:43px;padding:0;font-size:14px}
.study-reference .wall-tools-row{padding:9px;gap:12px;align-items:center}
.study-reference .wall-search{max-width:none;height:38px;flex:1;min-width:0}
.study-reference .wall-search input{font-size:inherit;min-width:0}
.study-reference .wall-tools-row select{width:160px;height:38px;margin-left:0;font-size:14px}
.study-reference .filter-pills{gap:12px;margin:0 0 12px;padding:4px 2px}
.study-reference .filter-pills button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:105px;padding:8px 17px;font-size:12px;line-height:normal;background:#fffaf2}
.study-reference .filter-pills button.is-active{background:#620e1c;color:#fff8ee}
.study-reference .filter-pills .study-icon{color:#9c743b;width:17px;height:17px}
.study-question-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1.86fr);gap:8px;align-items:stretch}
.study-other-questions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;min-width:0}
.wall-section-main .study-reference .section-card{min-width:0;min-height:0;padding:12px 13px 9px;color:#29241f;background:rgba(255,252,247,.7);box-shadow:none;position:relative}
.study-other-questions>.section-card{grid-column:span 2}
.study-other-questions>.study-upper-card{grid-column:span 3}
.study-reference .section-card header{grid-template-columns:22px auto 1fr auto;gap:6px;font-size:10px;letter-spacing:0}
.study-reference .section-card header b{font-size:12px;color:#403021;white-space:nowrap}
.study-reference .section-card header time{text-align:left;white-space:nowrap;font-size:10px}
.study-reference .section-card header em{padding:3px 7px;background:#e0e5ed;color:#344861;border-radius:6px;font-size:10px;line-height:1.4}
.study-reference .section-card header em.is-solved{color:#536240;background:#e3e8d8}
.study-reference .section-card header em.is-featured{color:#916423;background:#f5dfbc}
.study-reference .mini-avatar{width:22px;height:22px;background:#eee0cb;color:#b69972}
.study-reference .mini-avatar .study-icon{width:14px;height:14px;fill:#b69972;stroke:#fffaef;stroke-width:.8}
.wall-section-main .study-reference .section-card h2{margin:10px 0 5px;font-size:16px;line-height:1.5;color:#241e1a;font-weight:600;letter-spacing:0}
.wall-section-main .study-reference .section-card p{margin:0 0 8px;font-size:13px;line-height:1.6;letter-spacing:.015em;color:#312923}
.study-reference .study-question-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px 10px;margin-top:auto;padding-top:8px;color:#433a30;font-size:10px}
.study-question-actions button,.study-answer-thread button{display:inline-flex;align-items:center;gap:3px;border:0;background:none;padding:0;color:inherit;font:inherit;cursor:pointer}
.study-question-actions .study-icon{width:12px;height:12px}
.study-question-actions button.is-selected,.study-answer-thread button.is-selected{color:#801727}
.study-reference .study-feature-card{padding-bottom:0;border-color:#a78370;min-height:338px}
.study-feature-answer{display:flex;gap:30px;align-items:center;margin:3px 0 8px;font-size:11px;color:#42372c}
.study-reference .reply-primary{margin:0;padding:5px 22px;font-size:13px;background:#610e1b;border:1px solid #906254;color:#fff4df}
.study-answer-thread{margin:0 -13px;padding:8px 13px 0;border-top:1px solid #e6d7c6;background:#e9dbca16;position:relative}
.study-answer-thread:before{content:"";position:absolute;right:-1px;top:-7px;border-left:6px solid #b38a44;border-top:6px solid transparent;border-bottom:6px solid transparent}
.study-answer-thread h3{margin:0 0 7px;color:#742b2a;font-size:12px;font-weight:500}
.study-answer-thread article{margin:0 0 7px}
.study-reference .study-answer-thread header{display:flex;font-size:10px}
.study-reference .study-answer-thread header b{font-size:11px}
.study-reference .study-answer-thread p{padding-left:28px;font-size:11px;line-height:1.55;margin-bottom:0}
.study-answer-thread button{display:flex;margin-left:auto;font-size:10px;gap:8px}
.study-answer-thread button .study-icon{width:14px;height:14px;color:#862131}
.study-answer-thread>small{display:block;margin:8px -13px 0;padding:7px 13px;border-top:1px solid #ebdac6;color:#a2825a;font-size:10px}
.study-reference .wall-pagination{margin:18px 0;gap:5px}
.study-reference .wall-pagination button{width:34px;height:34px;font-size:14px}
.study-reference button:focus-visible,.study-reference a:focus-visible{outline:2px solid #7d1825;outline-offset:3px}
.study-question-layout.is-filtered{display:block}
.study-question-layout.is-filtered .study-other-questions{grid-template-columns:repeat(2,minmax(0,1fr))}
.study-question-layout.is-filtered .study-other-questions>.section-card{grid-column:auto}
.study-reference [hidden]{display:none!important}
.study-reply-dialog{width:min(520px,calc(100% - 40px));padding:24px;border:1px solid #b58c51;border-radius:6px;color:#392c20;background:#fff9ee;font-family:inherit}
.study-reply-dialog::backdrop{background:#061626aa}
.study-reply-dialog h2{font-size:20px;padding-right:20px}
.study-reply-dialog textarea{display:block;width:100%;min-height:150px;margin:15px 0;border:1px solid #bda786;background:#fffdf8;padding:12px;font:inherit}
.study-reply-dialog small{display:block;margin-bottom:16px;color:#87715d}
.study-dialog-close{float:right;border:0;background:none;font-size:22px;cursor:pointer}
.wall-section-main[data-wall-section="study"]>.section-floating .study-icon{width:30px;height:32px}
@media(min-width:1900px){
 .study-reference .section-hero .wall-hero-copy{padding-top:22px;padding-bottom:24px}





 .wall-section-main .study-reference .section-card{padding:16px 18px 12px}
 .study-reference .section-card header b{font-size:15px}
 .study-reference .section-card header time,.study-reference .section-card header em{font-size:12px}
 .wall-section-main .study-reference .section-card h2{font-size:19px}
 .wall-section-main .study-reference .section-card p{font-size:16px;line-height:1.7}
 .study-reference .study-question-actions{font-size:12px;gap:10px 14px}
 .study-reference .study-feature-card{min-height:410px}
 .study-reference .study-answer-thread{margin-inline:-18px;padding-inline:18px}
 .study-reference .study-answer-thread p{font-size:14px}
 .study-reference .study-answer-thread header b{font-size:13px}
 .study-answer-thread h3{font-size:14px}
 .study-answer-thread>small{font-size:12px;margin-inline:-18px;padding-inline:18px}
 .study-reference-rail .leader-list li{font-size:16px;min-height:24px}
 .study-reference-rail .leader-list span,.study-reference-rail .question-list li,.study-reference-rail .reminder-list li{font-size:15px}
 .study-reference-rail .question-list time{font-size:12px}
 .wall-section-main[data-wall-section="study"] .study-reference-rail.section-sidebar h2{font-size:21px}
 .wall-section-main[data-wall-section="study"] .study-reference-rail.section-sidebar>.section-side-card:nth-child(n){padding:18px 24px}
 .wall-section-main[data-wall-section="study"] .study-reference-rail .study-reminder-card>p{font-size:14px}
}
@media(max-width:1250px){

 .study-reference .section-hero .wall-hero-copy{width:70%}
 .study-reference .section-hero .wall-hero-art{left:48%;width:53%;opacity:.35}
 .study-reference .section-tabs a{padding-inline:9px;font-size:12px}
 .study-reference .wall-tools-row select{margin-left:0}
 .study-question-layout{grid-template-columns:1fr}
 .study-reference .study-feature-card{min-height:0}
 .study-other-questions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .study-other-questions>.section-card{grid-column:auto}
 .study-reference-rail .question-list li{font-size:11px}
}
@media(max-width:1050px){
 .wall-section-main[data-wall-section="study"] .study-reference{display:block}
 main.wall-main.wall-section-main[data-wall-section="study"] .study-reference>.study-reference-rail{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}
 .study-reference .section-hero .wall-hero-copy{width:58%}
 .study-reference .section-hero .wall-hero-art{left:auto;right:0;opacity:.7}
}
@media(max-width:700px){
 .study-reference .section-hero .wall-hero-copy{width:100%;padding-left:0}
 .study-reference .wall-title-row h1{font-size:36px}
 .study-reference .wall-hero-copy>p{font-size:14px;white-space:normal}
 .study-reference .wall-btn{min-width:0;padding:9px 12px;font-size:13px}
 .study-reference .wall-privacy{font-size:10px}
 .study-reference .section-hero .wall-hero-art{left:auto;right:-15%;width:95%;opacity:.15}
 .study-reference .section-tabs{display:grid;grid-template-columns:repeat(3,1fr)}
 .study-reference .wall-tools-row{gap:8px}
 .study-reference .wall-tools-row select{width:112px;padding-inline:4px}
 .study-reference .filter-pills{gap:7px}
 .study-reference .filter-pills button{font-size:12px;padding:6px 10px}
 .study-other-questions,.study-question-layout.is-filtered .study-other-questions{grid-template-columns:1fr}
 main.wall-main.wall-section-main[data-wall-section="study"] .study-reference>.study-reference-rail{grid-template-columns:1fr}
 .study-reference .section-card header{grid-template-columns:22px auto 1fr auto}
}
/* Compact reference rhythm, without fixed heights or clipping. */
@media (min-width:1251px) and (max-width:1899px){
 .wall-section-main[data-wall-section="study"] .study-reference-rail .leader-list{gap:8px}
 .study-reference-rail .question-list{gap:9px}
 .study-reference-rail .side-text-link{min-height:18px;margin-top:10px;border:0}
 .study-reference-rail .reminder-list{gap:8px}
 .study-reference-rail .study-reminder-card>p{padding-top:0;border:0}
}
/* Keep nested answers compact; the generic card paragraph rule must not win. */
.wall-section-main .study-reference .study-feature-card{padding-bottom:0}
.wall-section-main .study-reference .study-answer-thread p{font-size:12px;line-height:1.5;margin:0;padding-left:26px}
.study-reference .study-answer-thread header{min-height:20px}
.study-reference .study-answer-thread .mini-avatar{width:20px;height:20px}
.study-reference .study-answer-thread h3{line-height:1.5;margin-bottom:5px}
.study-reference .study-answer-thread article{margin-bottom:6px}
.study-reference .study-answer-thread button{line-height:1.5;margin-top:2px}
.study-reference .study-feature-answer{justify-content:space-between;max-width:255px;margin-bottom:8px}
.study-reference .study-other-questions{grid-template-rows:repeat(3,auto);align-content:stretch}
@media(min-width:1251px) and (max-width:1899px){
 .wall-section-main .study-reference .study-question-card:not(.study-upper-card) h2{font-size:14px;line-height:1.5}
 .wall-section-main .study-reference .study-question-card:not(.study-upper-card) p{font-size:12px;line-height:1.6}
 .study-reference .study-question-card:not(.study-upper-card) header{grid-template-columns:20px auto 1fr;gap:4px}
 .study-reference .study-question-card:not(.study-upper-card) header em{grid-column:3;grid-row:1;justify-self:end}
 .study-reference .study-question-card:not(.study-upper-card) header time{grid-column:2;grid-row:2;font-size:9px}
 .study-reference .study-question-card:not(.study-upper-card) header .mini-avatar{grid-row:1 / 3}
}
@media(min-width:1900px){
 .wall-section-main .study-reference .study-answer-thread p{font-size:14px;line-height:1.6}
 .study-reference .study-feature-answer{max-width:320px}
}

/* Use the mood page's desktop shell and control rhythm; keep the question composition. */
.study-reference .wall-privacy{margin-top:10px}
@media(min-width:1421px){
 .wall-section-main .study-reference .wall-hero-inner{min-height:270px}
 .study-reference .section-hero .wall-hero-copy{padding-top:22px;padding-bottom:24px}
 .study-reference .wall-title-row h1{font-size:52px}
 .study-reference .wall-hero-copy>p{font-size:17px}
 .study-reference .section-hero .wall-hero-art{height:294px}
 .wall-section-main .study-reference>.section-layout{padding-top:34px}
 .study-reference .section-toolbar{margin-bottom:15px}
 .study-reference .section-tabs a{min-height:46px;font-size:15px}
 .study-reference .filter-pills{gap:14px;margin-bottom:15px}
 .study-reference .filter-pills button{min-width:116px;min-height:38px;padding:9px 19px;font-size:13px}
 .wall-section-main .study-reference .study-feature-card{min-height:clamp(368px,calc(37vh + 8px),438px)}
}
@media(min-width:1051px) and (max-width:1420px){
 .wall-section-main[data-wall-section="study"] .study-reference{grid-template-columns:minmax(0,1fr) 330px}
 .study-reference .section-hero .wall-hero-copy{width:60%}
 .study-reference .section-hero .wall-hero-art{left:48%;width:52%}
}@media(max-width:700px){
 .study-reference .wall-tools-row{align-items:stretch}
 .study-reference .wall-search{width:100%;max-width:none;flex:none}
 .study-reference .wall-tools-row select{width:100%;margin:0}
}