.ai-project-recommendation-body{--header:88px;overflow:hidden}.ai-project-recommendation-body .project-recommendation-page{height:calc(100vh - var(--header));margin-top:var(--header);padding:28px 20px;background:url('../images/pages/ai-guide/project-recommendation/bg-project-recommendation.webp') center/cover fixed no-repeat;overflow:hidden}.recommendation-shell{background:rgba(222,236,246,.66)}.recommendation-scroll{height:100%;overflow-y:auto;overflow-x:hidden;padding-right:8px;scrollbar-width:thin;scrollbar-color:#183d79 transparent}.recommendation-scroll::-webkit-scrollbar{width:6px}.recommendation-scroll::-webkit-scrollbar-thumb{background:#183d79;border-radius:999px}.recommendation-view{display:none}.recommendation-view.is-active{display:block}.recommendation-header{margin:0 0 20px}.recommendation-header h1{margin:0 0 18px;font-size:25px;line-height:1.2}.recommendation-header p{margin:0;font-size:17px;line-height:1.55}.recommendation-panel{margin:0 0 18px;padding:22px;border-radius:18px;background:rgba(245,247,248,.78);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.recommendation-panel h2{margin:0 0 10px;font-size:18px}.profile-panel{display:grid;gap:14px}.rec-field>span,.choice-block>span{display:block;margin-bottom:8px;font-size:17px}.rec-field select,.rec-field input,.rec-field textarea{width:100%;border:0;border-radius:14px;background:#fff;color:#222;font:inherit;font-size:17px;outline:none}.rec-field select,.rec-field input{height:54px;padding:0 18px}.rec-field textarea{min-height:88px;padding:18px;resize:vertical}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.choice-grid button{min-height:74px;padding:14px 18px;border:0;border-radius:14px;background:#fff;color:#222;text-align:left;font:inherit;cursor:pointer;transition:.18s ease}.choice-grid button b,.choice-grid button small{display:block}.choice-grid button b{font-size:17px;margin-bottom:6px}.choice-grid button small{font-size:17px}.choice-grid button.is-selected{background:#183d79;color:#fff}.rec-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rec-primary,.rec-secondary{border:0;border-radius:999px;font:inherit;font-size:17px;font-weight:700;cursor:pointer}.rec-primary{display:flex;align-items:center;justify-content:center;gap:16px;width:max-content;min-width:190px;height:50px;margin:4px auto 0;padding:0 26px;background:#183d79;color:#fff}.rec-primary i,.rec-secondary i{width:20px;height:20px;background:url('../images/pages/ai-guide/simulation/icon-arrow.webp') center/contain no-repeat}.rec-secondary i.back{transform:rotate(180deg)}.selection-panel>p{margin:0 0 18px;font-size:17px}.recommendation-project-list{display:grid;gap:14px}.recommendation-project{display:grid;grid-template-columns:22px minmax(0,1fr) auto 26px;gap:12px;align-items:center;padding:18px;border-radius:14px;background:#fff}.rec-check{width:16px;height:16px;padding:0;border:1px solid #183d79;border-radius:3px;background:#fff;cursor:pointer}.rec-check.is-checked{background:#183d79;box-shadow:inset 0 0 0 3px #fff}.recommendation-project strong,.recommendation-project small{display:block}.recommendation-project strong{font-size:17px;color:#183d79;line-height:1.35}.recommendation-project small{margin-top:5px;font-size:17px}.project-score{text-align:right}.project-score b,.project-score span{display:block}.project-score b{font-size:20px;font-weight:500}.project-score span{font-size:17px}.rec-remove{border:0;background:none;font-size:24px;color:#183d79;cursor:pointer}.recommendation-empty{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.recommendation-empty[hidden]{display:none!important}.recommendation-empty img{width:60px;margin-bottom:18px}.recommendation-empty strong{font-size:18px}.recommendation-empty p{margin:8px 0 22px;font-size:17px}.recommendation-empty a{padding:14px 28px;border-radius:16px;background:#fff;color:#222;text-decoration:none;font-size:17px;font-weight:700}.rec-step-actions{display:flex;justify-content:center;gap:26px;margin-top:20px}.rec-secondary{display:flex;align-items:center;justify-content:center;gap:10px;min-width:170px;height:50px;padding:0 22px;background:#183d79;color:#fff}.rec-primary-inline{margin:0}.rec-primary:disabled{background:rgba(24,61,121,.58);cursor:not-allowed}.recommendation-loading{min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.rec-loader{height:72px;display:flex;align-items:center;justify-content:center;gap:6px}.rec-loader i{width:9px;border-radius:999px;background:#183d79;animation:recWave 1s ease-in-out infinite}.rec-loader i:nth-child(1){height:22px;animation-delay:-.3s}.rec-loader i:nth-child(2){height:34px;animation-delay:-.15s}.rec-loader i:nth-child(3){height:46px}.rec-loader i:nth-child(4){height:26px;animation-delay:.15s}@keyframes recWave{50%{transform:scaleY(1.35);opacity:.55}}.recommendation-loading>strong{font-size:18px}.recommendation-result-hero>small{display:block;font-size:17px;margin-bottom:5px}.recommendation-result-hero h2{font-size:18px;margin-bottom:8px}.rec-tags{display:flex;gap:7px;flex-wrap:wrap}.rec-tags span{display:inline-flex;align-items:center;width:max-content;padding:4px 9px;border-radius:999px;background:#eee;font-size:17px}.rec-tags .risk-medium{background:#183d79;color:#fff}.rec-tags .grade-b{background:#dff7e7;color:#2c8250}.rec-grade{text-align:center;margin:18px 0}.rec-grade strong{display:grid;place-items:center;width:98px;height:98px;margin:0 auto 10px;border:3px solid #183d79;border-radius:50%;color:#183d79;font-size:46px}.rec-grade b{font-size:18px}.recommendation-result-hero>p{margin:0;font-size:17px;line-height:1.65}.recommendation-risk-overall{padding:16px 18px;margin:0 0 18px;border-radius:14px;background:#183d79;color:#fff}.recommendation-risk-overall span,.recommendation-risk-overall strong{display:block}.recommendation-risk-overall span{font-size:17px}.recommendation-risk-overall strong{font-size:18px;margin-top:2px}.rec-critical-panel h2{font-size:18px}.rec-risk-list{display:grid;gap:8px}.rec-risk-list article{overflow:hidden;border-radius:12px;background:rgba(255,255,255,.9)}.rec-risk-list article>button{width:100%;min-height:58px;padding:12px;border:0;background:transparent;display:grid;grid-template-columns:auto minmax(0,1fr) auto 20px;gap:10px;align-items:center;text-align:left;color:inherit;font:inherit;cursor:pointer}.rec-risk-list em{display:inline-flex;padding:4px 8px;border-radius:999px;background:#183d79;color:#fff;font-style:normal;font-size:17px;font-weight:700}.rec-risk-list b{font-size:17px;font-weight:500;line-height:1.4}.rec-risk-list button>span{padding:4px 8px;border-radius:999px;background:#f2f2f2;font-size:17px;white-space:nowrap}.rec-risk-list button>i{width:19px;height:19px;background:url('../images/pages/ai-guide/simulation/icon-arrow.webp') center/contain no-repeat;transform:rotate(180deg);transition:.2s}.rec-risk-list article.is-open button>i{transform:rotate(0)}.rec-risk-list article>div{display:none;padding:0 12px 14px;border-top:1px solid rgba(24,61,121,.08)}.rec-risk-list article.is-open>div{display:block}.rec-risk-list article>div strong{display:block;padding-top:12px;margin-bottom:5px;font-size:17px;color:#183d79}.rec-risk-list article>div p{margin:0;font-size:17px;line-height:1.6}.rec-final{background:rgba(210,231,255,.9)}.rec-final ol{margin:0;padding-left:22px;font-size:17px;line-height:1.8}.rec-result-actions{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:12px;margin:20px 0 0}.rec-result-actions button,.rec-result-actions a{min-height:62px;border:0;border-radius:14px;background:#fff;color:#222;text-decoration:none;display:flex;align-items:center;justify-content:center;text-align:center;font:inherit;font-size:17px;font-weight:700;cursor:pointer}.rec-result-actions .primary{background:#183d79;color:#fff}.rec-disclaimer{text-align:center;margin:14px 0 0;font-size:17px;line-height:1.5}
@media(max-width:1100px){.ai-project-recommendation-body{overflow:auto}.ai-project-recommendation-body .project-recommendation-page{height:auto;min-height:calc(100vh - 72px);margin-top:72px;padding:24px 16px}.recommendation-shell{height:auto;min-height:calc(100vh - 100px)}.recommendation-scroll{height:auto;overflow:visible;padding-right:0}}
@media(max-width:640px){.ai-project-recommendation-body .project-recommendation-page{padding:14px 10px}.recommendation-header h1{font-size:24px}.recommendation-panel{padding:16px}.choice-grid{grid-template-columns:1fr}.rec-two-col{grid-template-columns:1fr}.recommendation-project{grid-template-columns:20px minmax(0,1fr) 24px}.project-score{grid-column:2/3;text-align:left}.rec-remove{grid-column:3;grid-row:1/3}.rec-step-actions{gap:10px}.rec-secondary,.rec-primary-inline{min-width:0;flex:1}.rec-risk-list article>button{grid-template-columns:auto minmax(0,1fr) 20px}.rec-risk-list button>span{grid-column:2/3}.rec-result-actions{grid-template-columns:1fr}.recommendation-result-hero h2{font-size:18px}}
@media print{.gnb,.simulation-nav,.floating-cta,.rec-result-actions{display:none!important}.ai-project-recommendation-body .project-recommendation-page{height:auto;margin:0;padding:0;background:#fff}.recommendation-shell{display:block;height:auto;padding:0;border:0;background:#fff}.recommendation-scroll{overflow:visible}.recommendation-view{display:none!important}.recommendation-view[data-rec-view="result"]{display:block!important}.recommendation-panel{break-inside:avoid;background:#fff;border:1px solid #ddd}}

/* 2026-08-14 refinement — align recommendation flow/results with project analysis */
.recommendation-panel{
  background:rgba(255,255,255,.50);
  border:1px solid rgba(255,255,255,.44);
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
}
.recommendation-result-hero,
.rec-critical-panel{
  background:rgba(255,255,255,.50);
}
.rec-primary i,.rec-secondary i{
  filter:brightness(0) invert(1);
  transform:rotate(90deg);
  flex:0 0 auto;
}
.rec-secondary i.back{transform:rotate(-90deg)}
.rec-grade{margin:12px 0 14px}
.rec-grade strong{
  position:relative;
  isolation:isolate;
  display:grid;
  place-items:center;
  width:92px;
  height:92px;
  margin:0 auto;
  border:0;
  border-radius:50%;
  background:conic-gradient(#183d79 0 72%,rgba(255,255,255,.95) 72% 100%);
  font-size:40px;
  color:#183d79;
}
.rec-grade strong::before{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:50%;
  background:rgba(241,246,250,.86);
  z-index:-1;
}
.rec-grade b{display:block;margin-top:8px;font-size:18px}
.rec-result-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rec-result-actions button,.rec-result-actions a{width:100%;min-height:60px}
@media(max-width:640px){
  .rec-result-actions{grid-template-columns:1fr}
  .rec-grade strong{width:82px;height:82px;font-size:36px}
}

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

h4{font-size:17px}