/*
 * TemplinTech Comments
 * Copyright (C) 2026 Dr. Yordan Balabanov
 * SPDX-License-Identifier: GPL-2.0-or-later
 */
.templintechcomments{margin-block:2.5rem;max-width:100%}.templintechcomments *{box-sizing:border-box}.templintechcomments__header{border-block-end:2px solid currentColor;margin-block-end:.4rem}.templintechcomments__header h3{margin:0 0 .65rem;font-size:1.35rem}.templintechcomments__empty,.templintechcomments__note{font-size:.92rem}.templintechcomments__item{position:relative;display:grid;grid-template-columns:3rem minmax(0,1fr) auto;gap:.8rem;border-block-end:1px solid color-mix(in srgb,currentColor 22%,transparent);padding:1.1rem 0;align-items:start}.templintechcomments__number{font-size:1.65rem;font-weight:700;line-height:1;color:currentColor;text-align:start;padding-top:.15rem}.templintechcomments__meta{display:flex;flex-direction:column;gap:.05rem;margin-bottom:.65rem}.templintechcomments__meta strong{font-size:.92rem}.templintechcomments__meta time{font-size:.75rem;font-weight:600}.templintechcomments__body{line-height:1.55;overflow-wrap:anywhere}.templintechcomments__actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:.85rem;font-size:.84rem}.templintechcomments__text-button,.templintechcomments__report summary{border:0;background:transparent;padding:0;text-decoration:underline;text-underline-offset:.15em;cursor:pointer;color:inherit;font:inherit}.templintechcomments__inline-form{display:inline}.templintechcomments__votes{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.templintechcomments__votes form{margin:0}.templintechcomments__vote{display:inline-flex;align-items:center;gap:.28rem;border:0;background:transparent;padding:.2rem .28rem;cursor:pointer;font:inherit;font-weight:700;border-radius:.25rem}.templintechcomments__vote--up{color:#198754}.templintechcomments__vote--down{color:#b42318}.templintechcomments__vote:hover,.templintechcomments__vote:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent);outline:2px solid currentColor;outline-offset:2px}.templintechcomments__vote.is-active{background:color-mix(in srgb,currentColor 12%,transparent);box-shadow:inset 0 0 0 1px currentColor}.templintechcomments__thumb{width:1.1rem;height:1.1rem;display:block;flex:0 0 auto}.templintechcomments__vote-count{font-variant-numeric:tabular-nums;min-width:1ch;text-align:start}.templintechcomments__report[open]{width:min(34rem,100%)}.templintechcomments__report-form{display:grid;gap:.55rem;margin-top:.65rem;padding:.75rem;border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:.35rem}.templintechcomments__report-form label{display:grid;gap:.2rem}.templintechcomments__report-form input,.templintechcomments__report-form select,.templintechcomments__report-form textarea,.templintechcomments__form input,.templintechcomments__form textarea{width:100%;max-width:100%}.templintechcomments__check{display:flex!important;align-items:flex-start;gap:.4rem}.templintechcomments__check input{width:auto!important;margin-top:.25rem}.templintechcomments__form{margin-top:1.5rem;padding:1rem;border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:.35rem}.templintechcomments__field{display:grid;gap:.3rem;margin-block:.8rem}.templintechcomments__privacy{font-size:.84rem;padding:.8rem;margin-block:1rem;background:color-mix(in srgb,currentColor 4%,transparent);border-inline-start:3px solid color-mix(in srgb,currentColor 35%,transparent)}.templintechcomments__privacy p{margin:.25rem 0}.templintechcomments__hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.templintechcomments__pagination{display:flex;align-items:center;justify-content:center;gap:.7rem;background:#111;color:#fff;padding:.45rem .7rem;margin-top:1.5rem}.templintechcomments__pagination a,.templintechcomments__pagination span{color:inherit;text-decoration:none;min-width:1.75rem;text-align:center}.templintechcomments__pagination .is-current{background:#fff;color:#111;border-radius:999px;padding:.12rem .45rem}.templintechcomments__pagination .is-disabled{opacity:.45}.templintechcomments__page-edge{border:1px solid currentColor;border-radius:999px;padding:.12rem .9rem;margin-inline:auto}.templintechcomments-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.7rem;height:1.35rem;padding-inline:.35rem;border:1px solid currentColor;border-radius:50%;font-size:.72rem;line-height:1;text-decoration:none;position:relative;margin-inline:.35rem}.templintechcomments-count::after{content:"";position:absolute;bottom:-.22rem;left:50%;width:.38rem;height:.38rem;border-inline-start:1px solid currentColor;border-block-end:1px solid currentColor;transform:translateX(-50%) rotate(-35deg);background:inherit}.templintechcomments__login{margin-top:1rem}@media(max-width:600px){.templintechcomments__item{grid-template-columns:2.2rem minmax(0,1fr)}.templintechcomments__votes{grid-column:2}.templintechcomments__page-edge{margin-inline:0}.templintechcomments__pagination{gap:.35rem;flex-wrap:wrap}}


/* 0.5.2 title-integrated comment count badge and live vote presentation */
.templintechcomments-count[data-ttc-positioned="0"]{display:none}
.templintechcomments-count{display:inline-flex;align-items:center;gap:.28rem;min-width:0;height:1.55rem;padding:0 .5rem;border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:999px;background:color-mix(in srgb,currentColor 5%,transparent);font-size:.7rem;font-weight:700;line-height:1;text-decoration:none;vertical-align:.12em;white-space:nowrap;box-shadow:none;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}
.templintechcomments-count::after{content:none}
.templintechcomments-count:hover,.templintechcomments-count:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent);border-color:currentColor;text-decoration:none;transform:translateY(-1px)}
.templintechcomments-count__icon{width:1rem;height:1rem;display:block;flex:0 0 auto}
.templintechcomments-count__value{font-variant-numeric:tabular-nums}
.templintechcomments-title-host--inline>.templintechcomments-count{margin-inline-start:.5rem}
.templintechcomments-title-host--clamped{position:relative!important;padding-inline-end:2.8rem!important}
.templintechcomments-title-host--clamped>.templintechcomments-count{position:absolute;inset-inline-end:0;inset-block-end:.12em;margin:0;z-index:2}
.templintechcomments__vote--up,.templintechcomments__vote--up .templintechcomments__vote-count{color:#198754;font-weight:800}
.templintechcomments__vote--down,.templintechcomments__vote--down .templintechcomments__vote-count{color:#b42318;font-weight:800}

/* 0.5.4 layered transparency notice */
.templintechcomments__privacy-summary{margin:0!important;line-height:1.5}.templintechcomments__privacy-details{margin-top:.55rem}.templintechcomments__privacy-details>summary{cursor:pointer;font-weight:600;text-decoration:underline;text-underline-offset:.15em}.templintechcomments__privacy-details-body{padding-top:.4rem}.templintechcomments__privacy-details-body p{margin:.4rem 0}