#pikaichi-voices-previews .site{background:#fffdf5;color:#34382f;padding:30px 24px;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;line-height:1.85}
#pikaichi-voices-previews h1{font-size:27px;margin:0 0 8px;line-height:1.5}
#pikaichi-voices-previews h3{font-size:21px;margin:32px 0 16px}
#pikaichi-voices-previews .eyebrow{color:#40583d;font-size:12px;letter-spacing:.12em;margin:0 0 12px}
#pikaichi-voices-previews .children{display:block;width:100%;height:auto;margin:20px 0;border-radius:16px}
#pikaichi-voices-previews .metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#pikaichi-voices-previews .metric{padding:20px;background:#fff5d8;border-radius:16px}
#pikaichi-voices-previews .metric p{margin:0;font-size:14px}
#pikaichi-voices-previews .value{font-size:36px;color:#40583d;font-weight:700;line-height:1.6}
#pikaichi-voices-previews .detail{font-size:12px;color:#62675b}
#pikaichi-voices-previews .quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#pikaichi-voices-previews blockquote{margin:0;padding:22px;background:#f6f1e4;border-radius:14px;font-size:15px}
#pikaichi-voices-previews .changes{padding:20px;background:#f4f5e8;border-radius:14px;columns:2;font-size:14px}
#pikaichi-voices-previews .changes p{margin:0 0 12px;break-inside:avoid}
#pikaichi-voices-previews details{margin:18px 0;font-size:14px}
#pikaichi-voices-previews summary{color:#40583d;min-height:44px}
#pikaichi-voices-previews .bars{display:grid;gap:12px;margin:18px 0}
#pikaichi-voices-previews .bar-label{display:flex;justify-content:space-between;gap:12px;font-size:13px}
#pikaichi-voices-previews .bar-track{height:8px;background:#efeee4;margin-top:5px}
#pikaichi-voices-previews .bar{height:8px;background:#ccb56a}
#pikaichi-voices-previews .source{font-size:12px;color:#62675b;border-top:1px solid #dedfd1;padding-top:18px;margin-top:28px}
#pikaichi-voices-previews .report .metric{background:transparent;border-radius:0;border-bottom:2px solid #d8bc63;padding:14px 0}
#pikaichi-voices-previews .report .metrics{gap:22px}
#pikaichi-voices-previews .report blockquote{background:transparent;border-radius:0;border-left:3px solid #e3cf85}
#pikaichi-voices-previews .report .changes{background:transparent;border-radius:0;border-top:1px solid #dedfd1;border-bottom:1px solid #dedfd1}
#pikaichi-voices-previews .dialogue{background:linear-gradient(120deg,#fffdf5 45%,#fff5d9)}
#pikaichi-voices-previews .dialogue .quotes{grid-template-columns:1fr;gap:24px;padding:0 8px}
#pikaichi-voices-previews .dialogue blockquote{position:relative;background:#fff;border:1px solid #eee1ba;border-radius:26px 26px 26px 4px;margin-right:20px}
#pikaichi-voices-previews .dialogue blockquote:nth-child(even){margin-left:20px;margin-right:0;border-radius:26px 26px 4px 26px;background:#fff6db}
#pikaichi-voices-previews .dialogue .metric{border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;background:#f3efd8}
@media(max-width:480px){#pikaichi-voices-previews .site{padding:25px 18px}#pikaichi-voices-previews .quotes{grid-template-columns:1fr}#pikaichi-voices-previews .changes{columns:1}#pikaichi-voices-previews .metric{padding:14px}#pikaichi-voices-previews .value{font-size:30px}#pikaichi-voices-previews .dialogue .metric{border-radius:24px;aspect-ratio:auto}#pikaichi-voices-previews .metric p{font-size:13px}}
#pikaichi-voices-previews .dialogue .metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
#pikaichi-voices-previews .dialogue .metric{display:flex;flex-direction:column;aspect-ratio:auto;border-radius:0;padding:0;background:transparent;text-align:center;gap:8px}
#pikaichi-voices-previews .dialogue .metric .value{order:-1;display:flex;align-items:center;justify-content:center;width:100%;max-width:120px;aspect-ratio:1;border-radius:50%;background:#f3efd8;font-size:clamp(17px,4vw,30px);line-height:1;font-weight:700;color:#40583d}
#pikaichi-voices-previews .dialogue .metric:first-child .value{background:#dec77e;color:#34432c}
#pikaichi-voices-previews .dialogue .metric p{font-size:13px;line-height:1.6}
#pikaichi-voices-previews .dialogue .metric .detail{font-size:11px;line-height:1.5}
#pikaichi-voices-previews .children{border-radius:0;background:transparent}
@media(max-width:480px){#pikaichi-voices-previews .dialogue .metrics{gap:8px}#pikaichi-voices-previews .dialogue .metric p{font-size:11px}}

#pikaichi-voices-previews .dialogue .metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#pikaichi-voices-previews .dialogue .metric:first-child .value{background:#efe0ad;position:relative;isolation:isolate}
#pikaichi-voices-previews .dialogue .metric:first-child .value:before,#pikaichi-voices-previews .dialogue .metric:first-child .value:after{content:'✦';position:absolute;color:#c5a14d;font-size:16px;animation:voice-sparkle 3s ease-in-out infinite}
#pikaichi-voices-previews .dialogue .metric:first-child .value:before{right:-5px;top:5%;animation-delay:.3s}
#pikaichi-voices-previews .dialogue .metric:first-child .value:after{left:-4px;bottom:7%;font-size:11px;animation-delay:1.5s}
@keyframes voice-sparkle{0%,100%{opacity:.3;text-shadow:none}50%{opacity:1;text-shadow:0 0 9px #e8c96c88}}
@media(prefers-reduced-motion:reduce){#pikaichi-voices-previews .dialogue .metric:first-child .value:before,#pikaichi-voices-previews .dialogue .metric:first-child .value:after{animation:none;opacity:.7}}
@media(max-width:480px){#pikaichi-voices-previews .dialogue .metrics{gap:14px}}

#pikaichi-voices-previews .voice-title-underline{background:linear-gradient(transparent 73%,#fff0b2 73%,#fff0b2 95%,transparent 95%);padding:0 3px;box-decoration-break:clone}
#pikaichi-voices-previews .dialogue .metric .value{background:#e8eee1;color:#40583d;gap:2px}
#pikaichi-voices-previews .dialogue .metric:first-child .value{background:#d7e3cd;color:#40583d}
#pikaichi-voices-previews .percent-number{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(23px,5.5vw,42px);letter-spacing:-.055em;font-variant-numeric:lining-nums tabular-nums}
#pikaichi-voices-previews .percent-sign{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(13px,2.5vw,20px);align-self:center;margin-top:10px}

#pikaichi-voices-previews h3.voice-section-title{text-align:center;color:#647450;font-size:18px;font-weight:500;letter-spacing:.06em;line-height:1.8;margin:40px 0 22px}
@media(max-width:480px){#pikaichi-voices-previews h3.voice-section-title{font-size:16px;letter-spacing:.01em;margin-top:32px}}
#pikaichi-voices-previews .positive-response-note{text-align:right;font-size:12px;color:#62675b;line-height:1.6;margin:12px 0 0}

#pikaichi-voices-previews .dialogue .metrics{max-width:490px;margin:0 auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#pikaichi-voices-previews .dialogue .metric .value{position:relative;isolation:isolate;background:conic-gradient(#bbcdb0 0 var(--positive-share),#eeeae0 var(--positive-share) 100%);max-width:126px}
#pikaichi-voices-previews .dialogue .metric:first-child .value{background:conic-gradient(#aec59f 0 var(--positive-share),#eeeae0 var(--positive-share) 100%)}
#pikaichi-voices-previews .dialogue .metric .value .percent-number,#pikaichi-voices-previews .dialogue .metric .value .percent-sign{position:relative;z-index:2}
#pikaichi-voices-previews .dialogue .metric .value .percent-number:before{content:'';position:absolute;width:92px;height:92px;border-radius:50%;background:#fffdf5;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}
#pikaichi-voices-previews .dialogue .metric .value{background-color:#eeeae0}
#pikaichi-voices-previews .percent-number{font-size:32px}
#pikaichi-voices-previews .percent-sign{font-size:17px}
@media(max-width:480px){#pikaichi-voices-previews .dialogue .metrics{gap:12px;max-width:360px}#pikaichi-voices-previews .dialogue .metric .value .percent-number:before{width:clamp(46px,16vw,70px);height:clamp(46px,16vw,70px)}#pikaichi-voices-previews .percent-number{font-size:clamp(20px,5.5vw,28px)}#pikaichi-voices-previews .percent-sign{font-size:13px}}

#pikaichi-voices-previews .dialogue .metric .value .percent-number:before{content:none}
#pikaichi-voices-previews .ring-hole{position:absolute;inset:15%;border-radius:50%;background:#fffdf5;z-index:0}

#pikaichi-voices-previews .site{max-width:960px;margin:auto;padding:44px 32px 64px}#pikaichi-voices-previews blockquote{overflow-wrap:anywhere}@media(max-width:700px){#pikaichi-voices-previews .site{padding:32px 22px 48px}}

#pikaichi-voices-previews .dialogue .metric p{text-align:center;white-space:nowrap;font-size:12px;line-height:1.7}
@media(max-width:480px){#pikaichi-voices-previews .dialogue .metric p{font-size:clamp(7px,2.25vw,10.8px)}}