/* provider_experiences/_xr_styles.antlers.html — moved out of the template on 2026-10-21 (owner: "move inline css and js to cached files"); edit here, the template loads it with {{ zz_asset:css }} */
    /* --- experiences block (design 2026-10-09: three tilted cards, filter chips, pinned report cards, paging in the browser) --- */
    .xr{margin-top:26px}
    .xr > h2{font:800 24px/1.15 'Libre Franklin';letter-spacing:-.02em;margin:0 0 22px}
    .xr-top{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:26px;align-items:stretch}   /* the rating sheet is wider: three KPIs in a row (owner 2026-10-14) */   /* more air between the tilted sheets (owner 2026-10-13) */
    .xr-sheet{position:relative;background:#fff;border:1.5px solid #2b2620;box-shadow:3px 3px 0 #2b2620;padding:18px 20px}
    .xr-sheet:before{content:"";position:absolute;top:-10px;left:50%;width:60px;height:18px;margin-left:-30px;background:rgba(216,205,182,.75);transform:rotate(-2deg)}
    .xr-sheet.rate{transform:rotate(-1deg)}
    .xr-sheet.good{background:#e6efe3;transform:rotate(.8deg)}.xr-sheet.good:before{transform:rotate(1.5deg)}
    .xr-sheet.bad{background:#f5dcd6;transform:rotate(-.5deg)}.xr-sheet.bad:before{transform:rotate(-1deg)}
    .xr-sheet .h{font:700 14px 'Libre Franklin'}
    .xr-avg{display:flex;align-items:baseline;gap:4px;white-space:nowrap}
    .xr-avg .n{font:800 52px/1 'Libre Franklin';letter-spacing:-.04em}   /* 52px (owner 2026-10-14 "make KPIs even a bit bigger", was 44) */.xr-avg .of{font:500 15.5px 'Libre Franklin';color:#6d6455}
    .xr-sheet .stars{font-size:18px;letter-spacing:1px;color:#d8cdb6}.xr-sheet .stars .on{color:#a33d2e}
    .xr-count{font:500 15.5px/1.3 'Libre Franklin';color:#6d6455;margin-top:12px;padding-top:10px;border-top:1px dashed #b5aa93}   /* under the star rows, behind its own dashed line (owner 2026-10-14 "move below schlecht row", "add one more dashed line before 142 Leserberichte") */   /* the sheet's small texts at the block's normal 15.5px (owner 2026-10-14 "make the small font like leserberichte etc bigger same size like normal all of it") */
    .xr-dist{display:flex;flex-direction:column;gap:5px;margin-top:14px;padding-top:12px;border-top:1px dashed #b5aa93}   /* under the KPI row */
    .xr-dist button{display:flex;align-items:center;gap:8px;width:calc(100% + 8px);padding:2px 4px;margin:0 -4px;border:0;border-radius:3px;background:none;color:#2b2620;font:inherit;text-align:left;cursor:pointer}
    .xr-dist button.on{background:#f4eee1}
    .xr-dist .w{font:500 15.5px 'Libre Franklin';min-width:92px;flex-shrink:0;white-space:nowrap}
    .xr-dist .track{flex:1;height:8px;background:#ece5d4;border-radius:999px;overflow:hidden}
    .xr-dist .fill{display:block;height:100%;background:#2b2620;border-radius:2px}.xr-dist button.on .fill{background:#a33d2e}
    .xr-dist .c{font:700 15.5px 'Libre Franklin';min-width:30px;text-align:right;white-space:nowrap}
    .xr-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}   /* a third each (owner 2026-10-14 "1/3 1/3 1/3 of space for the KPIs") */   /* the three large KPIs in one row at the top (owner 2026-10-14 "put 1.2/5, 6%, 7% all large KPIs in the top next to each other") */
    .xr-kpi .v{font:800 52px/1 'Libre Franklin';letter-spacing:-.04em}   /* as large as the average (owner 2026-10-10 "make this large numbers as well like 1.9/5") */
    .xr-kpi .v .of{font:500 15.5px 'Libre Franklin';color:#6d6455;letter-spacing:0;margin-left:3px}
    .xr-kpi .l{font:500 15.5px/1.3 'Libre Franklin';color:#6d6455;margin-top:6px}
    .xr-kpi .avg .stars{display:block;margin-top:4px}
    .xr-gtag{display:inline-block;margin-top:6px;padding:2px 10px;border-radius:999px;background:#2b2620;color:#f4eee1;font:700 12px/1.6 'Libre Franklin'}   /* "Women" / "Men" under the title while a gender chip is active */
    .xr-sheet > .xr-gtag{margin:0 0 10px}   /* first in every sheet, above the KPI row / the title, while a chip is active (owner 2026-10-14 "on the same position") */
    .xr-gtag[hidden],.xr-points[hidden]{display:none}
    .xr-points{display:flex;flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;font:400 15.5px/1.55 'Libre Franklin'}
    .xr-points li{display:flex;gap:8px}
    .xr-points li:before{content:"\2192";font:700 16px/1.2 'Caveat',cursive;flex-shrink:0;color:#2f7a3a}
    .xr-sheet.bad .xr-points li:before{color:#a33d2e}
    .xr-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px;margin-bottom:22px}   /* under the H2, above the sheets (owner 2026-10-13) */
    .xr-pills{display:flex;border:1.5px solid #2b2620;border-radius:999px;overflow:hidden;background:#fff}
    .xr-pills button{padding:9px 17px;border:0;background:none;font:700 14.5px 'Libre Franklin';color:#2b2620;cursor:pointer}   /* a step bigger (owner 2026-10-10 "make menu little bit bigger") */
    .xr-pills button.on{background:#2b2620;color:#f4eee1}
    .xr-filters .sep{width:1px;height:26px;background:#c9bfa9;margin:0 6px}
    .xr-chip{font:600 14.5px 'Libre Franklin';padding:8px 14px;border-radius:999px;border:1.5px solid #c9bfa9;background:#fff;color:#2b2620;cursor:pointer}
    .xr-chip.on{border-color:#2b2620;background:#2b2620;color:#f4eee1}
    .xr-clear{font:600 14px 'Libre Franklin';color:#a33d2e;text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0;margin-left:6px;cursor:pointer}
    .xr-clear[hidden]{display:none}
    .xr-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 26px;margin-top:34px}   /* room for the pins and the tilt (owner 2026-10-13) */
    .xr-share{position:relative;background:#fff;border:1.5px dashed #a33d2e;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:150px;transform:rotate(-.6deg)}
    .xr-share.wide{flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;min-height:0;padding:26px 32px;margin:22px 0 8px;border-width:2px;background:#fdf8ee;transform:rotate(-.3deg)}   /* more prominent: more room, thicker border, tinted (owner 2026-10-14 "should be a bit more prominent maybe more space") */   /* the experiences page: across the full width under the headline (owner 2026-10-13) */
    .xr-share.wide .t{font-size:22px}
    .xr-share.wide .stars a{font-size:42px}
    @media(max-width:640px){.xr-share.wide{justify-content:center;transform:none}}
    .xr-share .stars{display:flex;gap:4px}
    .xr-share .stars a{font-size:34px;line-height:1;text-decoration:none;color:#d8cdb6;padding:0 1px}
    .xr-share .stars:hover a{color:#a33d2e}.xr-share .stars a:hover~a{color:#d8cdb6}
    .xr-share .t{font:700 15px 'Libre Franklin';color:#2b2620;text-decoration:none}
    .xr-none{background:#fff;border:1.5px dashed #b5aa93;padding:22px;text-align:center;font:400 14px 'Libre Franklin';color:#6d6455;display:flex;align-items:center;justify-content:center}
    .xr-none[hidden]{display:none}
    .xr-card{position:relative;background:#fff;border:1.5px solid #2b2620;padding:14px 16px;box-shadow:2px 2px 0 #2b2620}
    .xr-card .pin{position:absolute;top:-7px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#a33d2e;border:1.5px solid #2b2620;box-sizing:border-box}
    .xr-grid > :nth-child(6n+1).xr-card{transform:rotate(-.8deg)}.xr-grid > :nth-child(6n+2).xr-card{transform:rotate(.6deg)}
    .xr-grid > :nth-child(6n+3).xr-card{transform:rotate(-.4deg)}.xr-grid > :nth-child(6n+4).xr-card{transform:rotate(.9deg)}
    .xr-grid > :nth-child(6n+5).xr-card{transform:rotate(-.6deg)}.xr-grid > :nth-child(6n+6).xr-card{transform:rotate(.5deg)}
    .xr-card .in{display:grid;grid-template-columns:66px minmax(0,1fr);gap:12px;align-items:start}   /* a narrow left column, the text gets the room (owner 2026-10-10 "comfortable reading") */
    .xr-who{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}
    .xr-who .dt{font:700 12.5px/1.3 'Libre Franklin';color:#2b2620}   /* the date sits where the name was (owner 2026-10-10) */
    .xr-who svg{width:32px;height:32px;display:block;margin-top:6px}
    .xr-who .ag{font:600 13.5px 'Libre Franklin';color:#443d34;margin-top:4px}
    .xr-body{min-width:0}
    .xr-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
    .xr-head .nm{display:inline-flex;align-items:center;gap:4px;font:700 15px 'Libre Franklin';overflow-wrap:anywhere}
    .xr-head .vf{width:16px;height:16px;flex-shrink:0}   /* the blue verified mark: a username on the platform was given */
    .xr-head .stars{font-size:15px;letter-spacing:1px;color:#d8cdb6}.xr-head .stars .on{color:#a33d2e}
    .xr-text{position:relative;font:400 15.5px/1.6 'Libre Franklin';color:#443d34;margin-top:6px}
    .xr-text p{margin:0 0 6px;white-space:pre-line}.xr-text p:last-child{margin-bottom:0}
    .xr-text .dislike{color:#6b6154}
    /* the "Read more" toggle is part of the text: the script cuts a long report at a word boundary so that it fits four
       lines with "… Read more" inline at the end (owner 2026-10-10 "should be part of the review text"); the full
       paragraphs stay in the HTML under it and take over when opened, with "Show less" inline after the last word */
    .xr-more{display:inline;font:600 15.5px/1.6 'Libre Franklin';color:#a33d2e;text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0;cursor:pointer}
    .xr-more[hidden]{display:none}
    .xr-text p[hidden],.xr-excerpt[hidden]{display:none}
    .xr-rec{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:7px 12px;border-radius:3px;font:700 13.5px 'Libre Franklin'}
    .xr-rec svg{width:18px;height:18px;flex-shrink:0}
    .xr-rec.yes{background:#e6f2e2;color:#2f7a3a}.xr-rec.no{background:#f7dcd8;color:#a33d2e}
    .xr-pages{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:18px;flex-wrap:wrap}
    .xr-pages a,.xr-pages span,.xr-pages button{min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border-radius:3px;border:1.5px solid #2b2620;font:700 13.5px 'Libre Franklin';background:#fff;color:#2b2620;text-decoration:none}
    .xr-pages .on{background:#2b2620;color:#f4eee1}
    .xr-pages .off{opacity:.35}.xr-pages button{font:700 13.5px 'Libre Franklin';cursor:pointer}.xr-pages button.off{cursor:default}.xr-pages button.on{cursor:default}
    .xr-pages .gap{border:0;background:none;min-width:auto;padding:0 2px}
    .xr-pages[hidden]{display:none}
    @media(max-width:760px){.xr-top{grid-template-columns:1fr}.xr-sheet{transform:none!important}}
    @media(max-width:640px){.xr-grid{grid-template-columns:1fr}.xr-card .in{grid-template-columns:60px minmax(0,1fr);gap:10px}}