/* SOCIAL178: shared UI rules. Authored feed typography retains its named variants. */
body{font-family:var(--hd-font);color:var(--hd-ink);background:var(--hd-page)}
button,input,select,textarea{font-family:inherit}
main.wrap{min-width:0;padding-inline:var(--hd-space-4)}
main.wrap h1:where(:not(.post *)){font-size:var(--hd-title-size);font-weight:600;line-height:1.35;overflow-wrap:anywhere}
main.wrap .sec-h:where(:not(.post *)){font-size:var(--hd-section-size);font-weight:500;line-height:1.35}
main.wrap :is(p,li):where(:not(.post *,.tiny,.room-text,.room-at,.room-who)){font-size:var(--hd-body-size);line-height:1.55}
.tiny:where(:not(.post *)),.lede:where(:not(.post *)){color:var(--hd-muted-text)}
.tiny:where(:not(.post *)){font-size:var(--hd-meta-size);line-height:1.45}
a:where(:not(.post *,.hdr *,.botnav *,.hd-install-bar *,.tvwrap *,.chatsheet *)){color:var(--hd-action)}
:is(a,button,input,textarea,select,summary,.btn):focus-visible{outline:2px solid var(--hd-action);outline-offset:2px}
.btn:where(:not(.post *,.hdr *,.hd-install-bar *,.tvwrap *,.chatsheet *)){
  display:inline-flex;align-items:center;justify-content:center;gap:var(--hd-space-2);
  min-height:var(--hd-tap);max-width:100%;padding:var(--hd-space-2) var(--hd-space-4);
  border-radius:var(--hd-control-radius);font-size:var(--hd-button-size);font-weight:500;
  line-height:1.3;white-space:normal;overflow-wrap:anywhere;text-align:center;text-decoration:none;
}
.btn-primary:where(:not(.post *)){background:var(--hd-action);border-color:var(--hd-action);color:var(--hd-card)}
.btn-primary:where(:not(.post *)):hover{background:var(--hd-action-hover);border-color:var(--hd-action-hover)}
.btn-ghost:where(:not(.post *)){background:var(--hd-card);border-color:var(--hd-control-line);color:var(--hd-action)}
.btn-second:where(:not(.post *)){background:var(--hd-teal-soft);border-color:var(--hd-secondary);color:var(--hd-secondary)}
.btn-danger:where(:not(.post *)){background:var(--hd-error);border-color:var(--hd-error);color:var(--hd-card)}
.btn:disabled:where(:not(.post *)),.btn[aria-disabled="true"]:where(:not(.post *)){background:var(--hd-hair);color:var(--hd-muted-text);border-color:var(--hd-line);cursor:default}
.btn-block:where(:not(.post *)){display:flex;width:100%}
main :is(input,select,textarea):where(:not([type=hidden],[type=checkbox],[type=radio],[type=file],[type=range],.post *)){
  min-width:0;max-width:100%;min-height:var(--hd-tap);font-size:var(--hd-input-size);line-height:1.5;
  color:var(--hd-ink);background:var(--hd-input);border:1px solid var(--hd-control-line);border-radius:var(--hd-control-radius);
}
main :is(input,textarea):where(:not(.post *))::placeholder{color:var(--hd-muted-text);opacity:1}
main :is(input,textarea,select)[aria-invalid="true"]{border-color:var(--hd-error)}
main :is(.err,.alert-bad){color:var(--hd-error)}
main :is(.field,.inline-form,.filterbar,.dc-row,.dc-main,.dc-call,.room-say,.profile,.card,.mkt){min-width:0;max-width:100%}
main :is(.strip,.inline-form,.filterbar,.dc-call){flex-wrap:wrap}
main :is(.dc-name,.who-name,.dc-account,.dc-at,.dc-why,.profile h1,.profile dd){overflow-wrap:anywhere}
main .dc-main .tiny{min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal}
.hd-page-heading{margin:0 0 var(--hd-space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--hd-space-3);flex-wrap:wrap}
.hd-page-heading h1{margin:0}
.hd-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hd-person-list{list-style:none;margin:0;padding:0}
.hd-person{display:flex;align-items:center;flex-wrap:wrap;gap:var(--hd-space-3);min-width:0;padding-block:var(--hd-space-3);border-bottom:1px solid var(--hd-line)}
.hd-person:last-child{border-bottom:0}
.hd-person-identity{display:flex;align-items:center;gap:var(--hd-space-3);flex:1 1 180px;min-width:0;color:var(--hd-ink);text-decoration:none;min-height:var(--hd-tap)}
.hd-person-copy{display:flex;flex-direction:column;min-width:0;gap:var(--hd-space-1)}
.hd-suggest-photo{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;flex:0 0 48px}
.hd-suggest-photo .avatar{width:48px;height:48px;flex-basis:48px}
.card .dc-row:has(>.hd-suggest-photo){flex-wrap:wrap;gap:10px 8px}
.card .dc-row:has(>.hd-suggest-photo) .dc-main{flex:1 1 calc(100% - 64px);min-width:0}
.card .dc-row:has(>.hd-suggest-photo)>.actbtn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:8px 12px;color:var(--hd-action);border:1px solid var(--hd-control-line);border-radius:var(--hd-control-radius)}
.card .dc-row:has(>.hd-suggest-photo) .followbtn{min-height:48px;padding:8px 14px;white-space:normal;overflow-wrap:anywhere;color:var(--hd-action)}
.hd-person-name{font-size:var(--hd-name-size);font-weight:500;line-height:1.35;color:var(--hd-ink);overflow-wrap:anywhere}
.hd-person-meta{font-size:var(--hd-meta-size);line-height:1.45;color:var(--hd-muted-text);overflow-wrap:anywhere}
.hd-person-actions{display:flex;gap:var(--hd-space-2);flex-wrap:wrap;max-width:100%}
.hd-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;overflow:hidden;border-radius:50%;background:var(--hd-blue-soft);color:var(--hd-action)}
.hd-avatar img{width:100%;height:100%;object-fit:cover}
.hd-avatar img+span{display:none}
.hd-avatar.hd-avatar-missing img{display:none}
.hd-avatar.hd-avatar-missing span{display:inline}
.hd-avatar-large{width:88px;height:88px;flex-basis:88px;font-size:2rem}
.hd-profile-details{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--hd-space-3);margin-block:var(--hd-space-4)}
.hd-profile-details dt{font-size:var(--hd-meta-size);color:var(--hd-muted-text)}
.hd-profile-details dd{margin:0;font-size:var(--hd-body-size);overflow-wrap:anywhere}
main.wrap:is(.hd-inbox,.hd-followers,.hd-person-profile){max-width:var(--hd-reading-width);margin-inline:auto}
.hd-inbox-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--hd-space-2);padding:var(--hd-space-3) 0;border-bottom:1px solid var(--hd-line);min-width:0}
.hd-inbox-row:last-child{border-bottom:0}
.hd-inbox-row .hd-person-identity{grid-column:1;min-width:0}
.hd-thread-preview{grid-column:1 / -1;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--hd-space-3);min-height:48px;min-width:0;text-decoration:none;color:var(--hd-muted-text)}
.hd-preview-text{min-width:0;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:var(--hd-support-size);line-height:1.55}
.hd-preview-time{flex-shrink:0;font-size:var(--hd-meta-size);line-height:1.45;color:var(--hd-muted-text)}
.hd-unread{color:var(--hd-action);font-size:var(--hd-meta-size);font-weight:600;align-self:center;overflow-wrap:anywhere;max-width:7rem}
.hd-inbox-row.dc-unseen .hd-preview-text{font-weight:600;color:var(--hd-ink)}
.hd-inbox .room-thread{gap:var(--hd-space-2);margin-block:var(--hd-space-4);min-width:0}
.hd-inbox .room-msg{max-width:88%;min-width:0;border-radius:13px;padding:10px 12px;font-size:var(--hd-body-size);line-height:1.55}
.hd-inbox .room-patient{background:var(--hd-blue-soft);color:var(--hd-ink)}
.hd-inbox .room-clinic{background:var(--hd-card);color:var(--hd-ink)}
.hd-inbox .room-at{font-size:var(--hd-meta-size);color:var(--hd-muted-text);opacity:1}
.hd-inbox :is(.room-file,.room-call){overflow-wrap:anywhere;max-width:100%}
.hd-inbox :is(.room-audio,.room-video){width:100%;max-width:100%;min-width:0}
.hd-message-date{align-self:center;max-width:100%;margin:var(--hd-space-3) 0;font-size:var(--hd-meta-size);color:var(--hd-muted-text);text-align:center;overflow-wrap:anywhere}
.hd-inbox .room-say{display:flex;flex-direction:column;gap:var(--hd-space-2);margin-top:var(--hd-space-4)}
.hd-inbox .room-say textarea{width:100%;resize:vertical;min-height:96px;max-height:240px;padding:var(--hd-space-3)}
.hd-inbox .room-attach{display:flex;align-items:center;flex-wrap:wrap;gap:var(--hd-space-2);min-height:48px}
.hd-inbox .room-attach input{max-width:100%}
.hd-inbox .hd-new-messages{align-self:center}
main.hd-ops{max-width:var(--hd-ops-width)}
.hd-table-region{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.hd-table-region:focus-visible{outline:2px solid var(--hd-action);outline-offset:2px}
.hd-table-region table{width:100%;border-collapse:collapse}
.hd-table-region :is(th,td){padding:var(--hd-space-2);overflow-wrap:anywhere}
.hd-ops :is(.btn,.linkish){min-height:48px}
.hd-ops :is(.strip,.dc-row,.inline-form){gap:var(--hd-space-3)}
.hd-ops .card{overflow-wrap:anywhere}
.legalftr .legalftr-links a,main .linkish,.hdr.hd-hdr .hd-nav>a[href="/login"]:not(.hd-nav__item){color:var(--hd-action)}
.avatar.avatar-blank:where(:not(.post *)){background:var(--hd-blue-soft);color:var(--hd-action)}
.card .tiny,.tiny.warn,.dc-row .tiny,.bmdcbox .bmdcfix{color:var(--hd-muted-text)}
.dc-badge{background:var(--hd-action);color:var(--hd-card)}
.feedskin .btn.tipkind{color:var(--hd-action)}
.bmdcbox>input{min-height:48px}
main label:has(>input[type="checkbox"],>input[type="radio"]){min-height:48px;display:flex;align-items:center;gap:var(--hd-space-2)}
.hd-doctor-home{--dd-blue:var(--hd-action);--dd-teal:var(--hd-secondary);--dd-muted:var(--hd-muted-text)}
.hd-patient-home{--pd-blue:var(--hd-action);--pd-teal:var(--hd-secondary);--pd-muted:var(--hd-muted-text)}
@media(max-width:480px){
  .hd-person-actions{flex:1 1 100%}
  .hd-person-actions .btn{flex:1 1 auto}
  .hd-inbox .room-msg{max-width:94%}
  .hd-preview-time{max-width:6rem;flex-shrink:1;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.hd-inbox{scroll-behavior:auto}}

.hd-inbox .hd-new-messages[hidden]{display:none}

/* Measured narrow-screen fixes for shared rows and standalone follow controls. */
main .dc-side{min-width:0;max-width:100%;flex-wrap:wrap}
main .dc-side>*{min-width:0;max-width:100%}
main .room-x-btn{color:var(--hd-muted-text)}
.followbtn:where(:not(.post *)){min-height:48px;max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:var(--hd-button-size);border-color:var(--hd-action);color:var(--hd-action);padding:8px 16px}
.followbtn.on:where(:not(.post *)){background:var(--hd-teal-soft);border-color:var(--hd-secondary);color:var(--hd-secondary)}
.hd-answer-photo{display:inline-flex;flex:0 0 48px;width:48px;min-height:48px;align-items:center;justify-content:center}

/* Content remains readable when text grows; natural wrapping preserves the copy. */
main.wrap{overflow-wrap:anywhere}
main :is(.strip,.policytick,.consent,.room-attach,.profile,.degreerow)>*{min-width:0;max-width:100%}
main :is(.mkt,.starrow,.profile,.degreerow){flex-wrap:wrap}
main :is(.who-loc,.hotline,.fnrow-k,.lvrank-v){white-space:normal;overflow-wrap:anywhere}
main :is(.policytick,.consent) label{min-width:0;max-width:100%}
main :is(.policytick,.consent) label>span{min-width:0;overflow-wrap:anywhere}
main :is(fieldset,legend){min-width:0;max-width:100%}
main fieldset{padding:var(--hd-space-3)}
.hd-inbox .strip>span{display:flex;flex-wrap:wrap;gap:var(--hd-space-2);min-width:0;max-width:100%}

:root{--hd-danger:var(--hd-error);--hd-placeholder:var(--hd-muted-text)}
main :is(.profile-hd,.starrow){flex-wrap:wrap}
main :is(.profile-hd,.starrow,.fnrow)>*{min-width:0;max-width:100%}
main :is(.starrow-label,.photo-flag,.callphone){white-space:normal;overflow-wrap:anywhere}
main .roster-top .badge{flex:0 1 auto;white-space:normal;overflow-wrap:anywhere;max-width:100%}
main .fnrow-k{min-width:0}
main .mkt-photo{max-width:100%}
main form.inline{min-width:0;max-width:100%}

.legalftr{color:var(--hd-muted-text);overflow-wrap:anywhere}
.hd-doctor-home .botnav .hd-bnav__item.on{background:var(--hd-action)}
.hd-patient-home .hd-pd__suggest-actions{flex-wrap:wrap;min-width:0;max-width:100%}

main .callrow-done{opacity:1}

.hd-install-bar .hd-install-x{flex:0 0 auto;width:auto;min-width:48px;height:auto;min-height:48px;padding:8px;line-height:1}

.hd-person-name.dc-name{white-space:normal;overflow:visible;text-overflow:clip}

/* The floating conversation and map controls share the same functional palette. */
.chatfab,.chatsheet-h{background:var(--hd-action);color:var(--hd-card)}
.chatfab:hover,.chatfab:active{background:var(--hd-action-hover)}
.chatsheet{font-size:var(--hd-body-size)}
.chatsheet-h strong{font-size:var(--hd-section-size)}
.chatsheet-f{flex-wrap:wrap}
.chatsheet-f textarea{flex:1 1 180px;max-width:100%;min-height:48px;font-size:var(--hd-input-size);line-height:1.5;color:var(--hd-ink);background:var(--hd-input);border-color:var(--hd-control-line)}
.chatsheet-go{min-height:48px;max-width:100%;font-size:var(--hd-button-size);padding:8px 16px;border-radius:var(--hd-control-radius);white-space:normal;overflow-wrap:anywhere}
.chatsheet-note{color:var(--hd-muted-text);font-size:var(--hd-meta-size)}
.chatline.patient{background:var(--hd-blue-soft);color:var(--hd-ink)}
.chatline-t{opacity:1;color:var(--hd-muted-text);font-size:var(--hd-meta-size)}
main :is(tr.muted,.room-attach>span){opacity:1}
main .leaflet-control-zoom a{display:flex;align-items:center;justify-content:center;min-width:max(48px,1.4em);min-height:max(48px,1.4em);line-height:1}
main .leaflet-bottom{max-width:100%}
main .leaflet-control-attribution{max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:var(--hd-meta-size)}

.chatsheet-x{min-width:48px;min-height:48px;width:auto;height:auto;padding:8px;line-height:1}

main .leaflet-container{min-height:max(240px,18em)}

/* Native file controls keep their browser interaction inside the available width. */
main input[type=file],main .room-attach input[type=file]{min-width:0;max-width:100%;overflow:hidden;font-family:var(--hd-font);font-size:var(--hd-input-size);line-height:1.5}
main input[type=file]::file-selector-button{font:inherit;white-space:normal;overflow-wrap:anywhere;max-width:100%;min-height:var(--hd-tap);padding:var(--hd-space-2) var(--hd-space-3);border:1px solid var(--hd-control-line);border-radius:var(--hd-control-radius);background:var(--hd-card);color:var(--hd-action);cursor:pointer}
.hd-inbox .hd-new-messages{position:fixed;top:calc(var(--hd-header-height,0px) + var(--hd-space-3));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);z-index:20;box-shadow:0 2px 8px #16272C26}
.hd-stack-flow .hd-inbox .hd-new-messages{top:var(--hd-space-3)}
/* The selected value stays inside single-line controls at large text sizes. */
main input:is([type=date],[type=time],[type=datetime-local]){overflow:hidden}
main select:not([multiple]):not([size]){appearance:none;-webkit-appearance:none;overflow:hidden;text-overflow:ellipsis;padding-inline-end:30px;background-image:linear-gradient(45deg,transparent 50%,var(--hd-muted-text) 50%),linear-gradient(135deg,var(--hd-muted-text) 50%,transparent 50%);background-position:right 16px center,right 10px center;background-size:6px 6px;background-repeat:no-repeat}

/* SOCIAL179: doctor photo verification - the camera page and the admin second photo. */
.hd-vp{display:grid;gap:var(--hd-space-4)}
.hd-vp>*{margin:0}
.hd-vp__chip{justify-self:start}
.hd-vp .hd-vp__chip.badge-pend{color:var(--hd-warning);background:var(--hd-warning-bg);border:1px solid var(--hd-warn-line)}
.hd-vp__frame{position:relative;width:100%;max-width:21rem;aspect-ratio:4/5;margin-inline:auto;border:1px solid var(--hd-line);border-radius:14px;overflow:hidden;background:var(--hd-input)}
.hd-vp__video,.hd-vp__shot,.hd-vp__guide,.hd-vp__busy{position:absolute;inset:0;width:100%;height:100%}
.hd-vp__video,.hd-vp__shot{object-fit:cover}
.hd-vp__video{transform:scaleX(-1);background:var(--hd-ink)}
.hd-vp__guide{fill:none;stroke:var(--hd-control-line);stroke-width:2.5;stroke-dasharray:9 9;pointer-events:none}
.hd-vp[data-vp-state="live"] .hd-vp__guide{stroke:var(--hd-card)}
.hd-vp:is([data-vp-state="preview"],[data-vp-state="submitting"],[data-vp-state="done"]) .hd-vp__guide{display:none}
.hd-vp__busy{display:grid;place-items:center;background:var(--hd-card);opacity:.62}
.hd-vp__spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--hd-blue-soft);border-top-color:var(--hd-action);animation:hd-vp-spin .8s linear infinite}
.hd-vp__error{padding:12px 14px;border:1px solid var(--hd-error);border-radius:var(--hd-control-radius);background:var(--hd-card);color:var(--hd-error)}
.hd-vp__ok{padding:12px 14px;border:1px solid var(--hd-success);border-radius:var(--hd-control-radius);background:var(--hd-card);color:var(--hd-success)}
.hd-vp__trust{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--hd-line);border-radius:var(--hd-control-radius);background:var(--hd-teal-soft);color:var(--hd-secondary);font-size:var(--hd-support-size)}
.hd-vp__trust svg{width:20px;height:20px;flex:none;margin-top:2px}
.hd-vp__actions{display:grid;gap:10px}
.hd-vp__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hd-vp__pair .btn{width:100%}
.hd-vp__skip a{display:inline-flex;align-items:center;min-height:48px;padding-inline:12px}
.hd-vp-admin{margin:0;display:grid;gap:4px;width:120px}
.hd-vp-admin__img{display:block;width:120px;height:150px;object-fit:cover;border:2px solid var(--hd-teal);border-radius:12px;background:var(--hd-input)}
.hd-vp-admin figcaption{font-size:var(--hd-meta-size);color:var(--hd-secondary);font-weight:600;overflow-wrap:anywhere}
.verify-subject:has(>.hd-vp-admin){display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:start}
.verify-subject:has(>.hd-vp-admin)>.hd-vp-admin{grid-column:1;grid-row:2}
.verify-subject:has(>.hd-vp-admin)>.verify-facts{grid-column:2;grid-row:1/span 2}
.hd-vp-reentry{margin-block:var(--hd-space-3)}
@keyframes hd-vp-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.hd-vp__spin{animation-duration:2.4s}}

