/* Original typography and header are inherited unchanged from style.css.
   This draft adds subject buttons, a small profile portrait and preview labels only. */
.design-preview-note{display:flex;justify-content:space-between;gap:20px;background:#e9ece3;color:#344335;padding:9px 48px;font-size:11px;line-height:1.6}.design-preview-note span{font-size:10px}
.tuition-columns{gap:34px;align-items:stretch}.group-label{border-top:0;display:block;padding:0 0 24px}.group-label>.group-kicker{display:block;font-size:10px;letter-spacing:1.3px;margin-bottom:12px;color:var(--green)}.school-panel{padding-top:30px}.school-panel>.group-label{padding-inline:3px}
.service-row{padding:21px 23px;gap:19px;border:1px solid transparent;border-radius:11px;margin-bottom:13px;transition:background .15s,border-color .15s}.service-row:hover{border-color:#9bb9b6}.service-row:hover h3{text-decoration:none}.subject-visual{width:64px;height:64px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px}.subject-visual svg{width:58px;height:58px}.circle-arrow{width:31px;height:31px;border:1px solid #a3bcb8;border-radius:50%;display:flex;align-items:center;justify-content:center}.circle-arrow svg{width:14px;height:14px}
.subject-online-business-tutor{background:#e7efea}.subject-online-business-tutor .subject-visual{background:#d6e5db;color:#20574a}.subject-online-economics-tutor{background:#f7e9df}.subject-online-economics-tutor .subject-visual{background:#efdbcb;color:#965231}.subject-online-accounting-tutor{background:#e8eef2}.subject-online-accounting-tutor .subject-visual{background:#d8e4eb;color:#365d72}
.university-panel{background:transparent;padding:30px 0 0;color:var(--ink)}.university-panel .group-label{padding:0 0 24px;border:0}.university-panel .group-kicker{color:var(--green)}.university-panel .service-row{background:#fff;padding:21px 23px;margin-bottom:13px;border:1px solid #d1d8d3;border-radius:11px;gap:19px}.university-panel .service-row p{color:var(--muted)}.university-panel .circle-arrow{color:var(--plum);border-color:#b7bdb7}.university-panel .service-row:hover{color:var(--ink);border-color:var(--plum);background:#f5f6f1}
.additional-services{border:0;padding:0;margin-top:26px;gap:26px}.additional-services>a{border:1px solid #d1ddda;border-radius:11px;padding:23px 26px;background:#fff}.additional-services>a:hover{border-color:#1b5d63;background:#f2f6f3}
.about-portrait{display:flex;align-items:center;gap:22px;margin:30px 0}.about-portrait img{width:125px;height:125px;border-radius:50%;object-fit:cover;display:block;border:6px solid #dde4d7}.about-portrait>span{font-weight:600;font-size:16px}.about-portrait small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:5px}.dbs-note{display:inline-block;background:#fff;padding:9px 15px;border-radius:6px}
.terms-draft{padding:20px;background:#f7e9df;border-radius:8px;font-size:14px!important}.terms-nav{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.terms-nav a{background:#e9f0eb;border-radius:4px;padding:7px 11px;font-size:12px;text-decoration:none!important}.terms-page section{scroll-margin-top:30px}
@media(max-width:1100px){.subject-visual{width:52px;height:58px}.subject-visual svg{width:50px}.service-row{gap:15px;padding:20px 17px}.university-panel{padding:30px 0 0}.tuition-columns{gap:25px}}
@media(max-width:800px){.design-preview-note{padding-inline:20px}.tuition-columns{gap:23px}.service-row{gap:12px;padding:18px 14px}.subject-visual{width:43px;height:52px;border-radius:8px}.subject-visual svg{width:43px}.school-panel .circle-arrow{display:none}.university-panel{padding:30px 0 0}.group-label>.group-kicker{font-size:9px;letter-spacing:.7px}.additional-services>a{padding:20px}.additional-services{gap:20px}.about-portrait{display:block}.about-portrait>span{display:block;margin-top:15px}}
@media(max-width:580px){.design-preview-note{font-size:10px;padding:8px 20px}.design-preview-note span{font-size:9px}.tuition-columns{grid-template-columns:1fr;gap:25px}.school-panel{padding-top:0}.group-label>.group-kicker{font-size:9px;letter-spacing:.8px}.service-row{padding:19px 17px;gap:16px}.subject-visual{width:52px;height:58px}.subject-visual svg{width:50px}.school-panel .circle-arrow{display:flex;width:26px;height:26px}.university-panel{padding:0}.additional-services{grid-template-columns:1fr;gap:15px;margin-top:23px}.about-portrait{display:flex}.about-portrait img{width:105px;height:105px}.about-portrait>span{margin:0}}

/* Highlight genuine reviews without changing their original typography. */
.reviews-home{gap:22px}.reviews-home .review-card,.reviews-home .review-card:first-child,.reviews-home .review-card:last-child{background:#fff;border:1px solid #d4ceca;border-radius:12px;padding:28px}.reviews-related .review-card{background:#fff;border:1px solid #d4ceca;border-radius:12px;padding:28px}
@media(max-width:800px){.reviews-home{gap:16px}.reviews-home .review-card,.reviews-home .review-card:first-child,.reviews-home .review-card:last-child,.reviews-related .review-card{padding:22px}}
@media(max-width:580px){.university-panel .service-row{padding:19px 17px}.reviews-home{gap:20px}.reviews-home .review-card,.reviews-home .review-card:first-child,.reviews-home .review-card:last-child,.reviews-related .review-card{padding:26px}}
/* Keep footer links clear of the fixed WhatsApp button. */
.footer{padding-bottom:80px}

/* Compact equal-height subject buttons with the original typography. */
#tuition .section-heading{display:block;margin-bottom:28px}
#tuition .section-heading h2{margin-bottom:16px}
#tuition .section-heading .section-description{max-width:none;margin-top:0;margin-bottom:0}
.tuition-columns{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto repeat(3,1fr) auto;gap:10px 34px;align-items:stretch}
.tuition-columns .subject-group{display:contents}
.tuition-columns .group-label{padding:0 0 12px;margin:0}
.school-panel>.group-label{grid-column:1;grid-row:1;padding-inline:0}
.university-panel>.group-label{grid-column:2;grid-row:1}
.tuition-columns .service-row{height:auto;min-height:0;min-width:0;background:#fff;border:1px solid var(--line);border-radius:11px;padding:16px 18px;gap:14px;margin:0;align-items:center}
.tuition-columns .service-row>div{min-width:0;flex:1}
.tuition-columns .service-row:hover{background:#fff;border-color:var(--line);color:var(--ink)}
.tuition-columns .service-row:hover .circle-arrow{transform:translate(2px,-2px)}
.school-panel .service-row:nth-of-type(1){grid-column:1;grid-row:2}
.school-panel .service-row:nth-of-type(2){grid-column:1;grid-row:3}
.school-panel .service-row:nth-of-type(3){grid-column:1;grid-row:4}
.university-panel .service-row:nth-of-type(1){grid-column:2;grid-row:2}
.university-panel .service-row:nth-of-type(2){grid-column:2;grid-row:3}
.university-panel .service-row:nth-of-type(3){grid-column:2;grid-row:4}
.school-panel .board-note{grid-column:1;grid-row:5;margin:8px 0 0}
.tuition-columns .subject-visual{background:var(--sage);color:var(--green);width:44px;height:48px;border-radius:10px}
.tuition-columns .subject-visual svg{width:42px;height:42px}
.tuition-columns .circle-arrow{display:flex;width:27px;height:27px;color:var(--plum);border-color:#aeb7a7;background:transparent}
@media(max-width:800px){
 .tuition-columns{grid-template-columns:minmax(0,1fr);grid-template-rows:auto repeat(3,1fr) auto auto repeat(3,1fr);gap:10px}
 .school-panel>.group-label{grid-column:1;grid-row:1}
 .university-panel>.group-label{grid-column:1;grid-row:6;padding-top:16px}
 .school-panel .service-row:nth-of-type(1){grid-column:1;grid-row:2}
 .school-panel .service-row:nth-of-type(2){grid-column:1;grid-row:3}
 .school-panel .service-row:nth-of-type(3){grid-column:1;grid-row:4}
 .university-panel .service-row:nth-of-type(1){grid-column:1;grid-row:7}
 .university-panel .service-row:nth-of-type(2){grid-column:1;grid-row:8}
 .university-panel .service-row:nth-of-type(3){grid-column:1;grid-row:9}
 .school-panel .board-note{grid-column:1;grid-row:5}
}
@media(max-width:580px){.tuition-columns .service-row{padding:14px;gap:12px}.tuition-columns .subject-visual{width:38px;height:44px}.tuition-columns .subject-visual svg{width:37px;height:37px}}
@media(max-width:360px){.tuition-columns .subject-visual{display:none}}