.ai-compare-analysis-body{margin:0;overflow:hidden;background:#b7cee7;color:#202a39}.compare-analysis-page{height:calc(100vh - var(--header));min-height:640px;margin-top:var(--header);padding:28px 20px;background:url('../images/pages/ai-guide/compare-analysis/bg-compare-analysis.webp') center/cover no-repeat;position:relative;overflow:hidden}.compare-analysis-page:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(77,128,181,.06),rgba(30,61,83,.08));pointer-events:none}.compare-analysis-shell{position:relative;z-index:1}.compare-scroll{height:100%;overflow-y:auto;overflow-x:hidden;padding-right:8px;scrollbar-width:thin;scrollbar-color:#193a70 transparent}.compare-scroll::-webkit-scrollbar{width:6px}.compare-scroll::-webkit-scrollbar-track{background:transparent}.compare-scroll::-webkit-scrollbar-thumb{background:#193a70;border-radius:999px}.compare-view[hidden]{display:none!important}.compare-header{margin-bottom:24px}.compare-header h1{margin:0 0 14px;font-size:28px;line-height:1.2}.compare-header p{margin:0;font-size:17px;line-height:1.65}.compare-history-panel,.compare-result-panel,.compare-loading-panel{background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.44);border-radius:20px}.compare-history-panel{padding:22px 24px;min-height:430px}.compare-history-panel h2,.compare-result-panel h2{margin:0 0 18px;font-size:20px}.compare-empty{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.compare-empty img{width:68px;margin-bottom:22px}.compare-empty strong{font-size:21px;margin-bottom:8px}.compare-empty p{margin:0 0 24px;font-size:17px}.compare-empty a,.compare-start{min-width:180px;min-height:54px;border:0;border-radius:16px;background:#fff;color:#202a39;font-weight:700;font-size:18px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.compare-selected-list{display:grid;gap:18px}.compare-selected-card{display:grid;grid-template-columns:18px minmax(0,1fr) 32px;gap:14px;align-items:start;padding:22px 24px;border-radius:18px;background:rgba(255,255,255,.9)}.compare-check{width:14px;height:14px;margin-top:4px;border-radius:3px;background:#183d79;box-shadow:inset 0 0 0 2px rgba(255,255,255,.72)}.compare-selected-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.compare-selected-title strong{font-size:18px;color:#16376d}.compare-selected-copy p{margin:8px 0 0;font-size:17px;line-height:1.5}.compare-remove{border:0;background:none;color:#183d79;font-size:30px;line-height:1;cursor:pointer}.compare-selected-hint{text-align:center;margin:8px 0 0;font-size:17px}.badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:5px 10px;border-radius:999px;font-size:17px;font-weight:700;line-height:1}.badge--danger{background:rgba(235,159,173,.35)}.badge--danger-soft{background:rgba(247,188,201,.42)}.badge--safe{background:rgba(182,235,192,.44)}.compare-start{margin:22px auto 0;background:#183d79;color:#fff;border-radius:999px;padding:0 28px;gap:18px}.compare-loading{min-height:100%}.compare-loading-panel{min-height:620px;display:flex;flex-direction:column;align-items:center;justify-content:center}.compare-loader{height:56px;display:flex;align-items:center;gap:6px;margin-bottom:22px}.compare-loader i{display:block;width:8px;border-radius:999px;background:#183d79;animation:comparePulse 1.05s ease-in-out infinite}.compare-loader i:nth-child(1){height:18px}.compare-loader i:nth-child(2){height:30px;animation-delay:.08s}.compare-loader i:nth-child(3){height:42px;animation-delay:.16s}.compare-loader i:nth-child(4){height:24px;animation-delay:.24s}@keyframes comparePulse{0%,100%{transform:scaleY(.8);opacity:.72}50%{transform:scaleY(1.15);opacity:1}}.compare-loading h2{font-size:18px;margin:0}.compare-result{padding-bottom:16px}.compare-result-panel{padding:20px;margin-bottom:18px}.compare-score-grid,.detail-compare-grid,.risk-compare-grid,.final-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare-score-grid>article,.detail-compare-grid>article,.risk-compare-grid>article,.final-compare-grid>article{background:rgba(255,255,255,.72);border-radius:16px;padding:18px}.score-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;border-bottom:1px solid rgba(32,44,58,.18);padding-bottom:10px;margin-bottom:10px}.score-head span{font-size:17px}.score-head strong{font-size:17px}.score-head small{grid-column:2;font-size:17px}.score-meta{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid rgba(32,44,58,.1);font-size:17px}.mini-score-list{margin-top:6px}.mini-score-list>div{display:grid;grid-template-columns:18px 160px 1fr 40px;gap:8px;align-items:center;padding:6px 0;font-size:17px}.mini-score-list i,.category-lines i{display:block;height:4px;background:#fff;border-radius:999px;overflow:hidden}.mini-score-list em,.category-lines em{display:block;height:100%;background:#183d79}.bar-chart{height:250px;display:grid;grid-template-columns:45px 1fr;gap:10px;border-bottom:1px solid rgba(32,44,58,.18);padding-bottom:28px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;font-size:17px}.chart-bars{display:flex;align-items:flex-end;justify-content:space-around;gap:14px;background:repeating-linear-gradient(to top,transparent 0,transparent 24.5%,rgba(24,61,121,.08) 25%)}.bar-pair{height:100%;width:72px;display:flex;align-items:flex-end;justify-content:center;gap:6px;position:relative}.bar{width:17px}.bar-a{background:#183d79}.bar-b{background:#b9d6ff}.bar-pair span{position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:17px}.chart-legend{display:flex;justify-content:center;gap:28px;font-size:17px;margin:14px 0 18px}.chart-legend i{display:inline-block;width:10px;height:10px;margin-right:5px}.legend-a{background:#183d79}.legend-b{background:#b9d6ff}.category-lines>div{padding:10px 0;border-top:1px solid rgba(32,44,58,.08)}.category-lines h3{font-size:17px;margin:0 0 8px}.category-lines p{display:grid;grid-template-columns:150px 1fr 38px;gap:10px;align-items:center;margin:5px 0;font-size:17px}.category-lines .line-b{background:#b9d6ff}.section-sub{font-size:17px;margin:-10px 0 16px}.detail-compare-grid h3,.risk-compare-grid header b,.final-compare-grid h3{font-size:17px;margin:0 0 12px}.detail-compare-grid dl{display:grid;grid-template-columns:90px 1fr;margin:0;border-top:1px solid rgba(32,44,58,.18);padding:10px 0;font-size:17px}.detail-compare-grid dt{font-weight:700}.detail-compare-grid dd{margin:0;line-height:1.5}.detail-grade{font-size:17px}.detail-grade strong{display:block;color:#173d77}.risk-compare-grid header{display:flex;justify-content:space-between;gap:10px;align-items:start}.risk-compare-grid ul{list-style:none;padding:0;margin:12px 0 0}.risk-compare-grid li{margin:8px 0;font-size:17px;line-height:1.45}.risk-compare-grid li em{display:inline-flex;padding:4px 8px;border-radius:999px;background:#183d79;color:#fff;font-style:normal;font-size:17px;margin-right:7px}.final-compare-grid p{font-size:17px;line-height:1.65;margin:0 0 10px}.compare-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.compare-actions button,.compare-actions a{min-height:62px;border:0;border-radius:14px;background:#fff;color:#202a39;font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}.compare-actions .primary{background:#183d79;color:#fff}.compare-disclaimer{text-align:center;font-size:17px;margin:14px 0 0}.ai-compare-analysis-body .simulation-nav__title,.ai-compare-analysis-body .simulation-nav__category,.ai-compare-analysis-body .simulation-nav__links a{font-size:max(17px,inherit)}
@media(max-width:1100px){.ai-compare-analysis-body{overflow:auto}.compare-analysis-page{height:auto;min-height:calc(100vh - var(--header));margin-top:var(--header);padding:24px 16px}.compare-analysis-shell{height:auto;min-height:calc(100vh - 120px)}.compare-scroll{height:auto;overflow:visible;padding-right:0}.compare-score-grid,.detail-compare-grid,.risk-compare-grid,.final-compare-grid{grid-template-columns:1fr}.compare-loading-panel{min-height:520px}}
@media(max-width:640px){.compare-analysis-page{padding:14px 10px}.compare-header h1{font-size:24px}.compare-history-panel,.compare-result-panel{padding:16px}.compare-selected-card{grid-template-columns:16px minmax(0,1fr) 24px;padding:16px}.compare-selected-title{align-items:flex-start}.compare-selected-title strong{width:100%}.mini-score-list>div{grid-template-columns:18px 120px 1fr 36px}.category-lines p{grid-template-columns:110px 1fr 34px}.bar-pair{width:45px}.compare-actions{grid-template-columns:1fr 1fr}.compare-actions>*{min-height:56px}.compare-history-panel{min-height:390px}.compare-empty{min-height:300px}}
@media print{.gnb,.simulation-nav,.floating-cta{display:none!important}.compare-analysis-page{margin:0;padding:0;background:#fff;height:auto}.compare-analysis-shell{display:block;width:100%;padding:0;border:0;box-shadow:none;background:#fff}.compare-scroll{overflow:visible}.compare-actions{display:none}}

.risk-compare-grid>article:first-child{background:linear-gradient(100deg,rgba(255,255,255,.78),rgba(255,192,207,.40))}.risk-compare-grid>article:last-child{background:linear-gradient(100deg,rgba(255,255,255,.78),rgba(194,235,200,.38))}

/* 2026-08-14 comparison refinement */
.compare-start{
  display:flex;
  width:max-content;
  margin:22px auto 0;
}
.score-head{
  display:block;
}
.score-head>span{
  display:block;
  margin-bottom:8px;
}
.score-project-line{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.score-project-line strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.score-project-line small{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  padding:3px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.7);
  line-height:1.2;
}
.compare-category-chart .bar-chart{
  display:grid !important;
  min-height:250px;
  overflow:visible;
}
.compare-category-chart .chart-bars{
  min-height:220px;
}
.detail-compare-grid dd .detail-grade{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
  font-size:17px;
}
.detail-compare-grid dd .detail-grade strong{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:3px 8px;
  border-radius:999px;
  background:rgba(185,214,255,.72);
  color:#173d77;
  line-height:1.2;
}
@media(max-width:640px){
  .score-project-line{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .score-project-line strong{
    width:100%;
    white-space:normal;
  }
  .compare-category-chart .bar-chart{
    overflow-x:auto;
    grid-template-columns:40px minmax(560px,1fr);
    padding-bottom:34px;
  }
}


/* 2026-08-14 comparison refinement v3 */
.compare-empty[hidden]{display:none!important}
.score-head{display:flex!important;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(32,44,58,.18);padding-bottom:10px;margin-bottom:10px}
.score-head>strong{min-width:0;font-size:17px;line-height:1.4;white-space:normal}
.score-head>small{flex:0 0 auto;display:inline-flex;align-items:center;width:max-content;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.7);font-size:17px;line-height:1.2}
.compare-bar-chart{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;height:280px;margin-top:4px;padding:8px 0 30px;border-bottom:1px solid rgba(32,44,58,.18)}
.compare-chart-y{display:flex;flex-direction:column;justify-content:space-between;height:220px;padding:0 0 1px;font-size:17px;line-height:1;color:#626b75;text-align:right}
.compare-chart-plot{position:relative;height:220px;min-width:0}
.compare-chart-grid{position:absolute;inset:0 0 0 0;border-bottom:1px solid rgba(24,61,121,.18);background:repeating-linear-gradient(to bottom,rgba(24,61,121,.09) 0 1px,transparent 1px 25%);pointer-events:none}
.compare-chart-groups{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,minmax(72px,1fr));align-items:stretch;gap:10px}
.compare-chart-group{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;padding:0 6px}
.compare-chart-bars{display:flex;align-items:flex-end;justify-content:center;gap:7px;width:100%;height:100%}
.compare-chart-bar{display:block!important;position:relative!important;left:auto!important;top:auto!important;bottom:auto!important;width:18px!important;height:calc(var(--score) * 1%)!important;min-height:2px!important;border-radius:1px 1px 0 0!important;transform:none!important}
.compare-chart-bar.is-a{background:#183d79!important}
.compare-chart-bar.is-b{background:#b9d6ff!important}
.compare-chart-group>span{position:absolute;top:calc(100% + 11px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:17px;color:#606970}
@media(max-width:640px){.score-head{align-items:flex-start}.score-head>strong{padding-right:8px}.compare-bar-chart{grid-template-columns:44px minmax(560px,1fr);overflow-x:auto;overflow-y:hidden;height:300px}.compare-chart-plot,.compare-chart-y{height:230px}.compare-chart-groups{grid-template-columns:repeat(6,82px);justify-content:space-around}}

/* 2026-08-14 panel surface audit */
.compare-result-panel{background:rgba(255,255,255,.58)}

/* AI detail typography normalization */
.ai-compare-analysis-body h1{font-size:28px!important}
.ai-compare-analysis-body h2{font-size:21px!important}
.ai-compare-analysis-body h3{font-size:18px!important}
.ai-compare-analysis-body input::placeholder,.ai-compare-analysis-body textarea::placeholder{font-size:17px!important}
.ai-compare-analysis-body h2 + p,.ai-compare-analysis-body h3 + p{font-size:17px!important}
.ai-compare-analysis-body h1 + p{font-size:18px!important}

h4{font-size:17px}