/* SOCIAL180: the verify-subtext tick, the profile DP menu, the question bar on dashboards. */
.hd-vp__tick{display:inline-flex;vertical-align:-3px}
/* SOCIAL186c: the gray tick's disc - the same seal, a muted colour, on every surface the seal is drawn */
.seal.seal-gray{background:var(--hd-muted-text)}
.hd-pc__head .seal-gray.hd-tick,.hd-dd__newdocs .seal.seal-gray,.hd-pd__newdocs .seal.seal-gray{background:var(--hd-muted-text)}
.hd-dpmenu{position:relative;display:inline-block}
.hd-dpmenu>summary{list-style:none;cursor:pointer;border-radius:50%}
.hd-dpmenu>summary::-webkit-details-marker{display:none}
.hd-dpmenu>summary:focus-visible{outline:2px solid var(--hd-action);outline-offset:4px}
.hd-dpmenu>summary>.avatar{pointer-events:none}
.hd-dpmenu__list{position:absolute;z-index:30;top:calc(100% + 8px);left:0;min-width:12rem;max-width:calc(100vw - 32px);display:grid;gap:4px;padding:6px;background:var(--hd-card);border:1px solid var(--hd-line);border-radius:12px;box-shadow:0 8px 24px #16272C1F}
.hd-dpmenu__list>*{display:flex;align-items:center;min-height:48px;padding:0 12px;border:0;border-radius:10px;background:none;font:inherit;color:var(--hd-ink);text-align:left;text-decoration:none;cursor:pointer;overflow-wrap:anywhere}
.hd-dpmenu__list>*:hover,.hd-dpmenu__list>*:focus-visible{background:var(--hd-blue-soft)}
.hd-dpmenu .hd-dpmenu__story.avatar-ring{box-shadow:none}
.hd-myq>li{border-left:4px solid var(--brand-2);padding-left:10px}
.feedskin .post.qpost{border-left:4px solid var(--brand-2)}
.followbtn.btn-primary:where(:not(.post *)){color:var(--hd-card)}

/* SOCIAL187: owner-approved booking/profile cards and in-card feed metadata. */
.hd-booking-card,.hd-profile,.hd-card-info{--hd-experience-star:#2563EB;--hd-rating-star:#D97706;--hd-empty-star:#B7C2CE}
.mkt.hd-booking-card{display:flex;flex-direction:column;align-items:stretch;gap:0}
.hd-booking-card__head{display:flex;align-items:flex-start;gap:var(--hd-space-3);min-width:0}
.hd-booking-card__head .mkt-photo{flex:none}
.hd-booking-card__head .avatar{width:56px;height:56px}
.hd-booking-card .mkt-body,.hd-profile__identity{flex:1;min-width:0}
.hd-card-name{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;min-width:0}
.hd-card-name>:is(.who-name,.dr-name){min-width:0;overflow-wrap:anywhere}
.hd-booking-card .who-name{font-size:var(--hd-name-size);font-weight:600}
.hd-booking-card .who-degree,.hd-profile .who-degree{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;margin:4px 0 0;line-height:1.5}
.hd-booking-card .who-sub,.hd-profile .who-sub{margin:2px 0 0;overflow-wrap:anywhere;line-height:1.5}
.hd-booking-card .hd-card-specialty,.hd-profile .hd-card-specialty{color:var(--hd-action)}
.hd-booking-card__bottom{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--hd-space-3);margin-top:var(--hd-space-3);padding-top:var(--hd-space-3);border-top:1px solid var(--hd-line)}
.hd-booking-card__details{flex:1 1 12rem;min-width:0}
.hd-booking-card .mkt-facts{margin:0;gap:6px;line-height:1.5}
.hd-booking-card .mkt-facts>div{overflow-wrap:anywhere}
.hd-booking-card .mkt-act{display:flex;flex-direction:column;align-items:stretch;gap:8px;flex:0 1 11rem;min-width:0;width:100%;margin:0}
.hd-booking-card__actions .btn{width:100%;min-height:48px;white-space:normal;overflow-wrap:anywhere}
.hd-booking-card__profile{display:flex;justify-content:center;align-items:center;min-height:48px;overflow-wrap:anywhere}
.hd-card-experience{margin-top:var(--hd-space-3);padding-top:var(--hd-space-3);border-top:1px solid var(--hd-line)}
.hd-card-experience .starrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;color:var(--hd-secondary)}
.hd-card-experience .stars{display:inline-flex;gap:5px;flex:none}
.hd-card-experience .star{width:20px;height:20px}
.hd-card-experience .star-on{fill:var(--hd-experience-star);stroke:var(--hd-experience-star);color:var(--hd-experience-star)}
.hd-card-experience .star-off{fill:none;stroke:var(--hd-empty-star);color:var(--hd-empty-star);stroke-width:1.8}
.hd-card-info{font-size:var(--hd-meta-size);line-height:1.55;color:var(--hd-secondary);overflow-wrap:anywhere;min-width:0}
.hd-card-info strong{color:var(--hd-ink);font-weight:700}
.hd-card-info--booking,.hd-card-info--profile{margin-top:var(--hd-space-3);padding-top:var(--hd-space-3);border-top:1px solid var(--hd-line)}
.hd-card-info__public,.hd-card-info__private{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px}
.hd-card-info__public+.hd-card-info__private{margin-top:4px}
.hd-card-info__rating,.hd-card-info__active{display:inline-flex;align-items:center;gap:6px;min-width:0}
.hd-rating-star{width:20px;height:20px;flex:none;fill:var(--hd-rating-star)}
.hd-card-info__active i{width:9px;height:9px;border-radius:50%;background:var(--hd-success);flex:none}
.post .hd-card-info--post{margin:0 var(--hd-card-pad) var(--hd-space-2);padding:0}
.hd-profile .hd-profile__head{display:flex;flex-wrap:wrap;gap:var(--hd-space-3);align-items:flex-start}
.hd-profile__head>:is(.photo-link,.hd-dpmenu,.avatar){flex:none}
.hd-profile .dr-name{margin:0}
.hd-profile .who-loc{display:inline-flex;align-items:flex-start;gap:4px;max-width:100%}
.hd-profile .who-loc .hd-ico{flex:none;margin-top:2px}
.hd-profile__edit{margin-left:auto;min-height:48px}
.hd-profile__years{display:flex;flex-wrap:wrap;gap:4px 8px;padding-top:var(--hd-space-3);margin-top:var(--hd-space-3);border-top:1px solid var(--hd-line);font-size:var(--hd-meta-size);color:var(--hd-secondary)}
.hd-profile__years strong{color:var(--hd-ink)}
.hd-profile__bio{border-top:1px solid var(--hd-line);padding-top:var(--hd-space-4);margin-top:var(--hd-space-4)}
.hd-profile__bio h2{font-size:var(--hd-section-size);line-height:1.4;margin:0 0 8px;color:var(--hd-ink)}
.hd-profile__bio p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}
.hd-profile .hd-profile__services{margin:var(--hd-space-4) 0 0;padding:0;list-style:none;border-top:1px solid var(--hd-line)}
.hd-profile__services>li{padding:8px 0;margin:0;overflow-wrap:anywhere}
.hd-profile__services>.hd-profile__fee{border-top:1px solid var(--hd-line);padding:12px 0;color:var(--hd-action)}
.hd-profile__fee strong{color:var(--hd-ink)}
.hd-profile__services>.hd-profile__chamber{border-top:1px solid var(--hd-line);padding-top:12px}
.hd-profile__services>.pubnum{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hd-profile__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--hd-space-3);padding-top:var(--hd-space-3);border-top:1px solid var(--hd-line)}
.hd-profile__actions>:is(p,form,a){flex:1 1 9rem;min-width:0;margin:0}
.hd-profile__actions .btn{width:100%;min-height:48px;white-space:normal;overflow-wrap:anywhere}
.hd-profile__actions .followbtn:not(.btn-ghost),.hd-profile__actions>a{color:var(--hd-action);background:var(--hd-card);border-color:var(--hd-action)}
.hd-profile__actions .followbtn:not(.btn-ghost):hover,.hd-profile__actions>a:hover{background:var(--hd-blue-soft)}
@media(max-width:420px){
  .hd-booking-card .mkt-act{flex-basis:100%}
  .hd-profile__identity{flex-basis:calc(100% - 104px)}
  .hd-profile__edit{margin-left:0}
}

