/* Shared reviews stylesheet. Extracted from the current SL review template.
 * All selectors are scoped to .ks-review-browser; page containers own width and gutters. */
.ks-review-browser {--teal:#277d85;--score-low:#9e0b0f;--score-middle:#e8a731;--score-high:#277d85;--dark:#003a54;--ink:#444;--muted:#52666e;--line:#d6e2e5;--wash:#f2f7f8;container:ksreviews / inline-size;min-width:0;padding:0;background:transparent;color:var(--ink);font-family:inherit;font-size:18px;line-height:30px;text-align:left;}
.ks-review-browser * {
        box-sizing:border-box
      }
.ks-review-browser button,
.ks-review-browser input,
.ks-review-browser select {
        font:inherit;
        color:inherit
      }
.ks-review-browser button,
.ks-review-browser select,
.ks-review-browser summary {
        cursor:pointer
      }
.ks-review-browser button {
        touch-action:manipulation
      }
.ks-review-browser button:focus-visible,
.ks-review-browser input:focus-visible,
.ks-review-browser select:focus-visible,
.ks-review-browser summary:focus-visible,
.ks-review-browser a:focus-visible {
        outline:3px solid #c88b24;
        outline-offset:3px
      }
.ks-review-browser a,
.ks-review-browser .expand,
.ks-review-browser .text-button,
.ks-review-browser .method summary {
        color:#2a6496;
        text-decoration:underline;
        text-underline-offset:3px
      }
.ks-review-browser a:hover,
.ks-review-browser .expand:hover,
.ks-review-browser .text-button:hover,
.ks-review-browser .method summary:hover {
        color:#3692e2;
        text-decoration:none
      }
.ks-review-browser [hidden] {
        display:none!important
      }
.ks-review-browser .intro {
        font-size:18px;
        line-height:30px;
        max-width:830px;
        color:var(--ink);
        margin:0 0 20px
      }
.ks-review-browser .filter-panel {
        margin:12px 0;
        padding:20px;
        border:1px solid var(--line);
        border-radius:12px;
        background:var(--wash)
      }
.ks-review-browser .panel-top {
        display:flex;
        justify-content:space-between;
        align-items:center;
        flex-wrap:wrap;
        gap:8px 16px;
        margin-bottom:16px
      }
.ks-review-browser .panel-top h2 {
        font-size:18px;
        line-height:26px;
        font-weight:700;
        color:var(--dark);
        margin:0
      }
.ks-review-browser .text-button {
        min-height:44px;
        padding:7px 0;
        background:transparent;
        border:0;
        font-size:14px;
        line-height:22px;
        text-decoration:underline;
        text-underline-offset:3px
      }
.ks-review-browser .distribution-toggle {
        display:none
      }
.ks-review-browser .filters {
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:14px 18px
      }
.ks-review-browser .field {
        min-width:0
      }
.ks-review-browser .field label {
        display:block;
        margin:0 0 6px;
        font-size:14px;
        line-height:22px;
        color:var(--dark);
        font-weight:700;
        white-space: normal;
        hyphens: manual;
        overflow-wrap: anywhere;
      }
.ks-review-browser:lang(de) .field label {
    hyphens: auto;
}      
.ks-review-browser .field select,
.ks-review-browser .sort select {
        max-width:100%;
        width:100%;
        min-height:46px;
        border:1px solid #b8cbcf;
        border-radius:7px;
        background:white;
        font-size:16px;
        line-height:24px;
        padding:10px 28px 10px 10px
      }
.ks-review-browser .active-filters {
        display:flex;
        gap:7px;
        flex-wrap:wrap;
        margin-top:12px
      }
.ks-review-browser .active-filters:empty {
        display:none
      }
.ks-review-browser .selected-filters {
        margin-top:16px
      }
.ks-review-browser .selected-filter-heading {
        margin:0 0 6px;
        font-size:16px;
        line-height:24px;
        font-weight:700;
        color:var(--dark)
      }
.ks-review-browser .selected-filters .active-filters {
        margin-top:0
      }
.ks-review-browser .filter-summary {
        margin-top:16px;
        font-size:16px;
        line-height:25px
      }
.ks-review-browser .filter-summary .selected-filter-heading {
        margin:0
      }
.ks-review-browser .filter-summary .text-button {
        min-height:0;
        padding:0 0 5px 0;
        text-align:left
      }
.ks-review-browser .results-top>div:first-child {
        min-width:0;
        flex:1
      }
.ks-review-browser .summary-scope {
        margin:10px 0 10px;
        font-size:14px;
        line-height:22px;
        color:var(--muted)
      }
.ks-review-browser .summary {
        display:grid;
        grid-template-columns:1fr 1.4fr;
        align-items:start;
        gap:30px 60px;
        padding:16px 0 26px;
        border-bottom:1px solid var(--line);
        margin-bottom: 30px;
      }
.ks-review-browser .summary>div:first-child {
        grid-column:1;
        grid-row:1
      }
.ks-review-browser .summary .distribution {
        grid-column:2;
        /* Previously grid-row:1 / span 2; the second row held the NPS card.
           With NPS hidden, the desktop score and chart share one row. */
        grid-row:1
      }
.ks-review-browser .summary .nps-card {
        grid-column:1;
        grid-row:2
      }
.ks-review-browser .summary h2 {
        font-size:26px;
        line-height:32px;
        font-weight:700;
        color:var(--dark);
        margin:0 0 12px
      }
.ks-review-browser .average-number {
        font-size:48px;
        line-height:58px;
        font-weight:700;
        color:var(--dark);
        white-space:nowrap
      }
.ks-review-browser .average-number small {
        font-size:28px;
        line-height:30px;
        font-weight:400;
        color:var(--muted)
      }
.ks-review-browser .score-scale {
        display:flex;
        gap:3px;
        margin:0px 0 0 -3px;
      }
.ks-review-browser .score-scale i {
        flex:1;
        min-width:0;
        max-width:42px;
        aspect-ratio:1 / 1;
        height:auto;
        border-radius:0;
        background:var(--line);
        /* Mask the grey base and existing percentage-width teal layer together.
           Each star stays square as the ten-item row shrinks on mobile. */
        -webkit-mask:url("../image/star.svg") center / contain no-repeat;
        mask:url("../image/star.svg") center / contain no-repeat
      }
.ks-review-browser .score-scale i.filled {
        background:var(--teal)
      }
.ks-review-browser .score-scale i {
        display:block;
        overflow:hidden
      }
.ks-review-browser .score-scale-fill {
        display:block;
        height:100%;
        background:var(--teal)
      }
.ks-review-browser .recommend-line {
        font-size:16px;
        line-height:26px;
        margin:15px 0 0
      }
.ks-review-browser .recommend-line b {
        color:var(--dark);
        font-weight:700
      }
.ks-review-browser .summary-caption {
        font-size:14px;
        line-height:22px;
        color:var(--muted);
        margin:12px 0 0
      }
.ks-review-browser .distribution {
        min-width:0;
        container-type:inline-size
      }
.ks-review-browser [data-review-part="distribution"] {
        display:grid;
        grid-template-columns:max-content minmax(0,1fr) max-content
      }
.ks-review-browser .bar-row {
        display:grid;
        grid-column:1 / -1;
        grid-template-columns:subgrid;
        align-items:center;
        gap:9px;
        min-height:26px!important;
        width:100%;
        padding:4px;
        border:1px solid transparent;
        border-radius:5px;
        background:transparent;
        text-align:left;
        font-size:14px;
        line-height:16px!important;
      }
.ks-review-browser button.bar-row:hover:not(:disabled) {
        background:var(--wash)
      }
.ks-review-browser .bar-row[aria-pressed=true] {
        background:#eaf4f4;
        border-color:var(--teal)
      }
.ks-review-browser .bar-row:disabled {
        cursor:default;
        color:#657980
      }
.ks-review-browser .bar-track {
        display:block;
        height:16px;
        background:#edf2f3;
        border-radius:4px;
        overflow:hidden
      }
.ks-review-browser .bar-fill {
        display:block;
        height:100%;
        border-radius:4px;
        background:var(--teal)
      }
.ks-review-browser .bar-count {
        text-align:right;
        font-variant-numeric:tabular-nums;
        max-width:45cqi;
        white-space:normal;
        overflow-wrap:anywhere
      }
.ks-review-browser .review-media {
        margin:16px 0 0
      }
.ks-review-browser .review-media img,
.ks-review-browser .review-media video {
        display:block;
        max-width:100%;
        height:auto;
        border-radius:8px
      }
@supports not (grid-template-columns:subgrid) {
.ks-review-browser [data-review-part="distribution"] {
          display:block
        }
.ks-review-browser .bar-row {
          grid-template-columns:max-content minmax(0,1fr) max-content
        }
}
.ks-review-browser .bar-fill.score-low {
        background:var(--score-low)
      }
.ks-review-browser .bar-fill.score-middle {
        background:var(--score-middle)
      }
.ks-review-browser .bar-fill.score-high {
        background:var(--score-high)
      }
.ks-review-browser .bar-help {
        font-size:16px;
        line-height:28px;
        
        margin:10px 4px 0
      }
.ks-review-browser .distribution-explanation {
        font-style:italic
      }
.ks-review-browser .nps-card {
        /* Temporarily hide NPS at every width; keep its markup and calculations.
           To restore it, remove this declaration, restore the desktop chart span
           above and the old mobile columns documented below. */
        display:none;
        min-width:0;
        padding:12px;
        border:1px solid #d1e4e6;
        border-radius:10px;
        background:#eaf3f4
      }
.ks-review-browser .nps-card h2 {
        font-size:14px;
        line-height:22px;
        color:#35646a;
        margin-bottom:9px
      }
.ks-review-browser .nps-value {
        font-size:42px;
        line-height:52px;
        font-weight:700;
        color:var(--dark)
      }
.ks-review-browser .nps-result {
        display:flex;
        align-items:baseline;
        gap:10px
      }
.ks-review-browser .nps-verdict {
        font-size:16px;
        line-height:26px;
        font-weight:700;
        color:var(--teal)
      }
.ks-review-browser .nps-segments {
        display:flex;
        height:8px;
        border-radius:4px;
        overflow:hidden;
        background:var(--line);
        margin:16px 0 10px
      }
.ks-review-browser .nps-segments span:nth-child(1) {
        background:var(--score-low)
      }
.ks-review-browser .nps-segments span:nth-child(2) {
        background:var(--score-middle)
      }
.ks-review-browser .nps-segments span:nth-child(3) {
        background:var(--score-high)
      }
.ks-review-browser .nps-detail {
        font-size:14px;
        line-height:24px;
        color:#49656c;
        overflow-wrap:anywhere
      }
.ks-review-browser .method {
        font-size:14px;
        line-height:22px;
        margin-top:10px;
        color:var(--muted);
        overflow-wrap:anywhere
      }
.ks-review-browser .method summary {
        min-height:36px;
        padding:6px 0;
        text-decoration:underline;
        text-underline-offset:3px;
        font-style:italic;
      }
.ks-review-browser .method p {
        margin:8px 0 0
      }
.ks-review-browser .method ul {
        margin:8px 0;
        padding-left:20px
      }
.ks-review-browser .results-top {
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:14px;
        /*padding:26px 0 0px*/
      }
.ks-review-browser .results-top h2 {
        font-size:26px;
        line-height:32px;
        font-weight:700;
        color:var(--dark);
        margin: 20px 0 30px 0;
      }
.ks-review-browser [data-review-part="result-count"] {
        font-size:16px;
        line-height:24px;
        color:var(--score-low);
        margin:16px 0 40px 0;
      }
.ks-review-browser .sort {
        
        display:none;
        align-items:center;
        gap:10px;
        flex-shrink:0;
        font-size:14px;
        line-height:22px
      }
.ks-review-browser .sort select {
        font-size:14px;
        line-height:22px;
        width:auto;
        min-height:44px
      }
.ks-review-browser .review {
        display:grid;
        grid-template-columns:150px minmax(0,1fr);
        gap:28px;
        padding:20px;
        margin-bottom:24px;
        background:#fff;
        border-radius:10px;
        border: 1px solid #c9e1f5;
        -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.13) !important;
        box-shadow: 0 3px 20px rgba(0, 0, 0, 0.13) !important;    
      }
