/* Compact visual module. All approved copy stays in HTML; fees and terms stay visible. */
#online-salon.salon-compact{padding-top:45px;padding-bottom:45px;background:#f5f8f2}
#online-salon.salon-compact .salon-visual-banner{display:grid;grid-template-columns:132px minmax(0,1fr) 240px;gap:28px;align-items:center;background:#fff;border:1px solid #d5dfcd;border-top:2px solid #c5a45a;padding:24px 28px}
#online-salon.salon-compact .salon-portrait{width:132px;margin:0;background:#f9fbf5;border:1px solid #e0e6d9}
#online-salon.salon-compact .salon-portrait img{display:block;width:100%;height:auto;object-fit:contain}
#online-salon.salon-compact .salon-banner-copy{min-width:0}
#online-salon.salon-compact .eyebrow{font-size:10px;letter-spacing:.13em;margin:0 0 9px}
#online-salon.salon-compact #salon-heading{margin:0 0 13px;font-size:18px;line-height:1.7;letter-spacing:.02em}
#online-salon.salon-compact .salon-host-name{display:block;font-size:14px;line-height:1.9;margin-bottom:2px}
#online-salon.salon-compact .rich-mind-name{display:inline;font-size:34px;line-height:1.4;letter-spacing:.025em;margin:0 12px 0 0}
#online-salon.salon-compact .rich-mind-name>span{color:#9b8148}
#online-salon.salon-compact .salon-school-name{display:inline-block;font-size:17px;white-space:nowrap}
#online-salon.salon-compact .rich-mind-catch{font-size:17px;line-height:1.95;margin:0;max-width:510px}
#online-salon.salon-compact .rich-mind-break{display:none}
#online-salon.salon-compact .salon-banner-price{text-align:center;border-left:1px solid #dfdfca;padding:12px 0 12px 24px}
#online-salon.salon-compact .salon-banner-price .tag{font-size:10px;line-height:1.8;margin-bottom:7px}
#online-salon.salon-compact .rich-mind-fee{font-size:16px;line-height:1.9;margin:0}
#online-salon.salon-compact .rich-mind-fee strong{font-size:33px;line-height:1.5;font-weight:500}
#online-salon.salon-compact .rich-mind-fee>span{display:block;font-size:16px;line-height:1.8}
#online-salon.salon-compact .rich-mind-section-title{font-size:21px;margin:26px 0 17px;line-height:1.8}
#online-salon.salon-compact .rich-mind-features{gap:15px;align-items:start}
#online-salon.salon-compact .rich-mind-feature{padding:0;border:1px solid #d5dfcd;background:#fff;min-width:0}
#online-salon.salon-compact .salon-feature-detail{margin:0;border:0;background:#fff}
#online-salon.salon-compact .salon-feature-detail>summary{list-style:none;padding:19px 18px;min-height:156px}
#online-salon.salon-compact .salon-feature-detail>summary::-webkit-details-marker{display:none}
#online-salon.salon-compact .salon-feature-head{display:grid;grid-template-columns:37px minmax(0,1fr) 13px;gap:12px;align-items:center;font-weight:500;font-size:17px;line-height:1.85;letter-spacing:0;margin:0}
#online-salon.salon-compact .salon-feature-icon{color:#947b43;display:block;text-align:center;min-width:0}
#online-salon.salon-compact .salon-feature-icon svg{display:block;width:36px;height:36px;margin:auto}
#online-salon.salon-compact .rich-mind-number{display:block;font:11px/1.8 var(--roman);letter-spacing:.1em;color:#8d7848;margin:4px 0 0}
#online-salon.salon-compact .rich-mind-schedule{display:block;font-size:12px;line-height:1.9;margin:0 0 8px;color:#5c7662;min-height:3.8em}
#online-salon.salon-compact .salon-feature-title{display:block;font-size:17px;line-height:1.85;min-height:3.7em}
#online-salon.salon-compact .salon-feature-arrow{color:#8f7a46;font:23px/1 var(--roman);align-self:center}
#online-salon.salon-compact .salon-feature-arrow:before{content:'+'}
#online-salon.salon-compact .salon-feature-detail[open] .salon-feature-arrow:before{content:'−'}
#online-salon.salon-compact .salon-feature-detail[open]>summary{background:#f0f8ee;border-bottom:1px solid #dce4d4}
#online-salon.salon-compact .salon-feature-detail>ul{padding:19px 23px 22px 37px;margin:0;font-size:16px;line-height:2}
#online-salon.salon-compact .salon-feature-detail>ul li{font-size:16px;margin:0 0 7px;line-height:2}
#online-salon.salon-compact .rich-mind-note{font-size:13px;line-height:2;margin:13px 0 20px}
#online-salon.salon-compact .rich-mind-membership{max-width:none;margin:0;padding:20px 24px;background:#fff;border:1px solid #d5dfcd}
#online-salon.salon-compact .rich-mind-membership h3{font-size:19px;line-height:1.9;margin:0 0 10px}
#online-salon.salon-compact .rich-mind-membership>ul{display:grid;grid-template-columns:1fr 1fr;gap:3px 32px;padding-left:18px;margin:0;font-size:15px;line-height:2}
#online-salon.salon-compact .rich-mind-membership>ul li{margin:0;font-size:15px;line-height:2}
#online-salon.salon-compact .salon-about{border:0;border-bottom:1px solid #d2dcc8;background:transparent;margin:15px 0 0}
#online-salon.salon-compact .salon-about>summary{padding:12px 0;min-height:45px;font-size:15px;line-height:1.9;color:#4c6e53}
#online-salon.salon-compact .salon-about-body{padding:20px 0 0;font-size:16px;line-height:2.1;max-width:900px;margin:auto}
#online-salon.salon-compact .salon-about-body>p{font-size:16px;line-height:2.1}
#online-salon.salon-compact .rich-mind-closing{margin:25px 0 0;text-align:left}
#online-salon.salon-compact .rich-mind-closing h3{font-size:22px;line-height:1.95}
#online-salon.salon-compact .rich-mind-closing p{font-size:16px;line-height:2.1}
@media(max-width:1080px) and (min-width:751px){#online-salon.salon-compact .salon-visual-banner{grid-template-columns:110px minmax(0,1fr) 205px;gap:20px;padding:23px}#online-salon.salon-compact .salon-portrait{width:110px}#online-salon.salon-compact .rich-mind-name{font-size:29px}#online-salon.salon-compact .salon-school-name{font-size:16px}#online-salon.salon-compact .rich-mind-fee strong{font-size:29px}#online-salon.salon-compact .salon-feature-head{grid-template-columns:29px minmax(0,1fr) 12px;gap:8px}#online-salon.salon-compact .salon-feature-icon svg{width:29px;height:29px}#online-salon.salon-compact .salon-feature-detail>summary{padding:17px 13px}#online-salon.salon-compact .salon-feature-title{font-size:16px;min-height:5.55em}}
@media(max-width:750px){
 #online-salon.salon-compact{padding-top:34px;padding-bottom:34px}
 #online-salon.salon-compact .salon-visual-banner{grid-template-columns:80px minmax(0,1fr);gap:15px;padding:20px 17px}
 #online-salon.salon-compact .salon-portrait{width:80px;align-self:start}
 #online-salon.salon-compact .eyebrow{font-size:8px;letter-spacing:.08em;margin-bottom:5px}
 #online-salon.salon-compact .salon-host-name{font-size:13px}
 #online-salon.salon-compact .rich-mind-name{font-size:27px;display:block;white-space:nowrap;margin:0 0 3px}
 #online-salon.salon-compact .salon-school-name{font-size:15px}
 #online-salon.salon-compact #salon-heading{margin-bottom:10px}
 #online-salon.salon-compact .rich-mind-catch{font-size:15px;line-height:2;grid-column:1/-1}
 #online-salon.salon-compact .salon-banner-price{grid-column:1/-1;border-left:0;border-top:1px solid #dfdfca;padding:12px 0 0;text-align:center}
 #online-salon.salon-compact .salon-banner-price .tag{display:none}
 #online-salon.salon-compact .rich-mind-fee{font-size:15px;line-height:1.9}
 #online-salon.salon-compact .rich-mind-fee strong{font-size:29px;line-height:1.5}
 #online-salon.salon-compact .rich-mind-fee>span{display:inline-block;font-size:15px;margin-left:5px}
 #online-salon.salon-compact .rich-mind-section-title{font-size:20px;margin:22px 0 13px}
 #online-salon.salon-compact .rich-mind-features{grid-template-columns:1fr;gap:11px}
 #online-salon.salon-compact .salon-feature-detail>summary{min-height:97px;padding:16px}
 #online-salon.salon-compact .salon-feature-head{grid-template-columns:36px minmax(0,1fr) 13px;gap:12px}
 #online-salon.salon-compact .rich-mind-schedule{font-size:12px;line-height:1.85;min-height:0;margin-bottom:5px}
 #online-salon.salon-compact .salon-feature-title{font-size:16px;line-height:1.9;min-height:0}
 #online-salon.salon-compact .salon-feature-detail>ul{padding:18px 23px 21px 36px}
 #online-salon.salon-compact .rich-mind-note{font-size:12px;line-height:1.95;margin:12px 0 18px}
 #online-salon.salon-compact .rich-mind-membership{padding:19px 19px}
 #online-salon.salon-compact .rich-mind-membership h3{font-size:18px}
 #online-salon.salon-compact .rich-mind-membership>ul{grid-template-columns:1fr;gap:5px;padding-left:18px}
 #online-salon.salon-compact .rich-mind-membership>ul li{font-size:15px;line-height:2}
 #online-salon.salon-compact .salon-about>summary{font-size:14px;min-height:47px}
 #online-salon.salon-compact .salon-about-body{padding-top:18px;font-size:16px}
 #online-salon.salon-compact .rich-mind-closing h3{font-size:21px}
}
@media(max-width:360px){#online-salon.salon-compact .salon-visual-banner{grid-template-columns:66px minmax(0,1fr);gap:12px;padding:18px 14px}#online-salon.salon-compact .salon-portrait{width:66px}#online-salon.salon-compact .rich-mind-name{font-size:24px}#online-salon.salon-compact .salon-feature-head{grid-template-columns:30px minmax(0,1fr) 12px;gap:9px}#online-salon.salon-compact .salon-feature-icon svg{width:30px;height:30px}}