.comments{--cf-glow:0 0 0 4px rgb(2 89 140/0.13);display:grid;gap:.7rem;scroll-margin-top:calc(var(--header-h) + 1rem)}.comments-head h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.2rem;line-height:1.4}.comments-total{display:inline-flex;align-items:center;min-width:1.6rem;justify-content:center;padding:0 .5rem;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-family:var(--sans);font-size:.8rem;font-weight:700}.comments-lede{display:flex;align-items:flex-start;gap:.5rem;margin:.25rem 0 0;color:var(--muted);font-size:.93rem}.comments-lede .icon{flex:none;margin-top:.3rem;color:var(--accent)}.comment-list,.comment-replies{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.comment{display:grid;gap:.15rem;scroll-margin-top:calc(var(--header-h) + 1rem)}.comment-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;padding:.7rem .9rem .75rem;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 1px 2px rgb(29 26 23/.03);transition:border-color .22s var(--ease-out),box-shadow .22s var(--ease-out)}.comment:target>.comment-card{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.comment-card[data-role=doctor]{border-color:rgb(2 89 140/.28)}.comment-avatar{display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--paper-2);color:var(--ink-2);font-family:var(--display);font-size:1rem;font-weight:700;line-height:1}.comment-card[data-role=doctor] .comment-avatar{background:var(--primary-soft);color:var(--primary)}.comment-card[data-role=asker] .comment-avatar{background:var(--accent-soft);color:var(--accent)}.comment-main{min-width:0}.comment-replies{margin-inline-start:.9rem;padding-inline-start:.7rem;border-inline-start:2px solid var(--line)}.comment--reply>.comment-card{padding:.55rem .8rem .6rem;background:var(--paper);box-shadow:none}.comment--reply .comment-avatar{width:1.65rem;height:1.65rem;font-size:.9rem}.comment-head{display:flex;flex-wrap:wrap;align-items:center;gap:.1rem .5rem;margin-bottom:.1rem}.comment-who{color:var(--ink);font-weight:700}a.comment-who{color:var(--primary);text-decoration:none}a.comment-who:hover{text-decoration:underline}.comment-badge{padding:.05rem .55rem;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.75rem;font-weight:700}.comment-date{margin-inline-start:auto;color:var(--muted);font-size:.78rem}.comment-title{margin:0 0 .25rem;font-weight:700}.comment-body p{margin:0;font-size:.97rem;line-height:1.75;overflow-wrap:anywhere}.comment-body p+p{margin-top:.4rem}.comment-reply{display:grid;gap:.4rem;margin-inline-start:2.55rem}.comment-reply-toggle{display:inline-flex;align-items:center;gap:.4rem;justify-self:start;min-height:32px;padding:.1rem .7rem;border:0;border-radius:999px;background:transparent;color:var(--primary);font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:background-color .2s var(--ease-out),transform .16s var(--ease-out)}.comment-reply-toggle:active{transform:scale(.97)}.comment-reply-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.comment-compose{display:grid;gap:.55rem;padding:.8rem .9rem .9rem;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.comment-compose-title{margin:0;font-family:var(--display);font-size:1.05rem;line-height:1.4}.comment-form{display:grid;gap:.55rem}.cf-field{display:grid;gap:.3rem;min-width:0}.cf-name label{display:flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:700}.cf-name label .icon{color:var(--muted)}.cf-input{width:100%;min-width:0;min-height:2.5rem;padding:.35rem .8rem;border:1px solid var(--line-strong);border-radius:12px;background:#fff;color:var(--ink);font-size:.97rem;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}.cf-input:focus{border-color:var(--primary);outline:none;box-shadow:var(--cf-glow)}.cf-hint{color:var(--muted);font-size:.8rem;line-height:1.6}.cf-note{display:flex;align-items:flex-start;gap:.45rem;margin:0;padding:.45rem .7rem;border-radius:12px;background:var(--paper);color:var(--ink-2);font-size:.85rem;line-height:1.6}.cf-note .icon{flex:none;margin-top:.2rem;color:var(--muted)}.cf-box{overflow:hidden;border:1px solid var(--line-strong);border-radius:14px;background:#fff;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}.cf-box:focus-within{border-color:var(--primary);box-shadow:var(--cf-glow)}.cf-field[data-invalid] .cf-box,.cf-field[data-invalid] .cf-input{border-color:var(--danger)}.cf-box textarea{display:block;width:100%;min-height:3.1rem;max-height:60vh;padding:.6rem .9rem .2rem;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:1rem;line-height:1.75;outline:none;resize:none;field-sizing:content}.cf-box textarea:not(:placeholder-shown),.cf-box:focus-within textarea{min-height:5rem}.comment-form--reply .cf-box textarea{min-height:2.7rem}.comment-form--reply .cf-box textarea:not(:placeholder-shown),.comment-form--reply .cf-box:focus-within textarea{min-height:4rem}.cf-box textarea::placeholder{color:#8d8174;opacity:1}.cf-foot{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.3rem .4rem .4rem .7rem}.comment-count{margin-inline-end:auto;color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.cf-cancel{min-height:34px;padding:.2rem .7rem;background:transparent;color:var(--muted);font:inherit;font-size:.93rem;font-weight:600}.cf-cancel,.cf-send{border:0;border-radius:999px;cursor:pointer}.cf-send{display:inline-flex;align-items:center;gap:.55rem;min-height:2.2rem;padding:.15rem .2rem;padding-inline-start:.95rem;background:var(--primary);color:#fff;font:inherit;font-size:.92rem;font-weight:700;line-height:1.2;transition:background-color .2s var(--ease-out),opacity .2s var(--ease-out),transform .16s var(--ease-out)}.cf-send:active:not(:disabled){transform:scale(.97)}.cf-send:disabled{background:var(--paper-2);color:var(--muted);cursor:not-allowed}.cf-send[aria-busy]{cursor:progress}.cf-send-icon{display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:rgb(255 255 255/.18);transition:transform .26s var(--ease-out)}.cf-send:disabled .cf-send-icon{background:rgb(29 26 23/.06)}.cf-cancel:focus-visible,.cf-send:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.comment-error,.comment-sent{display:flex;align-items:flex-start;gap:.45rem;margin:0;padding:.45rem .8rem;border-radius:12px;font-size:.88rem;font-weight:600;line-height:1.7}.comment-error .icon,.comment-sent .icon{flex:none;margin-top:.22rem}.comment-error{background:var(--danger-soft);color:var(--danger)}.comment-sent{background:var(--ok-soft);color:var(--ok)}.cf-account{display:grid;gap:.5rem;padding:.7rem .8rem .75rem;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.cf-account-title{margin:0;font-size:.93rem;font-weight:700}.cf-account-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(11.5rem,1fr));gap:.5rem}.cf-account label{font-size:.82rem;font-weight:600}.cf-opt{color:var(--muted);font-weight:400}.cf-account .auth-password{position:relative;display:block}.cf-account .auth-password .cf-input{padding-inline-end:2.5rem}.cf-account .auth-eye{position:absolute;inset-block:0;inset-inline-end:.2rem;display:grid;place-items:center;width:34px;height:34px;margin-block:auto;padding:0;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}.cf-account .auth-eye:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.cf-google{display:inline-flex;justify-content:center;gap:.55rem;min-height:2.5rem;padding:.25rem 1rem;border:1px solid var(--line-strong);border-radius:999px;background:#fff;color:var(--ink);font-size:.92rem;font-weight:600;text-decoration:none}.cf-google,.cf-or{align-items:center}.cf-or{display:flex;gap:.6rem;margin:0;color:var(--muted);font-size:.78rem}.cf-or:after,.cf-or:before{content:"";flex:1;height:1px;background:var(--line)}.cf-account-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.4rem .5rem}.cf-have{margin:0;margin-inline-end:auto;color:var(--muted);font-size:.82rem}.cf-have a{color:var(--primary);font-weight:700}.own-comments{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.own-comment{padding:.5rem .8rem;border:1px dashed var(--line-strong);border-radius:12px;background:var(--paper)}.own-comment[data-status=DECLINED]{border-color:var(--danger);background:var(--danger-soft)}.own-comment p{margin:0}.own-comment-status{display:flex;align-items:flex-start;gap:.4rem;color:var(--muted);font-size:.84rem;font-weight:600;line-height:1.7}.own-comment-status .icon{flex:none;margin-top:.2rem}.own-comment[data-status=PENDING] .own-comment-status{color:var(--warn)}.own-comment[data-status=PUBLISHED] .own-comment-status{color:var(--ok)}.own-comment-body{margin-top:.2rem!important;white-space:pre-line;font-size:.95rem;line-height:1.7}.own-comment-reason{margin-top:.3rem!important;color:var(--danger);font-size:.9rem}@media (hover:hover) and (pointer:fine){.comment-reply-toggle:hover{background:var(--primary-soft)}.cf-send:not(:disabled):hover{background:var(--primary-hover)}.cf-send:not(:disabled):hover .cf-send-icon{transform:translateX(-3px)}.cf-cancel:hover{color:var(--ink)}.cf-box:not(:focus-within):hover,.cf-input:not(:focus):hover{border-color:#b9a78d}}@media (max-width:560px){.comment-card{gap:.55rem;padding:.6rem .7rem .65rem}.comment-replies,.comment-reply{margin-inline-start:.4rem}.comment-replies{padding-inline-start:.7rem}.comment-compose{padding:.7rem .7rem .8rem}.cf-account-fields{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.cf-send-icon{transition:none}.cf-send:active:not(:disabled),.comment-reply-toggle:active{transform:none}}