.ks-review-browser .review-person,
.ks-review-browser .review-main {
        min-width:0
      }
.ks-review-browser .avatar {
        /*display:inline-flex;*/
        display:none; /* better renders without - limited horizontal space */
        justify-content:center;
        align-items:center;
        width:50px;
        height:50px;
        border-radius:50%;
        background:#fafafb;
        color:#335f6c;
        font-size:14px;
        line-height:22px;
        font-weight:700;
        margin-bottom:10px
      }
.ks-review-browser .person-name {
        font-size:18px;
        line-height:26px;
        font-weight:700;
        color:var(--dark);
        margin:0 0 3px
      }
.ks-review-browser .person-meta {
        font-size:14px;
        line-height:24px;
        color:var(--muted);
        margin:0
      }
.ks-review-browser .review-top {
        display:grid;
        grid-template-columns:minmax(0,1fr) auto auto;
        align-items:start;
        gap:10px
      }
.ks-review-browser .review-top .product-name {
        margin:0;
        font-size:18px;
        line-height:24px
      }
.ks-review-browser .review-top .product-date {
        margin:0;
        text-align:right;
        line-height:24px;
      }
.ks-review-browser .recommendation {
        font-size:20px;
        line-height:30px;
        color:var(--dark);
        margin:0
      }
