.comments{--cf-glow:0 0 0 4px rgb(2 89 140/0.13);display:grid;gap:1.1rem;scroll-margin-top:calc(var(--header-h) + 1rem)}.comments-head h2{display:flex;align-items:center;gap:.6rem;margin:0;font-size:1.4rem;line-height:1.4}.comments-total{display:inline-flex;align-items:center;min-width:1.9rem;justify-content:center;padding:.05rem .6rem;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-family:var(--sans);font-size:.85rem;font-weight:700}.comments-lede{display:flex;align-items:flex-start;gap:.6rem;margin:.5rem 0 0;color:var(--muted)}.comments-lede .icon{flex:none;margin-top:.3rem;color:var(--accent)}.comment-list,.comment-replies{display:grid;gap:.85rem;margin:0;padding:0;list-style:none}.comment{display:grid;gap:.4rem;scroll-margin-top:calc(var(--header-h) + 1rem)}.comment-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;padding:1.05rem 1.25rem 1.15rem;border:1px solid var(--line);border-radius:22px;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:2.5rem;height:2.5rem;border-radius:50%;background:var(--paper-2);color:var(--ink-2);font-family:var(--display);font-size:1.25rem;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:1.2rem;padding-inline-start:.95rem;border-inline-start:2px solid var(--line)}.comment--reply>.comment-card{padding:.85rem 1.05rem .95rem;background:var(--paper);box-shadow:none}.comment--reply .comment-avatar{width:2.1rem;height:2.1rem;font-size:1.05rem}.comment-head{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .6rem;margin-bottom:.3rem}.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:.82rem}.comment-title{margin:0 0 .25rem;font-weight:700}.comment-body p{margin:0;line-height:1.9;overflow-wrap:anywhere}.comment-body p+p{margin-top:.6rem}.comment-reply{display:grid;gap:.5rem;margin-inline-start:3.4rem}.comment-reply-toggle{display:inline-flex;align-items:center;gap:.4rem;justify-self:start;min-height:38px;padding:.2rem .85rem;border:0;border-radius:999px;background:transparent;color:var(--primary);font:inherit;font-size:.92rem;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{padding:.4rem;border:1px solid var(--line);border-radius:30px;background:var(--paper-2)}.comment-compose-inner{display:grid;gap:.95rem;padding:1.3rem 1.35rem 1.35rem;border-radius:24px;background:var(--surface);box-shadow:0 1px 2px rgb(29 26 23/.04)}.comment-compose-title{margin:0;font-family:var(--display);font-size:1.35rem;line-height:1.4}.comment-form{display:grid;gap:.85rem}.cf-field{display:grid;gap:.45rem;min-width:0}.cf-name label{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700}.cf-name label .icon{color:var(--muted)}.cf-input{width:100%;min-width:0;min-height:3rem;padding:.6rem 1rem;border:1px solid var(--line-strong);border-radius:16px;background:#fff;color:var(--ink);font-size:1rem;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:.85rem;line-height:1.7}.cf-note{display:flex;align-items:flex-start;gap:.6rem;margin:0;padding:.75rem 1rem;border-radius:16px;background:var(--paper);color:var(--ink-2);font-size:.93rem;line-height:1.75}.cf-note .icon{flex:none;margin-top:.25rem;color:var(--muted)}.cf-box{overflow:hidden;border:1px solid var(--line-strong);border-radius:22px;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:4.4rem;max-height:60vh;padding:1rem 1.2rem .4rem;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:1.0625rem;line-height:1.9;outline:none;resize:none;field-sizing:content}.cf-box textarea:not(:placeholder-shown),.cf-box:focus-within textarea{min-height:7rem}.comment-form--reply .cf-box textarea{min-height:3.4rem}.comment-form--reply .cf-box textarea:not(:placeholder-shown),.comment-form--reply .cf-box:focus-within textarea{min-height:5rem}.cf-box textarea::placeholder{color:#8d8174;opacity:1}.cf-foot{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;padding:.5rem .6rem .6rem .9rem}.comment-count{margin-inline-end:auto;color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.cf-cancel{min-height:40px;padding:.3rem .9rem;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:.7rem;min-height:2.75rem;padding:.25rem .3rem;padding-inline-start:1.15rem;background:var(--primary);color:#fff;font:inherit;font-size:.97rem;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:2.25rem;height:2.25rem;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:.5rem;margin:0;padding:.7rem 1rem;border-radius:16px;font-size:.93rem;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)}.comment-signin{display:flex;align-items:center;gap:1rem}.comment-signin-icon{display:grid;flex:none;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--primary-soft);color:var(--primary)}.comment-signin-body{display:grid;gap:.6rem}.comment-signin p{margin:0}.comment-signin-actions{display:flex;flex-wrap:wrap;gap:.5rem}.comment-wait{min-height:3rem;margin:0}.own-comments{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.own-comment{padding:.8rem 1rem;border:1px dashed var(--line-strong);border-radius:18px;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:.45rem;color:var(--muted);font-size:.88rem;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:.35rem!important;white-space:pre-line;line-height:1.85}.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:.7rem;padding:.9rem 1rem 1rem}.comment-replies,.comment-reply{margin-inline-start:.4rem}.comment-replies{padding-inline-start:.7rem}.comment-compose-inner{padding:1.1rem 1rem 1.15rem}.comment-signin{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.cf-send-icon{transition:none}.cf-send:active:not(:disabled),.comment-reply-toggle:active{transform:none}}