/* Kenio Community — compact editorial design, shared by Pet Journal and product reviews.
   A single stylesheet replaces stacked historical overrides and card decoration. */
.kenio-community {
  --kc-ink:#183e35;--kc-accent:#146a5e;--kc-muted:#82948c;
  --kc-line:#e0e9e3;--kc-star:#b8893c;
  box-sizing:border-box;width:100%;min-width:0;
  margin:30px 0 22px;padding:22px 0 0;border-top:1px solid var(--kc-line);
  background:transparent;color:var(--kc-ink);font-family:inherit;
  scroll-margin-top:90px;
}
.kenio-community *, .kenio-community *::before, .kenio-community *::after{box-sizing:border-box}
.kenio-community [hidden]{display:none!important}
.kenio-community--product{margin:0;padding:0;border:0}
.kenio-community__top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 19px}
.kenio-community__heading{min-width:0}
.kenio-community__heading-line{display:flex;align-items:center;gap:11px}
.kenio-community h2{
  padding:0!important;margin:0!important;border:0!important;
  font-size:clamp(22px,2.2vw,26px)!important;
  line-height:1.25!important;letter-spacing:-.035em;font-weight:760;
  color:var(--kc-ink)!important;background:none!important;
}
.kenio-community__subtitle{margin:5px 0 0!important;color:#819088;font-size:12px;line-height:1.6}
.kenio-community__meta-count{
  display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:23px;padding:0 6px;
  border-radius:5px;background:#edf5ef;color:#2b674f;font-size:11px;font-weight:750;
  font-variant-numeric:tabular-nums;
}
.kenio-community__action{
  appearance:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;flex-shrink:0;
  min-height:39px;padding:9px 15px;border:1px solid #146a5e;border-radius:6px;
  background:#146a5e;color:white!important;
  font-family:inherit;font-size:12px;font-weight:680;line-height:1.3;white-space:nowrap;
  box-shadow:none;cursor:pointer;transition:background .15s ease;
}
.kenio-community__action:hover:not(:disabled){background:#0e534a;border-color:#0e534a}
.kenio-community__action:disabled{cursor:wait;opacity:.65}
.kenio-community__action-icon{font-size:17px;font-weight:400;line-height:1}
.kenio-community :is(button,input,textarea,a):focus-visible{outline:2px solid #2d8c79;outline-offset:3px}
.kenio-community__reviews-overview{
  display:flex;align-items:center;gap:30px;
  padding:18px 0;margin:16px 0 8px;
  border:0;border-top:1px solid var(--kc-line);
  background:none;
}
.kenio-community__summary{display:flex;align-items:center;gap:15px;flex:0 0 auto}
.kenio-community__average{
  font-size:47px;line-height:1;font-weight:740;letter-spacing:-.05em;
  font-variant-numeric:tabular-nums;
}
.kenio-community__rating-details{display:flex;flex-direction:column;gap:5px}
.kenio-community__stars{color:var(--kc-star);font-size:17px;letter-spacing:2px;line-height:1}
.kenio-community__count{color:var(--kc-muted);font-size:11px;line-height:1.4}
.kenio-community__distribution{
  display:grid;flex:1;gap:3px;max-width:410px;margin-left:auto;
  padding-left:27px;border-left:1px solid var(--kc-line);
}
.kenio-community__rating-bar{
  display:grid;grid-template-columns:57px minmax(55px,1fr) 27px;gap:11px;align-items:center;
  appearance:none;border:0;border-radius:4px;padding:4px;background:none;
  color:#536e61;font:inherit;font-size:11px;text-align:left;cursor:pointer;
}
.kenio-community__rating-bar:hover,.kenio-community__rating-bar[aria-pressed=true]{background:#edf5ef}
.kenio-community__rating-bar-track{height:5px;background:#e4ebe6;border-radius:4px;overflow:hidden}
.kenio-community__rating-bar-fill{display:block;height:100%;background:var(--kc-star)}
.kenio-community__rating-bar-count{text-align:right;font-variant-numeric:tabular-nums}
.kenio-community__form{
  margin:14px 0 20px;padding:18px 0 4px;border:0;border-top:1px solid var(--kc-line);
  border-radius:0;background:none;box-shadow:none;
}
.kenio-community__form-heading{
  display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 14px;
}
.kenio-community__form-title{margin:0!important;font-size:15px;font-weight:750;line-height:1.4;color:var(--kc-ink)}
.kenio-community__form-notice{font-size:11px;line-height:1.4;color:var(--kc-muted);text-align:right}
.kenio-community__form>label{display:block;margin:0 0 8px;font-size:12px;font-weight:700;color:#315648}
.kenio-community__form textarea{
  display:block;width:100%;min-height:110px;padding:13px 15px;
  resize:vertical;border:1px solid #d7e3da;border-radius:5px;background:#fff;
  box-shadow:none;color:var(--kc-ink);font:inherit;font-size:13px;line-height:1.7;
}
.kenio-community__form textarea:focus{outline:2px solid #8eb5a4;outline-offset:1px}
.kenio-community__form textarea::placeholder{color:#9aaba2}
.kenio-community__rating-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 16px}
.kenio-community__rating-label{color:#315648;font-size:12px;font-weight:700}
.kenio-community__rating{display:flex;align-items:center;gap:1px}
.kenio-community__rating-choice{
  position:relative!important;display:inline-flex!important;justify-content:center;align-items:center;
  margin:0!important;padding:0!important;width:32px;height:33px;cursor:pointer;
}
.kenio-community__rating-choice input[type=radio]{
  position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;
}
.kenio-community__rating-choice span{font-family:Arial,sans-serif;font-size:28px;line-height:1;color:#b9c8bd;pointer-events:none}
.kenio-community__rating-choice:has(input:focus-visible){outline:2px solid #2d8c79;outline-offset:2px}
.kenio-community__rating:has(input[value="1"]:checked) label:nth-child(-n+1) span,
.kenio-community__rating:has(input[value="2"]:checked) label:nth-child(-n+2) span,
.kenio-community__rating:has(input[value="3"]:checked) label:nth-child(-n+3) span,
.kenio-community__rating:has(input[value="4"]:checked) label:nth-child(-n+4) span,
.kenio-community__rating:has(input[value="5"]:checked) label:nth-child(-n+5) span{color:var(--kc-star)}
.kenio-community__rating:has(label:nth-child(1):hover) label:nth-child(-n+1) span,
.kenio-community__rating:has(label:nth-child(2):hover) label:nth-child(-n+2) span,
.kenio-community__rating:has(label:nth-child(3):hover) label:nth-child(-n+3) span,
.kenio-community__rating:has(label:nth-child(4):hover) label:nth-child(-n+4) span,
.kenio-community__rating:has(label:nth-child(5):hover) label:nth-child(-n+5) span{color:var(--kc-star)}
.kenio-community__replying{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:0 0 12px;padding:7px 10px;
  border:0;border-left:2px solid #7cae98;background:#f7faf8;
  color:#466759;font-size:11px;
}
.kenio-community__upload{
  position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;
}
.kenio-community__upload-button{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  border:1px solid #d5e2da;border-radius:5px;padding:8px 11px!important;margin:0!important;
  background:white;color:#376454!important;font-size:11px!important;font-weight:700!important;
  white-space:nowrap;cursor:pointer;
}
.kenio-community__upload-button:hover{background:#f5faf7}
.kenio-community__upload-icon{font-size:15px;line-height:1}
.kenio-community__upload-button small{color:#93a39a;font-weight:400;font-size:10px}
.kenio-community__upload input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.kenio-community__upload:has(input:focus-visible) .kenio-community__upload-button{outline:2px solid #2d8c79;outline-offset:2px}
.kenio-community__upload p{margin:0!important;color:#8b9c91;font-size:10px;line-height:1.5}
.kenio-community__previews{display:flex;flex:1 0 100%;flex-wrap:wrap;gap:7px}
.kenio-community__previews:empty{display:none}
.kenio-community__photo-chip{
  display:inline-flex;align-items:center;gap:6px;padding:5px 8px;max-width:100%;
  border:1px solid #dce8df;border-radius:5px;color:#4b6b5b;background:#fff;font-size:11px;
}
.kenio-community__photo-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kenio-community__photo-file-icon{font-size:14px;color:#91a799}
.kenio-community__photo-chip button{border:0;background:none;color:#967467;font:inherit;font-size:16px;cursor:pointer}
.kenio-community__form-bottom{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;
  margin-top:17px;padding-top:13px;border-top:1px solid var(--kc-line);
}
.kenio-community__helper{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;color:#8b9c91;font-size:11px}
.kenio-community__signin{
  appearance:none;padding:0;background:none;border:0;color:var(--kc-accent);
  font:inherit;font-weight:700;font-size:11px;text-decoration:underline;text-underline-offset:2px;cursor:pointer;
}
.kenio-community__form-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.kenio-community__secondary{border:0;padding:8px;background:none;color:#6d8578;font:inherit;font-size:11px;cursor:pointer}
.kenio-community__secondary:hover{color:var(--kc-accent)}
.kenio-community__feedback{
  margin:0!important;padding:8px 0;border:0;border-radius:0;background:none;
  color:#44725a;font-size:12px;line-height:1.5;
}
.kenio-community__feedback:empty{display:none}
.kenio-community__feedback.is-error{color:#ad4942}
.kenio-community__list{display:block;margin:0;padding:0}
.kenio-community__list:empty{display:none}
.kenio-community__item{padding:17px 0 18px;border:0;border-bottom:1px solid var(--kc-line);min-width:0}
.kenio-community__item-head{display:flex;align-items:center;gap:9px}
.kenio-community__avatar{
  flex:0 0 32px;width:32px;height:32px;
  display:grid;place-items:center;border-radius:50%;
  border:1px solid #d9e7dc;background:#eff6f0;color:#3a7657;
  font-size:11px;font-weight:700;
}
.kenio-community__author-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.kenio-community__who{font-size:12px;line-height:1.4;font-weight:740;color:var(--kc-ink)}
.kenio-community__author-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.kenio-community__date{color:#92a197;font-size:11px;line-height:1.3}
.kenio-community__verified{font-size:10px;color:#3b7656}
.kenio-community__body{
  margin:8px 0 0 41px!important;padding:0!important;max-width:680px;
  color:#334e44;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;
}
.kenio-community__item-stars{margin:10px 0 0 41px;color:var(--kc-star);font-size:15px;letter-spacing:1px}
.kenio-community__gallery{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0 41px}
.kenio-community__gallery a{display:block;width:112px;aspect-ratio:1;overflow:hidden;border:1px solid var(--kc-line);border-radius:5px}
.kenio-community__gallery img{display:block;width:100%;height:100%;object-fit:cover}
.kenio-community__item-tools{display:flex;align-items:center;gap:20px;margin:8px 0 0 41px}
.kenio-community__item-tools button{
  appearance:none;min-height:24px;padding:1px 0;border:0;
  background:none;color:#71877b;font:inherit;font-size:11px;cursor:pointer;
}
.kenio-community__item-tools button:first-child{color:#367c63;font-weight:650}

.kenio-community__item-tools button:hover{text-decoration:underline;text-underline-offset:3px}
.kenio-community__replies{
  margin:12px 0 0 41px;padding:0 0 0 15px;
  border:0;border-left:1px solid #dce7de;border-radius:0;background:none;
}
.kenio-community__reply-heading{display:none}
.kenio-community__replies .kenio-community__item{padding:5px 0 0;border:0}
.kenio-community__replies .kenio-community__avatar{flex-basis:26px;width:26px;height:26px;font-size:10px}
.kenio-community__replies .kenio-community__body{margin:6px 0 0 35px!important}
.kenio-community__replies .kenio-community__item-tools{margin:5px 0 0 35px}
.kenio-community__replies .kenio-community__gallery,.kenio-community__replies .kenio-community__item-stars{margin-left:35px}
.kenio-community__empty{margin:0;padding:14px 0;border:0;border-radius:0;background:none}
.kenio-community__empty p{margin:0!important;font-size:12px;color:#90a096;line-height:1.5}
.kenio-community__more{display:block;margin:16px 0 0;padding:9px 12px;border:1px solid var(--kc-line);border-radius:5px;background:white;color:var(--kc-accent);font-size:12px;cursor:pointer}
/* The existing account OTP menu is temporarily mounted as a viewport dialog. */
body.kenio-community-auth-open{overflow:hidden}
body.kenio-community-auth-open [data-account-control]{
  position:fixed!important;inset:0;z-index:2147483000;
  display:flex!important;justify-content:center;align-items:center;
  padding:20px;background:rgba(14,34,27,.48);backdrop-filter:blur(3px);
}
body.kenio-community-auth-open [data-account-toggle]{display:none!important}
body.kenio-community-auth-open [data-account-panel]{
  position:relative!important;top:auto!important;right:auto!important;left:auto!important;
  width:350px;max-width:min(100%,420px);max-height:calc(100dvh - 40px);
  overflow-y:auto;transform:none!important;margin:0;z-index:1;
  box-shadow:0 24px 65px rgba(13,32,27,.26);
}
@media(max-width:700px){
  .kenio-community__top{gap:10px}
  .kenio-community h2{font-size:21px!important}
  .kenio-community__action{padding:8px 10px;min-height:36px;font-size:11px}
  .kenio-community__reviews-overview{align-items:flex-start;flex-direction:column;gap:14px}
  .kenio-community__distribution{width:100%;max-width:none;margin:0;padding:12px 0 0;border:0;border-top:1px solid var(--kc-line)}
}
@media(max-width:420px){
  .kenio-community{margin-top:24px;padding-top:17px}
  .kenio-community__item{padding:14px 0 16px}
  .kenio-community__body,.kenio-community__item-tools,.kenio-community__gallery,.kenio-community__item-stars{margin-left:0!important}
  .kenio-community__replies{margin-left:11px;padding-left:11px}
  .kenio-community__replies .kenio-community__body,
  .kenio-community__replies .kenio-community__item-tools{margin-left:0!important}
  .kenio-community__form-heading{align-items:flex-start;flex-direction:column;gap:3px}
  .kenio-community__form-bottom{align-items:flex-start;flex-direction:column}
  .kenio-community__form-actions{align-self:flex-end}
}
@media(prefers-reduced-motion:reduce){.kenio-community__action{transition:none}}

/* Editorial response actions. One quiet contextual menu instead of a floating "Report". */
.kenio-community__top{padding-bottom:3px;margin-bottom:14px}
.kenio-community__item{padding:20px 0 19px}
.kenio-community__item-head{align-items:center}
.kenio-community__body{font-size:13px;line-height:1.65;margin-top:7px!important}
.kenio-community__item-tools{
  gap:16px;margin-top:9px;min-height:28px;
}
.kenio-community__more-actions-wrap{position:relative;display:inline-flex;align-items:center}
.kenio-community__item-tools .kenio-community__more-actions{
  color:#768a7e;min-width:28px;height:26px;padding:0 4px;
  font-family:inherit;font-size:19px;font-weight:700;letter-spacing:.08em;
  border:0;border-radius:5px;
}
.kenio-community__item-tools .kenio-community__more-actions:hover,
.kenio-community__item-tools .kenio-community__more-actions[aria-expanded=true]{
  background:#edf4ee;text-decoration:none;color:#215e4a;
}
.kenio-community__actions-menu{
  position:absolute;z-index:5;left:0;top:calc(100% + 5px);min-width:162px;
  padding:5px;border:1px solid #dfe8e1;border-radius:7px;
  background:#fff;box-shadow:0 10px 26px rgba(17,49,33,.09);
}
.kenio-community__item-tools .kenio-community__report-action{
  display:block;width:100%;height:34px;min-height:34px;
  border-radius:4px;padding:8px 10px;text-align:left;
  font-family:inherit;font-size:12px;font-weight:500;line-height:1.4;
  color:#8f4942;background:transparent;white-space:nowrap;
}
.kenio-community__item-tools .kenio-community__report-action:hover{
  color:#91392f;background:#fff5f3;text-decoration:none;
}
.kenio-community__replies{margin-top:12px;padding-left:14px}
.kenio-community__replies .kenio-community__item{padding-top:4px;padding-bottom:1px}
.kenio-community__replies .kenio-community__body{margin-top:5px!important}
.kenio-community__replies .kenio-community__item-tools{margin-top:5px}
.kenio-community__empty{padding:12px 0}
.kenio-community__empty p{color:#82938a}
.kenio-community--guide .kenio-community__top{margin-bottom:13px}
.kenio-community--product .kenio-community__top{margin-bottom:18px}
.kenio-community--product .kenio-community__reviews-overview{
  margin-top:0;padding-top:16px;gap:26px;
}
@media(max-width:420px){
  .kenio-community__item{padding:17px 0}
  .kenio-community__item-tools{margin-top:7px}
  .kenio-community__replies{margin:11px 0 0 9px}
  .kenio-community__actions-menu{left:auto;right:0}
}