.ks-review-browser .recommendation b {
        font-weight:700
      }
.ks-review-browser .rating-pill {
        font-size:16px;
        line-height:24px;
        font-weight:700;
        color:white;
        border-radius:6px;
        margin-top: -4px;
        padding:4px 9px;
        white-space:nowrap
      }
.ks-review-browser .rating-pill.score-low {
        background:var(--score-low)
      }
.ks-review-browser .rating-pill.score-middle {
        background:var(--score-middle);
        color:var(--dark)
      }
.ks-review-browser .rating-pill.score-high {
        background:var(--score-high)
      }
.ks-review-browser .translation-note {
        font-size:14px;
        line-height:24px;
        color:var(--muted);
        
      }
/* The original/translated-text action is an inline website link, not a
   text-button: inherit the note's type and line box without button spacing.
   Normal/hover colors and underline come from the shared anchor rules above. */
.ks-review-browser .translation-note .translation-toggle {
        display:inline;
        position:static;
        float:none;
        width:auto;
        min-height:0;
        margin:0;
        padding:0;
        border:0;
        background:transparent;
        font:inherit;
        vertical-align:baseline
      }
.ks-review-browser .product-date {
        font-size:16px;
        line-height:24px;
        color:var(--muted);
        margin:8px 0 16px
      }
