/* SGS App Reviews — SANGO の見た目に合わせる（角丸・薄いボーダー・本文と同じフォント） */
.sgs-ar{font-family:inherit;font-size:inherit;line-height:1.7;color:inherit;box-sizing:border-box}
.sgs-ar *,.sgs-ar *::before,.sgs-ar *::after{box-sizing:border-box}
.sgs-ar-h2{font-size:1.25em;margin:2em 0 .8em}
.sgs-ar-h3{font-size:1.05em;margin:1.4em 0 .6em}
.sgs-ar-note{font-size:.88em;color:#666;margin:.6em 0}
.sgs-ar-pending{color:#888;font-style:normal;font-size:.9em}
.sgs-ar-pr{display:inline-block;margin-left:.5em;padding:0 .45em;border:1px solid #bbb;border-radius:4px;font-size:.7em;color:#666;vertical-align:middle}
.sgs-ar-badge{display:inline-block;margin-right:.6em;padding:.1em .6em;border-radius:999px;background:#f3f4f6;color:#555;font-size:.75em;font-weight:700}
.sgs-ar-stars{color:#f5a623;letter-spacing:.05em;margin-right:.3em}
.sgs-ar-stars--na{color:#ccc}
.sgs-ar-btn{display:inline-block;padding:.65em 1.4em;border:none;border-radius:999px;background:#F369B4;color:#fff!important;font-weight:700;font-size:.95em;text-decoration:none!important;cursor:pointer;line-height:1.3}
.sgs-ar-btn:hover{opacity:.9}
.sgs-ar-btn--small{padding:.45em 1.1em;font-size:.85em}
.sgs-ar-btn--ghost{background:#fff;color:#F369B4!important;border:1px solid #F369B4}
.sgs-ar-btn[disabled]{opacity:.5;cursor:default}
.sgs-ar-link{background:none;border:none;padding:0;color:#e0559f;text-decoration:underline;cursor:pointer;font-size:.92em}
.sgs-ar-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

/* スコアカード */
.sgs-ar-scorecard{margin:1.6em 0 2em;padding:1.1em 1.2em;border:1px solid #e6e6e6;border-radius:12px;background:#fff}
.sgs-ar-scorecard__head{font-size:1em;margin-bottom:.8em}
.sgs-ar-scorecard__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6em}
.sgs-ar-metric{padding:.7em .6em;border-radius:10px;background:#faf7f9;text-align:center}
.sgs-ar-metric__label{font-size:.78em;color:#777}
.sgs-ar-metric__value{font-size:1.35em;font-weight:700;margin:.15em 0;line-height:1.2}
.sgs-ar-metric__value b{font-size:1.05em}
.sgs-ar-metric__note{font-size:.7em;color:#999}
.sgs-ar-scorecard__foot{display:flex;flex-wrap:wrap;gap:.4em 1.2em;align-items:center;margin-top:.9em;font-size:.85em;color:#555}
.sgs-ar-scorecard__foot .sgs-ar-btn{margin-left:auto}
.sgs-ar-remaining{color:#c2559b}
@media (max-width:560px){.sgs-ar-scorecard__grid{grid-template-columns:1fr 1fr}.sgs-ar-scorecard__foot .sgs-ar-btn{margin-left:0;width:100%;text-align:center}}

/* 分布 */
.sgs-ar-results{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2em}
@media (max-width:720px){.sgs-ar-results{grid-template-columns:1fr}}
.sgs-ar-bars{list-style:none;margin:0;padding:0}
.sgs-ar-bars li{display:grid;grid-template-columns:7.5em 1fr 3em;gap:.5em;align-items:center;font-size:.85em;margin:.3em 0}
.sgs-ar-bars__track{height:10px;border-radius:5px;background:#f0f0f0;overflow:hidden}
.sgs-ar-bars__fill{display:block;height:100%;background:#F369B4;border-radius:5px}
.sgs-ar-bars__pct{text-align:right;color:#555}

/* 投票ウィジェット / ピッカー */
.sgs-ar-vote,.sgs-ar-picker{margin:1.6em 0;padding:1.1em 1.2em;border:1px solid #e6e6e6;border-radius:12px;background:#fffafd;position:relative}
.sgs-ar-vote__head{margin-bottom:.8em}
.sgs-ar-vote__head strong{display:block;font-size:1.05em}
.sgs-ar-vote__head span{font-size:.85em;color:#777}
.sgs-ar-step{display:none}
.sgs-ar-step.is-active{display:block;animation:sgs-ar-fade .25s ease}
@keyframes sgs-ar-fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.sgs-ar-q{font-weight:700;margin:.4em 0 .6em}
.sgs-ar-q--small{font-size:.85em;color:#777;margin:.9em 0 .3em}
.sgs-ar-opts{display:flex;flex-wrap:wrap;gap:.5em}
.sgs-ar-opt{padding:.55em .95em;border:1.5px solid #f2cce1;border-radius:999px;background:#fff;color:#444;font-size:.92em;cursor:pointer;line-height:1.3;transition:.15s}
.sgs-ar-opt:hover{border-color:#F369B4;color:#F369B4}
.sgs-ar-opt.is-selected{background:#F369B4;border-color:#F369B4;color:#fff}
.sgs-ar-opts--stars .sgs-ar-opt{width:3.2em;padding:.5em 0;text-align:center;font-size:1.05em}
.sgs-ar-opt--star small{display:block;font-size:.6em;font-weight:400;color:#888;line-height:1}
.sgs-ar-opt.is-selected small{color:#fff}
.sgs-ar-chip{font-size:.85em;padding:.45em .85em}
.sgs-ar-vote__msg,.sgs-ar-form__msg{font-size:.85em;color:#c2559b;margin:.6em 0 0;min-height:1em}
.sgs-ar-vote.is-busy .sgs-ar-opt,.sgs-ar-picker.is-busy .sgs-ar-opt{pointer-events:none;opacity:.6}

/* 口コミ一覧 */
.sgs-ar-empty{padding:1.2em;border:1px dashed #ddd;border-radius:12px;text-align:center;background:#fafafa}
.sgs-ar-empty p{margin:0 0 .8em}
.sgs-ar-filters{display:flex;flex-wrap:wrap;gap:.5em;margin-bottom:.8em}
.sgs-ar-filters select{padding:.4em .6em;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:.88em}
.sgs-ar-item{padding:1em 1.1em;border:1px solid #eaeaea;border-radius:12px;margin-bottom:.8em;background:#fff}
.sgs-ar-item__head{display:flex;flex-wrap:wrap;align-items:center;gap:.4em .8em;font-size:.9em}
.sgs-ar-item__head b{font-size:1.05em}
.sgs-ar-item__nick{color:#555}
.sgs-ar-item__head time{color:#999;font-size:.85em;margin-left:auto}
.sgs-ar-item__meta{font-size:.78em;color:#888;margin:.3em 0 .5em}
.sgs-ar-item__body{font-size:.95em;white-space:normal}
.sgs-ar-item__body.is-collapsed{max-height:6.8em;overflow:hidden;position:relative}
.sgs-ar-item__body.is-collapsed::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.5em;background:linear-gradient(rgba(255,255,255,0),#fff)}
.sgs-ar-item__foot{margin-top:.6em;font-size:.85em}
.sgs-ar-item__foot .sgs-ar-link{color:#777;text-decoration:none}
.sgs-ar-item__foot .sgs-ar-link.is-done{color:#F369B4}

/* 投稿フォーム */
.sgs-ar-form{margin:1.6em 0;padding:1.1em 1.2em;border:1px solid #e6e6e6;border-radius:12px;background:#fff}
.sgs-ar-label{display:block;font-size:.85em;font-weight:700;margin:.9em 0 .35em}
.sgs-ar-form textarea,.sgs-ar-form input[type=text],.sgs-ar-form select{width:100%;padding:.6em .7em;border:1px solid #ddd;border-radius:8px;font-size:.95em;background:#fff}
.sgs-ar-count{text-align:right;font-size:.78em;color:#999}
.sgs-ar-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:.2em 1em}
@media (max-width:560px){.sgs-ar-form__grid{grid-template-columns:1fr}}
.sgs-ar-form .sgs-ar-btn{margin-top:1em}

/* 関連リンク */
.sgs-ar-related{margin:1.8em 0;padding:1em 1.2em;border-left:4px solid #F369B4;background:#fdf6fa;border-radius:0 12px 12px 0}
.sgs-ar-related__title{font-weight:700;margin:0 0 .4em}
.sgs-ar-related ul{margin:0;padding-left:1.2em}
.sgs-ar-related li{margin:.25em 0;font-size:.95em}

/* 仮想ページ */
.sgs-ar-page__inner{max-width:900px;margin:0 auto;padding:1.5em 1em 3em}
.sgs-ar-page__h1{font-size:1.5em;margin:.4em 0 .6em}
.sgs-ar-page__lead{font-size:.95em;color:#444}
.sgs-ar-breadcrumb{font-size:.82em;color:#777}
.sgs-ar-legend{display:flex;flex-wrap:wrap;gap:.4em 1.4em;font-size:.82em;color:#666;margin:.6em 0 1.2em}
.sgs-ar-tabs{display:flex;flex-wrap:wrap;gap:.4em;margin:1.2em 0 .2em}
.sgs-ar-tab{padding:.5em 1.1em;border:1.5px solid #f2cce1;border-radius:999px;background:#fff;cursor:pointer;font-size:.9em}
.sgs-ar-tab.is-active{background:#F369B4;border-color:#F369B4;color:#fff}
.sgs-ar-tabpanel{display:none}
.sgs-ar-tabpanel.is-active{display:block}
.sgs-ar-cards{display:grid;grid-template-columns:1fr;gap:.8em}
.sgs-ar-card{padding:1em 1.1em;border:1px solid #e6e6e6;border-radius:12px;background:#fff}
.sgs-ar-card__title{font-size:1.05em;margin:0 0 .4em}
.sgs-ar-card__title a{text-decoration:none}
.sgs-ar-card__metrics{display:flex;flex-wrap:wrap;gap:.3em 1.2em;font-size:.88em;color:#555}
.sgs-ar-card__metrics b{color:#222}
.sgs-ar-card__extra{color:#c2559b}
.sgs-ar-card__foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4em;margin-top:.6em;font-size:.8em;color:#888}
.sgs-ar-rank{list-style:none;margin:0;padding:0;counter-reset:none}
.sgs-ar-rank__item{display:grid;grid-template-columns:2.4em 1fr;gap:.6em;align-items:start;margin-bottom:.8em}
.sgs-ar-rank__no{display:inline-block;width:2.2em;height:2.2em;border-radius:50%;background:#F369B4;color:#fff;font-weight:700;text-align:center;line-height:2.2em;margin-top:.6em}
.sgs-ar-taglist{display:flex;flex-wrap:wrap;gap:.5em;list-style:none;margin:.6em 0 1em;padding:0}
.sgs-ar-taglist a{display:inline-block;padding:.4em .9em;border:1px solid #e6e6e6;border-radius:999px;background:#fff;font-size:.88em;text-decoration:none}
.sgs-ar-tagdef,.sgs-ar-howto{font-size:.95em}