.mahara-page > section.landing-comments{background:#f5f8f5;scroll-margin-top:95px}
.landing-comments,.landing-comments *{box-sizing:border-box}
.landing-comments{color:#173f38}
.landing-comments__container{width:min(1050px,calc(100% - 48px));margin-inline:auto;padding:75px 0 90px}
.landing-comments__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:41px}
.landing-comments__header h2{max-width:790px;margin:0;color:#173f38;font-size:clamp(21px,2vw,27px);font-weight:800;line-height:1.65}
.landing-comments__header p{margin:7px 0 0;color:#53685d;font-size:13px;line-height:2}
.landing-comments__jump{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:none;min-height:44px;padding:9px 17px;border:1px solid #b8afd8;border-radius:6px;background:#fff;color:#5848a5;font-size:12px;font-weight:800;text-decoration:none;transition:border-color .2s,background .2s,color .2s}
.landing-comments__jump:hover{border-color:#6654ad;background:#f4f1fb;color:#403383}
.landing-comments__list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:0 0 14px;border-bottom:1px solid #cbd9d0}
.landing-comments__list-heading h3{margin:0;color:#173f38;font-size:17px;font-weight:800}
.landing-comments__list-heading span{color:#62746a;font-size:12px}
.landing-comments__threads{max-width:900px}
.landing-comment{display:grid;grid-template-columns:46px minmax(0,1fr);gap:16px;padding:28px 0 32px;border-bottom:1px solid #d9e4dc}
.landing-comment__avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e7e2f5;color:#5848a5;font-size:17px;font-weight:800}
.landing-comment__content{min-width:0}
.landing-comment__meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:1px 0 12px}
.landing-comment__meta>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.landing-comment__meta strong,.landing-reply__meta strong{color:#173f38;font-size:13px;font-weight:800}
.landing-comment__meta time,.landing-reply__meta time{color:#617369;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
.landing-comment__pinned{padding:3px 8px;border-radius:4px;background:#ece8f7;color:#5848a5;font-size:10px;font-weight:800}
.landing-comment__text,.landing-reply p{max-width:75ch;margin:0;color:#3b5749;font-size:13px;line-height:2.2;text-align:justify;text-align-last:right;overflow-wrap:anywhere}
.landing-comment__replies{margin-top:20px;padding-right:20px;border-right:1px solid #a9c6b4}
.landing-reply{display:grid;grid-template-columns:30px minmax(0,1fr);gap:11px;margin:0 0 9px;padding:18px 20px;background:#e8f0e9;border:1px solid #d8e6dc;border-radius:7px}
.landing-reply:last-child{margin-bottom:0}
.landing-reply__mark{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#173f38;color:#fff;font-size:11px}
.landing-reply__meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.landing-reply__meta span{color:#5c4aab;font-size:11px;font-weight:800}
.landing-reply__meta time{margin-right:auto}
.landing-comments__empty{display:flex;align-items:center;gap:14px;padding:35px 0;color:#4b6457;font-size:13px}
.landing-comments__empty i{color:#6b5bbd;font-size:23px}
.landing-comments__empty p{margin:0}
.landing-comments__form-area{max-width:1050px;margin-top:60px;scroll-margin-top:100px}
.landing-comments__feedback{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:13px 16px;border:1px solid #bad6c6;border-radius:6px;background:#e3f0e9;color:#194738;font-size:13px;line-height:1.8}
.landing-comments__feedback.is-error{border-color:#e9c5bd;background:#fff3f0;color:#8e392e}
.landing-comments__form-shell{overflow:hidden;border:1px solid #d6e3d9;border-radius:10px;background:#fff;box-shadow:0 15px 38px rgba(23,63,56,.06)}
.landing-comments__form-intro{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;align-items:start;padding:28px 32px 23px;border-bottom:1px solid #e3ebe4;background:#f0f5f0}
.landing-comments__form-intro>i{grid-column:1;grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#dfd8f2;color:#5848a5;font-size:18px}
.landing-comments__form-intro h3{grid-column:2;grid-row:1;margin:0 0 5px;color:#173f38;font-size:18px;font-weight:800}
.landing-comments__form-intro p{grid-column:2;grid-row:2;margin:0;color:#4c6557;font-size:12px;line-height:2;text-align:justify}
.landing-comments__form-intro>span{grid-column:2;grid-row:3;margin-top:9px;color:#4c6258;font-size:11px;line-height:1.8}
.landing-comment-form{padding:30px 32px 32px}
.landing-comment-form__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 19px}
.landing-comment-form__field{min-width:0}
.landing-comment-form__field--wide{grid-column:1/-1}
.landing-comment-form label{display:flex;align-items:baseline;gap:5px;margin:0 0 8px;color:#254a3d;font-size:12px;font-weight:800}
.landing-comment-form label>span{color:#5e4bb0}
.landing-comment-form label>small{color:#6c7c72;font-size:11px;font-weight:400}
.landing-comment-form :is(input,textarea){display:block;width:100%;margin:0;border:1px solid #c8d6cc;border-radius:6px;background:#fff;color:#173f38;font:400 13px/1.9 IRANSans,Tahoma,sans-serif;outline:0;transition:border-color .2s,box-shadow .2s}
.landing-comment-form input{height:47px;padding:9px 13px}
.landing-comment-form input[dir=ltr]{text-align:right}
.landing-comment-form textarea{min-height:155px;padding:11px 13px;resize:vertical}
.landing-comment-form :is(input,textarea):focus{border-color:#7665c3;box-shadow:0 0 0 3px rgba(107,91,189,.1)}
.landing-comment-form__field.has-error :is(input,textarea){border-color:#aa554b;background:#fffaf9}
.landing-comment-form__error{display:block;margin-top:5px;color:#963f35;font-size:11px;line-height:1.6}
.landing-comment-form__error:empty{display:none}
.landing-comment-form__under{display:flex;justify-content:space-between;gap:12px}
.landing-comment-form__under>[data-comment-count]{margin:6px 0 0 auto;color:#687c70;font-size:11px;direction:ltr;white-space:nowrap}
.landing-comment-form__actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:21px}
.landing-comment-form__actions p{display:flex;align-items:center;gap:8px;margin:0;color:#52665b;font-size:11px;line-height:1.8}
.landing-comment-form__actions p i{color:#6b5bbd}
.landing-comment-form button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:160px;min-height:46px;padding:10px 18px;border:0;border-radius:6px;background:#6654ad;color:#fff;font:800 12px/1.7 IRANSans,Tahoma,sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.landing-comment-form button:hover{background:#51418f;transform:translateY(-1px)}
.landing-comment-form button:disabled{opacity:.65;cursor:wait;transform:none}
.landing-comments :is(a,input,textarea,button):focus-visible{outline:3px solid #8d7ad6;outline-offset:3px}
@media(max-width:760px){.landing-comments__container{width:min(100% - 32px,560px);padding:54px 0 65px}.landing-comments__header{display:block;margin-bottom:29px}.landing-comments__jump{margin-top:15px}.landing-comments__threads{max-width:none}.landing-comment{grid-template-columns:35px minmax(0,1fr);gap:10px;padding:22px 0}.landing-comment__avatar{width:35px;height:35px;font-size:14px}.landing-comment__meta{align-items:flex-start;flex-direction:column;gap:2px}.landing-comment__replies{margin-right:-45px;padding-right:14px}.landing-reply{grid-template-columns:26px minmax(0,1fr);gap:9px;padding:15px 12px}.landing-reply__mark{width:26px;height:26px}.landing-reply__meta time{width:100%;margin:0}.landing-comments__form-area{margin-top:46px}.landing-comments__form-intro{grid-template-columns:35px minmax(0,1fr);column-gap:11px;padding:23px 19px 21px}.landing-comments__form-intro>i{width:35px;height:35px;font-size:15px}.landing-comments__form-intro h3{font-size:16px}.landing-comment-form{padding:23px 19px}.landing-comment-form__fields{grid-template-columns:1fr;gap:12px}.landing-comment-form__actions{align-items:stretch;flex-direction:column}.landing-comment-form button{width:100%}}
@media(prefers-reduced-motion:reduce){.landing-comments__jump,.landing-comment-form :is(input,textarea),.landing-comment-form button{transition:none}}