.ks-review-browser .review-text {
        font-size:18px;
        line-height:32px;
        font-weight:400;
        white-space:normal;
        overflow-wrap:anywhere;
        margin: 30px 0;
      }
.ks-review-browser .product-name,
.ks-review-browser .review-dates {
        display:block
      }
.ks-review-browser .review-date-break {
        display:none
      }
.ks-review-browser .product-name {
        color: var(--dark);
        font-weight: 600;
      }
.ks-review-browser .review-copy {
        white-space:normal;
        font-style: italic;
      }
.ks-review-browser .review-copy p {
        margin:0
      }
.ks-review-browser .review-copy p + p {
        margin-top:10px
      }
.ks-review-browser .expand {
        display:inline;
        padding:0;
        border:0;
        background:transparent;
        font-size:14px;
        line-height:24px
      }
.ks-review-browser .context-tags {
        display:flex;
        flex-wrap:wrap;
        gap:3px 7px;
        margin-top:15px
      }
.ks-review-browser .context-tags button,
.ks-review-browser .chip {
        max-width:100%;
        text-align:left;
        overflow-wrap:anywhere;
        margin: 2px 0;
        padding:5px 8px;
        border:1px solid #d1e0e3;
        border-radius:5px;
        background:var(--wash);
        font-size:14px;
        line-height:22px;
        min-height:36px;
        color:#45616b
      }
.ks-review-browser .context-tags b,
.ks-review-browser .chip b {
        font-weight:700;
        color:var(--dark)
      }
.ks-review-browser .context-tags button:hover,
.ks-review-browser .context-tags button[aria-pressed=true],
.ks-review-browser .chip {
        background:#e1eff0;
        border-color:var(--teal);
        color:var(--dark)
      }
.ks-review-browser .tag-remove {
        margin-left:6px
      }
@keyframes ks-review-blinker {
        0% { opacity:0 }
        50% { opacity:1 }
        100% { opacity:0 }
      }
.ks-review-browser .blink {
        animation:ks-review-blinker 1.5s linear 1;
        z-index:1
      }