.hd-profile__services .hd-ico{vertical-align:-4px;color:var(--hd-action);flex:none}
.hd-profile__services>.hd-profile__fee{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.hd-profile__amount{margin-left:auto;font-weight:700}

/* SOCIAL203: approved 2026-09-19 directory mockups. Scoped to the directory;
   shared header/footer and brand tokens remain the product's own. */
main.wrap.hd-dir{max-width:1040px;margin:0 auto;padding:28px;line-height:1.55}
.hd-dir :is(h1,h2,h3,p,dl){margin:0}
.hd-dir a{text-decoration:none}
.hd-dir :is(a,button,select):focus-visible{outline:3px solid var(--hd-action);outline-offset:3px}
.hd-dir .hd-ico{flex-shrink:0;width:20px;height:20px}
.hd-dir-hero{margin-bottom:23px}
.hd-dir .hd-dir-hero__eyebrow{display:flex;align-items:center;gap:7px;color:var(--hd-teal);font-size:13px;font-weight:600;margin-bottom:7px}
.hd-dir-hero__eyebrow .hd-ico{width:17px;height:17px}
main.wrap.hd-dir h1{font-size:29px;line-height:1.4;font-weight:650;letter-spacing:-.5px}
.hd-dir .hd-dir-hero__lead{margin-top:6px;font-size:14px;color:var(--hd-muted-text)}
.hd-dir-choicehead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:15px;font-weight:500}
.hd-dir-choicehead>a{display:inline-flex;align-items:center;min-height:48px;color:var(--hd-action);font-size:14px}
.hd-dir-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hd-dir .hd-chip{display:flex;align-items:center;gap:11px;min-width:0;min-height:76px;padding:13px 14px;border:1px solid var(--hd-line);border-radius:14px;background:var(--hd-card);color:var(--hd-ink);box-shadow:0 2px 6px #1437460b}
.hd-dir .hd-chip:hover{border-color:var(--hd-action)}
.hd-dir .hd-chip.is-on{background:var(--hd-blue-soft);border-color:var(--hd-action)}
.hd-dir .hd-choice-icon{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;background:var(--hd-blue-soft);color:var(--hd-action)}
.hd-dir .hd-choice-name{font-weight:500;font-size:15px;overflow-wrap:anywhere}
.hd-dir .hd-choice-name small{display:block;margin-top:1px;font-size:12px;font-weight:400;color:var(--hd-muted-text)}
.hd-choice-check{margin-left:auto;color:var(--hd-action)}
.hd-choice-check .hd-ico{width:16px;height:16px}
.hd-dir-shortcuts--district{grid-template-columns:repeat(4,minmax(0,1fr))}
.hd-dir .hd-dir-shortcuts--district .hd-chip{min-height:64px;padding:12px;gap:8px}
.hd-dir .hd-dir-shortcuts--district .hd-choice-icon{width:30px;height:30px;background:var(--hd-teal-soft);color:var(--hd-teal)}
.hd-dir .hd-dir-filters{display:block;margin:18px 0 24px;padding:16px;border:1px solid var(--hd-line);border-radius:14px;background:var(--hd-card)}
.hd-dir-filterfields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hd-dir--online .hd-dir-filterfields{grid-template-columns:repeat(2,minmax(0,1fr))}
.hd-dir-filters label{display:block;min-width:0;font-size:12px;color:var(--hd-muted-text);margin:0}
.hd-dir .hd-dir-filters select{display:block;width:100%;min-width:0;min-height:48px;margin-top:6px;padding:10px 30px 10px 11px;border:1px solid var(--hd-line);border-radius:9px;font-size:14px;background:var(--hd-card);color:var(--hd-ink);scroll-margin-top:90px}
.hd-dir-filters select:disabled{opacity:.6}
.hd-dir-activefilters{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:12px;font-size:13px}
.hd-dir-activefilters>span{background:var(--hd-blue-soft);color:var(--hd-action);border-radius:6px;padding:4px 8px;overflow-wrap:anywhere}
.hd-dir .hd-dir-clear{margin-left:auto;background:transparent;border:0;padding:6px 0}
.hd-dir #districtPickGo{margin-top:12px}
.hd-dir #districtPickGo[hidden]{display:none}
.hd-dir .hd-dir-results{font-size:20px;font-weight:600;line-height:1.5;margin-bottom:18px}
.hd-dir-results .tiny{display:block;margin-top:2px;font-size:13px;font-weight:400;color:var(--hd-muted-text)}
.hd-dir .hd-dir-back{margin-bottom:14px}
.hd-dir-back a{display:inline-flex;align-items:center;min-height:48px}
.hd-dir-section{margin-bottom:24px}
.hd-dir-sechead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.hd-dir-sechead h3{font-size:18px;font-weight:600;line-height:1.5;min-width:0;overflow-wrap:anywhere}
.hd-dir-count{display:block;font-size:12px;color:var(--hd-muted-text);font-weight:400;margin-top:2px}
.hd-dir-all{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;min-height:48px;font-size:13px}
.hd-dir-all .hd-ico{width:16px;height:16px}
.hd-dir-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.hd-dir .mkt.hd-booking-card.hd-doctor{display:flex;flex-direction:column;gap:13px;min-width:0;margin:0;padding:16px;border:1px solid var(--hd-line);border-radius:15px;background:var(--hd-card);box-shadow:0 3px 9px #1437460b}
.hd-dir .hd-booking-card__head{display:flex;align-items:center;gap:10px;min-width:0;margin:0;padding:0;border:0}
.hd-dir .mkt-photo{flex:0 0 47px;width:47px;height:47px;min-height:0;padding:0}
.hd-dir .mkt-photo .avatar{display:grid;place-items:center;width:47px;height:47px;min-width:47px;min-height:47px;border-radius:50%;object-fit:cover;background:var(--hd-teal-soft);color:var(--hd-teal);font-size:20px;font-weight:500}
.hd-dir .mkt-body{min-width:0;flex:1}
.hd-dir .hd-card-name{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0;line-height:1.55}
.hd-dir .hd-card-name .who-name{font-size:15px;font-weight:600;line-height:1.55;color:var(--hd-ink)}
.hd-dir .who-degree{font-size:12px;line-height:1.55;color:var(--hd-muted-text);margin-top:2px;overflow-wrap:anywhere;white-space:normal}
.hd-dir .mkt-facts.hd-doctor-body{display:block;flex:1;padding:0;margin:0;min-width:0;border:0}
.hd-dir .hd-card-specialty{font-size:13px;color:var(--hd-action);margin-bottom:7px;overflow-wrap:anywhere}
.hd-dir .hd-experience{display:flex;align-items:center;gap:6px;font-size:13px;margin-bottom:8px;color:var(--hd-ink)}
.hd-dir .hd-experience .hd-ico{width:15px;height:15px;color:var(--hd-muted-text)}
.hd-dir .hd-experience strong{font-size:inherit;font-weight:600}
.hd-dir .hd-location{display:flex;align-items:flex-start;gap:6px;font-size:13px;color:var(--hd-muted-text);overflow-wrap:anywhere}
.hd-dir .hd-location .hd-ico{width:15px;height:15px;margin-top:3px}
.hd-dir .hd-clinic{font-size:14px;font-weight:500;color:var(--hd-ink);margin:2px 0;overflow-wrap:anywhere}
.hd-dir .hd-availability{display:flex;align-items:flex-start;gap:6px;margin-top:10px;padding:8px 10px;border-radius:8px;background:var(--hd-page);font-size:12px;color:var(--hd-muted-text);overflow-wrap:anywhere}
.hd-dir .hd-availability .hd-ico{width:15px;height:15px;margin-top:2px}
.hd-dir .hd-card-info{margin:12px 0 8px;padding:0;border:0}
.hd-dir .hd-doctor-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:11px 12px;border-radius:9px;background:var(--hd-blue-soft);border:0}
.hd-dir .hd-doctor-stats>div{min-width:0}
.hd-dir .hd-doctor-stats dt{font-size:12px;font-weight:400;color:var(--hd-muted-text);margin:0 0 3px;overflow-wrap:anywhere}
.hd-dir .hd-doctor-stats dd{font-size:20px;font-weight:600;line-height:1.4;font-variant-numeric:tabular-nums;color:var(--hd-ink);margin:0}
.hd-dir .hd-card-info__active{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--hd-teal);margin-top:3px}
.hd-dir .hd-card-info__active .hd-ico{width:14px;height:14px}
.hd-dir .hd-doctor-bottom{border-top:1px solid var(--hd-line);padding-top:11px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.hd-dir .hd-fee{min-width:0}
.hd-dir .hd-fee-label{display:block;font-size:12px;font-weight:400;color:var(--hd-muted-text)}
.hd-dir .mkt-fact-fee{display:block;font-size:21px;font-weight:600;line-height:1.55;color:var(--hd-ink)}
.hd-dir .hd-fee-more{display:inline-flex;align-items:center;min-height:48px;font-size:13px}
.hd-dir .hd-booking-card__profile{display:inline-flex;align-items:center;min-height:48px;font-size:12px;color:var(--hd-action);padding:8px 0;text-decoration:none;overflow-wrap:anywhere}
.hd-dir .hd-card-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:8px;width:100%;margin:0;padding:0;flex:none}
.hd-dir .hd-card-actions>.btn{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:48px;padding:9px;border-radius:9px;font-size:14px;font-weight:500;line-height:1.55;white-space:normal}
.hd-dir .hd-card-actions>.btn-ghost{border-color:var(--hd-line)}
.hd-dir .hd-card-actions>.btn:only-child{grid-column:1/-1}
.hd-dir .hd-card-actions>.btn-primary{gap:8px;padding:10px 12px}
.hd-dir .hd-card-actions>.tiny{align-self:center;text-align:center}
.hd-dir .hd-dir-more{display:flex;justify-content:center;margin:14px 0 0}
.hd-dir .hd-dir-more .btn{width:100%;min-height:48px;border-radius:10px;background:var(--hd-blue-soft);border-color:var(--hd-line);font-size:15px}
.hd-dir-empty{padding:30px 20px;text-align:center;background:var(--hd-card);border:1px solid var(--hd-line);border-radius:14px}
.hd-dir .hd-dir-empty p{margin:7px 0 12px}
@media(max-width:780px){
  main.wrap.hd-dir{padding:23px}
  .hd-dir-shortcuts{gap:8px}
  .hd-dir .hd-chip{padding:11px 10px;gap:8px}
  .hd-dir .hd-choice-icon{width:30px;height:30px}
  .hd-dir .hd-dir-shortcuts--district .hd-choice-icon{display:none}
}
@media(max-width:560px){
  main.wrap.hd-dir{padding:20px 15px}
  main.wrap.hd-dir h1{font-size:23px}
  .hd-dir-hero{margin-bottom:18px}
  .hd-dir-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hd-dir .hd-chip{min-height:67px;padding:10px;gap:8px}
  .hd-dir .hd-choice-name{font-size:14px}
  .hd-dir .hd-choice-name small{font-size:11px}
  .hd-choice-check{display:none}
  .hd-dir-shortcuts--district{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hd-dir .hd-dir-shortcuts--district .hd-chip{min-height:48px;justify-content:center;padding:8px 2px}
  .hd-dir .hd-dir-shortcuts--district .hd-choice-name{font-size:13px}
  .hd-dir .hd-dir-filters{padding:12px;margin-top:14px}
  .hd-dir-filterfields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hd-dir-filterfields>label:last-child:nth-child(3){grid-column:1/-1}
  .hd-dir .hd-dir-filters select{font-size:16px}
  .hd-dir .hd-dir-results{font-size:19px}
  .hd-dir-sechead h3{font-size:17px}
  .hd-dir-grid{grid-template-columns:1fr}
  .hd-dir .mkt.hd-booking-card.hd-doctor{padding:15px;gap:10px}
  .hd-dir .hd-card-name .who-name{font-size:17px}
  .hd-dir .who-degree{font-size:13px}
  .hd-dir .hd-doctor-bottom{padding-top:9px}
}
@media(max-width:380px){
  .hd-dir .hd-doctor-stats{padding:10px;gap:6px}
  .hd-dir .hd-doctor-stats dt{font-size:11px}
  .hd-dir .hd-doctor-stats dd{font-size:19px}
}

/* ═════════════════════════════════════════════════════════════════════════════
 * SOCIAL207 - THE HEADER NAV KEEPS THE LOGO'S LINE ON EVERY PAGE, NOT JUST ONE.
 *
 * THE OWNER: "Upore header e logo er sathe paraller rekhe booking, msg etc. page link guli
 * ache, but eta shudhu home page e maintain hoy. Onno page e niche neme jay. Home page er css
 * dekhe baki page gulir jonno eta thik korbe."
 *
 * THE CAUSE, MEASURED: app.css's `@media (max-width:520px){.hdr .hd-nav{flex-basis:100%}}`
 * puts the nav on its own row on EVERY page at phone width. The only thing that ever beat it
 * was `flex-basis:auto` + `flex-wrap:nowrap` scoped to `.hd-doctor-home` / `.hd-patient-home`
 * - body classes that /dashboard alone emits, from two stylesheets linked on that page alone.
 * Nothing about that page is special; every other page simply never got the override.
 *
 * WHY THE RULE LIVES HERE AND NOT IN app.css: every byte of app.css must be declared as a hunk
 * in scripts/nd-css-ledger.js, which stands at 20426 of its 20480-byte ceiling - 54 bytes free
 * against the ~214 this needs. This sheet is linked unconditionally on every page and AFTER
 * app.css, and it is governed by no ledger and no reconstruction, so equal specificity plus
 * later source order wins the cascade - the same mechanism, obtained without spending a bound
 * whose whole purpose is to make somebody argue for it. The three app.css literals are
 * OVERRIDDEN here, never rewritten there.
 *
 * THE 350px FLOOR IS THE REFLOW BUDGET, NOT A PREFERENCE. `.hd-brand` is `flex:0 0 auto` and
 * cannot shrink; four nav items at their 48px floor plus gaps plus the brand plus the header
 * padding come to about 330px. A blanket nowrap at 320px overflows the page, and two browser
 * gates measure exactly that - one asserts scrollWidth equals innerWidth at 320px, the other
 * runs 320px at scale 4. patient-dashboard.css already draws this line at 350px; this mirrors
 * a measurement the estate has already made rather than inventing a second one, and the item
 * metrics below are doctor-dashboard.css's own - the header that holds one line today.
 * /dashboard is unaffected: its rules carry a higher specificity and still win.
 * ═════════════════════════════════════════════════════════════════════════════ */
@media (min-width:350px) and (max-width:520px){.hdr.hd-hdr{flex-wrap:nowrap}.hdr .hd-nav{flex-basis:auto;flex-wrap:nowrap;justify-content:flex-end}.hdr .hd-nav__item{flex:0 1 52px;min-width:48px;padding:4px 5px}}

/* =============================================================================
 * SOCIAL209 - THE COMMENT ACTION ROW IS THE POST CARD'S ACTION ROW, AT COMMENT SCALE,
 * AND THE REPLY BOX IS THE COMPOSER ONE STEP IN.
 *
 * THE OWNER, on SOCIAL208's row: "design khub poor. Site er sathe mil rekhe design thik
 * koro." On the box, one pass earlier: "same comment box open hobe but main comment box
 * theke choto and ektu rt sided hbe ... Amdr design thik rakhbe."
 *
 * WHAT STOOD HERE (SOCIAL208), KEPT AS THE RECORD:
 *   .comment-list .comment.comment-reply{padding-inline-start:22px;border-inline-start:2px solid var(--hd-line,#e6e6e6)}
 *   .comment-replybox{margin-top:4px}
 *   .comment-replybox>summary{cursor:pointer;list-style:none;display:inline-block}
 *   .comment-replybox>summary::-webkit-details-marker{display:none}
 *   .comment-form--reply{padding-inline-start:22px;margin-top:6px}
 *   .comment-form--reply textarea{width:100%;font-size:13px}
 * Those six rules dressed nothing: the controls themselves wore `linkish tiny`, and both of
 * THOSE classes are switched off inside `.post` by `:where(:not(.post *))`. This partial
 * renders on BOTH sides of that fence - post_page.ejs mounts it OUTSIDE article.post,
 * comments_fragment.ejs swaps it INSIDE - so one row rendered as two different controls.
 * THE RULES BELOW CARRY NO SUCH EXCLUSION and are scoped to `.comments`, the panel's own
 * section class, so the row looks identical on both surfaces.
 *
 * EVERY VALUE IS A TOKEN, AND --hd-tap IS ASKED FOR BY NAME RATHER THAN TYPED: app.css's
 * :root still says 44px and design-tokens.css says 48px, and the later sheet wins. Typing a
 * number here would freeze whichever of the two happened to be true today.
 * 360px: the row WRAPS, every cell is min-width 48px / max-width 100% with overflow-wrap,
 * and the pill is flex:1 1 0 with min-width:0 so it shrinks rather than widening the column.
 * app.css is OFF LIMITS - 54 bytes of ledger headroom and sha-pinned hunks.
 * ============================================================================= */
.comment-list .comment.comment-reply{padding-inline-start:22px;border-inline-start:2px solid var(--hd-line)}
.comments .comment-acts{display:flex;flex-wrap:wrap;align-items:center;gap:2px;min-width:0;margin-top:2px}
.comments .comment-acts>.inline{display:flex;min-width:0;max-width:100%;margin:0}
.comments .hd-cmt__act{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;min-width:48px;min-height:var(--hd-tap);max-width:100%;margin:0;padding:6px 10px;border:0;border-radius:var(--hd-control-radius);background:none;color:var(--hd-muted-text);font:inherit;font-size:var(--hd-meta-size);font-weight:500;line-height:1.3;text-align:center;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.comments .hd-cmt__act>.hd-ico{flex:0 0 auto}
.comments .hd-cmt__act>span{min-width:0}
.comments .hd-cmt__n{font-weight:600}
.comments .hd-cmt__act--mod{color:var(--hd-action)}
.comments .hd-cmt__act--static{cursor:default}
.comments .hd-cmt__act.on{background:var(--hd-teal-soft);color:var(--hd-secondary)}
.comments button.hd-cmt__act:hover,.comments summary.hd-cmt__act:hover{color:var(--hd-action)}
.comments .hd-cmt__act:focus-visible{outline:2px solid var(--hd-action);outline-offset:-2px}
.comments .comment-replybox{flex:0 1 auto;min-width:0;max-width:100%;margin:0}
.comments .comment-replybox>summary{list-style:none}
.comments .comment-replybox>summary::-webkit-details-marker{display:none}
.comments .comment-replybox[open]{display:flex;flex-wrap:wrap;align-items:center;flex:1 1 100%}
.comments .hd-cmt__form{display:flex;align-items:center;gap:8px;flex:1 1 100%;min-width:0;margin:4px 0 2px;padding-inline-start:22px}
.comments .hd-cmt__input{flex:1 1 0;min-width:0;box-sizing:border-box;height:var(--hd-tap);max-height:120px;margin:0;padding:11px 16px;border:1px solid var(--hd-line);border-radius:24px;background:var(--hd-input);color:var(--hd-ink);font:inherit;font-size:var(--hd-support-size);line-height:1.45;resize:vertical}
.comments .hd-cmt__input::placeholder{color:var(--hd-placeholder)}
.comments .hd-cmt__input:focus-visible{outline:2px solid var(--hd-action);outline-offset:1px}
.comments .hd-cmt__send{display:flex;align-items:center;justify-content:center;flex:0 0 var(--hd-tap);width:var(--hd-tap);height:var(--hd-tap);padding:0;border:0;border-radius:50%;background:var(--hd-teal);color:var(--hd-ink);cursor:pointer}
.comments .hd-cmt__send:focus-visible{outline:2px solid var(--hd-action);outline-offset:2px}