.ks-review-browser .context-tags button.is-loading::after {
        content:'';
        display:inline-block;
        width:14px;
        height:14px;
        margin-left:8px;
        vertical-align:middle;
        border:2px solid #b3d0d3;
        border-top-color:var(--teal);
        border-radius:50%;
        animation:ks-review-spin 1s linear infinite
      }
.ks-review-browser .reviews-region {
        position:relative;
        min-height:100px
      }
.ks-review-browser .reviews-region[aria-busy=true] [data-review-part="reviews"] {
        opacity:0.4
      }
.ks-review-browser .loading {
        position:absolute;
        z-index:1;
        top:22px;
        left:0;
        right:0;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:10px;
        padding:12px;
        background: #e1eff0;
        border:1px solid var(--teal);
        border-radius:8px;
        font-size:14px;
        line-height:24px;
        color:var(--dark)
      }
.ks-review-browser .spinner {
        width:22px;
        height:22px;
        flex-shrink:0;
        border:3px solid #d1e4e6;
        border-top-color:var(--teal);
        border-radius:50%;
        animation:ks-review-spin 1s linear infinite
      }
@keyframes ks-review-spin {
        to {
          transform:rotate(360deg)
        }
      }
.ks-review-browser .empty {
        text-align:center;
        padding:32px 18px;
        background:#fff;
        border-radius:10px;
        margin-top:14px
      }
.ks-review-browser .empty h3 {
        text-align: center;
        font-size:22px;
        line-height:30px;
        margin:0 0 10px;
        color:var(--dark)
      }
.ks-review-browser .empty p {
        font-size:18px;
        line-height:26px
      }
.ks-review-browser .more-area {
        text-align:center;
        padding:26px 0 0
      }
.ks-review-browser .primary {
        min-height:48px;
        padding:10px 24px;
        font-size:16px;
        line-height:26px;
        font-weight:700;
        border:1px solid #9e0b0f;
        border-radius:7px;
        background:#9e0b0f;
        color:white
      }
.ks-review-browser .primary:hover {
        background:#b6484b;
        border-color:#b6484b
      }
.ks-review-browser .more-area p {
        font-size:14px;
        line-height:22px;
        color:var(--muted);
        margin:10px 0 0
      }
.ks-review-browser mark {
        color:inherit;
        background:#fff0b9
      }
.ks-review-browser .sr-only {
        position:absolute;
        width:1px;
        height:1px;
        padding:0;
        margin:-1px;
        overflow:hidden;
        clip:rect(0,0,0,0);
        white-space:nowrap;
        border:0
      }
@container ksreviews (min-width:521px) {
.ks-review-browser .text-button,
.ks-review-browser .field label,
.ks-review-browser .selected-filter-heading,
.ks-review-browser .summary-scope,
.ks-review-browser .summary-caption,
.ks-review-browser .bar-row,
.ks-review-browser .bar-help,
.ks-review-browser .nps-card h2,
.ks-review-browser .method,
.ks-review-browser [data-review-part="result-count"],
.ks-review-browser .sort,
.ks-review-browser .sort select,
.ks-review-browser .avatar,
.ks-review-browser .context-tags button,
.ks-review-browser .chip,
.ks-review-browser .more-area p {
          font-size:16px;
          line-height:25px
        }
.ks-review-browser .nps-detail,
.ks-review-browser .person-meta,
.ks-review-browser .translation-note,
.ks-review-browser .product-date,
.ks-review-browser .expand,
.ks-review-browser .loading {
          font-size:16px;
          line-height:27px
        }
}
@container ksreviews (max-width:850px) {
.ks-review-browser .filters {
          grid-template-columns:repeat(2,minmax(0,1fr))
        }
.ks-review-browser .summary {
          grid-template-columns:1fr 1.2fr
        }
.ks-review-browser .results-top {
          align-items:flex-start;
          flex-wrap:wrap
        }
.ks-review-browser .review {
          grid-template-columns:120px minmax(0,1fr);
          gap:20px
        }
}
@container ksreviews (max-width:520px) {
.ks-review-browser .filter-summary [data-review-part="chips"]:not(:empty) {
          display:block
        }
.ks-review-browser .filter-summary [data-review-part="chips"]:not(:empty)+br {
          display:none
        }
.ks-review-browser .filter-summary [data-review-part="chips"] .chip {
          font-size:16px;
          line-height:25px
        }
.ks-review-browser .intro {
          font-size:18px;
          line-height:30px;
          margin-bottom:18px
        }
.ks-review-browser .filter-panel {
          padding:14px
        }
.ks-review-browser .panel-top {
          gap:6px;
          margin-bottom:12px
        }
.ks-review-browser .panel-top h2 {
          font-size:18px;
          line-height:26px;
          flex-basis:100%
        }
.ks-review-browser .text-button {
          font-size:16px;
          line-height:24px;
          min-height:36px
        }
.ks-review-browser .filters {
          gap:14px 10px
        }
.ks-review-browser .field label {
          font-size:14px;
          line-height:20px;
          min-height:26px;
          margin-bottom:5px
        }
.ks-review-browser .field select {
          font-size:16px;
          line-height:24px;
          min-height:46px;
          padding:9px 8px 9px 8px
        }
.ks-review-browser .summary-scope {
          font-size:12px;
          line-height:20px;
          margin:20px 0 8px
        }
.ks-review-browser .summary {
          /* Previous mobile layout: equal score and NPS columns.
          grid-template-columns:1fr 1fr;
          */
          gap:20px 20px;
          padding-top:12px;
          padding-bottom:23px
        }
.ks-review-browser .summary {
          /* NPS is hidden: give the recommendation score the full mobile width.
             Remove this override when restoring the two-column rule above. */
          grid-template-columns:1fr;
        }
.ks-review-browser .summary h2 {
          font-size:24px;
          line-height:32px;
          margin-bottom:9px
        }
.ks-review-browser .summary .nps-card {
          grid-column:2;
          grid-row:1
        }
.ks-review-browser .summary .distribution {
          grid-column:1 / -1;
          grid-row:2;
          display:none;
        }
.ks-review-browser .summary .distribution-toggle {
          display:block;
          grid-column:1 / -1;
          grid-row:2;
          justify-self:start;
          text-align:left
        }
.ks-review-browser[data-distribution-expanded="true"] .summary .distribution {
          display:block;
          margin-top:30px;
        }
.ks-review-browser .average-number {
          font-size:40px;
          line-height:50px
        }
.ks-review-browser .average-number small {
          font-size:24px;
          line-height:28px
        }
.ks-review-browser .score-scale {
          gap:0px;
          margin:0 0 0 -3px;
        }
.ks-review-browser .recommend-line {
          font-size:16px;
          line-height:24px;
          margin-top:12px
        }
.ks-review-browser .summary-caption {
          font-size:12px;
          line-height:20px;
          margin-top:10px
        }
.ks-review-browser .nps-card {
          padding:12px
        }
.ks-review-browser .nps-card h2 {
          font-size:14px;
          line-height:22px
        }
.ks-review-browser .nps-value {
          font-size:36px;
          line-height:46px
        }
.ks-review-browser .nps-verdict {
          display:block;
          font-size:16px;
          line-height:24px
        }
.ks-review-browser .nps-result {
          flex-direction:column;
          align-items:flex-start;
          gap:0
        }
.ks-review-browser .nps-detail {
          font-size:12px;
          line-height:20px
        }
.ks-review-browser .nps-segments {
          margin-top:12px
        }
.ks-review-browser .method {
          font-size:14px;
          line-height:22px
        }
.ks-review-browser .method summary {
          min-height:40px;
          padding:7px 0;
          font-size: 14px;
          line-height: 22px;
        }
.ks-review-browser .bar-row {
          font-size:14px;
          line-height:22px;
          min-height:34px
        }
.ks-review-browser .bar-help {
          font-size:14px;
          line-height:22px
        }
.ks-review-browser .results-top {
          gap:12px;
          /*padding-top:23px*/
        }
.ks-review-browser .results-top h2 {
          font-size:24px;
          line-height:32px;
        }
.ks-review-browser [data-review-part="result-count"] {
          font-size:16px;
          line-height:24px
        }
.ks-review-browser .sort {
          width:100%;
          justify-content:space-between;
          gap:8px;
          font-size:14px;
          line-height:22px
        }
.ks-review-browser .sort select {
          font-size:14px;
          line-height:22px;
          min-width:0;
          flex:1;
          max-width:230px
        }
.ks-review-browser .review {
          display:block;
          position:relative;
          padding:16px
        }
.ks-review-browser .review-person {
          display:flex;
          align-items:center;
          gap:10px;
          padding-right:64px;
          margin-bottom:15px
        }
.ks-review-browser .avatar {
          margin:0;
          flex-shrink:0;
          margin-top: -5px !important;
          display:none; /* better renders without - limited horizontal space */
        }
.ks-review-browser .person-name {
          font-size:18px;
          line-height:18px
        }
.ks-review-browser .person-meta {
          font-size:16px;
          line-height:20px
        }
.ks-review-browser .person-meta br {
          display:none
        }
.ks-review-browser .person-meta .separator::before {
          content:' · '
        }
.ks-review-browser .review-top {
          display:grid;
          grid-template-columns:minmax(0,1fr);
          gap:0
        }
.ks-review-browser .review-top .product-name {
          grid-row:2;
          margin-top: 10px;
        }
.ks-review-browser .review-top .product-date {
          grid-row:1;
          margin:0 0 6px;
          text-align:left
        }
.ks-review-browser .review-date-break {
          display:initial
        }
.ks-review-browser .review-date-separator {
          display:none
        }
.ks-review-browser .recommendation {
          font-size:18px;
          line-height:26px
        }
.ks-review-browser .rating-pill {
          position:absolute;
          top:16px;
          right:16px;
          font-size:16px;
          line-height:24px;
          padding:3px 7px
        }
.ks-review-browser .product-date {
          font-size:16px;
          line-height:24px;
          margin:8px 0 14px
        }
.ks-review-browser .translation-note {
          font-size:14px;
          line-height:30px;
          
        }
.ks-review-browser .review-text {
          font-size:18px;
          line-height:30px
        }
.ks-review-browser .review-copy p + p {
          margin-top:16px
        }
.ks-review-browser .expand {
          font-size:16px;
          line-height:24px
        }
.ks-review-browser .context-tags {
          gap:2px 6px;
          margin-top:12px
        }
.ks-review-browser .context-tags button,
.ks-review-browser .chip {
          font-size:14px;
          line-height:22px;
          padding:5px 7px;
        }
.ks-review-browser .empty h3 {
          font-size:20px;
          line-height:28px
        }
.ks-review-browser .empty p {
          font-size:16px;
          line-height:26px
        }
.ks-review-browser .primary {
          font-size:16px;
          line-height:26px
        }
.ks-review-browser .more-area p {
          font-size:14px;
          line-height:22px
        }
}
@media(prefers-reduced-motion:reduce) {
.ks-review-browser * {
          scroll-behavior:auto!important
        }
.ks-review-browser .spinner,
.ks-review-browser .context-tags button.is-loading::after,
.ks-review-browser .blink {
          animation:none
        }
}
.ks-review-browser h2,.ks-review-browser h3 {padding:0;text-align:left;}
.ks-review-browser .filters .field {display:flex;flex-direction:column;}
.ks-review-browser .filters .field select {margin-top:auto;}
.ks-review-browser .filters[data-product-hidden] {grid-template-columns:repeat(6,minmax(0,1fr));}
.ks-review-browser .filters[data-product-hidden]>.field {grid-column:span 2;}
.ks-review-browser .filters[data-product-hidden]>.field:nth-child(-n+2) {grid-column:span 3;}
@container ksreviews (max-width:850px) {.ks-review-browser .filters[data-product-hidden] {grid-template-columns:repeat(2,minmax(0,1fr));}.ks-review-browser .filters[data-product-hidden]>.field {grid-column:auto;}.ks-review-browser .filters[data-product-hidden]>.field:nth-child(-n+2) {grid-column:auto;}.ks-review-browser .filters[data-product-hidden]>.field:last-child {grid-column:1/-1;}}
@container ksreviews (max-width:520px) {.ks-review-browser .person-meta,.ks-review-browser .avatar,.ks-review-browser .translation-note,.ks-review-browser .context-tags button,.ks-review-browser .chip,.ks-review-browser .text-button,.ks-review-browser .field label,.ks-review-browser .method,.ks-review-browser .method summary,.ks-review-browser .bar-row,.ks-review-browser .bar-help,.ks-review-browser .nps-card h2,.ks-review-browser .nps-verdict,.ks-review-browser .summary-caption,.ks-review-browser .more-area p {font-size:16px;line-height:25px;}}