
.kirin-decision-card{
  grid-template-columns:minmax(320px,.95fr) repeat(2,minmax(0,.875fr));
  grid-template-areas:none;
  gap:12px;
}

.kirin-decision-main{
  grid-area:auto;
  grid-column:1;
  grid-row:1 / span 2;
}

.kirin-metrics{
  grid-area:auto;
  grid-column:2 / 4;
  grid-row:1;
}

.kirin-reasons{
  grid-area:auto;
  display:contents;
}

.kirin-reason--positive{
  grid-column:2;
  grid-row:2;
}

.kirin-reason--caution{
  grid-column:3;
  grid-row:2;
}

.kirin-decision-support{
  grid-area:auto;
  display:contents;
}

.kirin-decision-summary{
  grid-column:1 / 3;
  grid-row:3;
}

.kirin-recommended-action{
  grid-column:3;
  grid-row:3;
}


.kirin-decision-detail{
  grid-area:auto;
  grid-column:1 / 4;
  grid-row:4;
}

.kirin-decision-summary,
.kirin-recommended-action{
  min-width:0;
  padding:18px;
  border:1px solid var(--line-soft);
  border-radius:14px;
  background:linear-gradient(145deg,#10130f,#0a0d0b);
}

.kirin-support-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.kirin-support-heading small,
.kirin-recommended-action>small{
  display:block;
  color:var(--muted);
  font-size:9px;
  font-weight:800;
  letter-spacing:.14em;
}

.kirin-support-heading h2,
.kirin-recommended-action h2{
  margin:3px 0 0;
  font-size:16px;
  line-height:1.35;
}

.kirin-assessment{
  flex:0 0 auto;
  padding:5px 10px;
  border:1px solid currentColor;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
}

.kirin-assessment--positive{color:var(--green);background:rgba(69,223,134,.08)}
.kirin-assessment--caution{color:var(--orange);background:rgba(255,182,73,.08)}
.kirin-assessment--negative{color:var(--red);background:rgba(255,98,94,.08)}
.kirin-assessment--pending{color:var(--gold-soft);background:rgba(215,181,74,.08)}

.kirin-analysis-progress{
  width:min(320px,100%);
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
  margin:18px 0 10px;
  padding:0;
  list-style:none;
}

.kirin-analysis-progress li{
  position:relative;
  min-width:0;
  padding-top:18px;
  color:#66716a;
  font-size:9px;
  font-weight:700;
  line-height:1.3;
  text-align:center;
}

.kirin-analysis-progress li::before{
  content:"";
  position:absolute;
  top:4px;
  left:50%;
  width:8px;
  height:8px;
  border:1px solid #4b554e;
  border-radius:50%;
  background:#0b0e0b;
  transform:translateX(-50%);
  z-index:2;
}

.kirin-analysis-progress li:not(:last-child)::after{
  content:"";
  position:absolute;
  top:8px;
  left:calc(50% + 5px);
  width:calc(100% - 4px);
  height:1px;
  background:#30372f;
}

.kirin-analysis-progress li.is-complete{
  color:#a9b4ac;
}

.kirin-analysis-progress li.is-complete::before{
  border-color:var(--green);
  background:var(--green);
  box-shadow:0 0 0 3px rgba(69,223,134,.08);
}

.kirin-analysis-progress li.is-complete:not(:last-child)::after{
  background:linear-gradient(90deg,var(--green),#3e503f);
}

.kirin-analysis-progress li.is-active{
  color:var(--gold-soft);
}

.kirin-analysis-progress li.is-active::before{
  border-color:var(--gold-soft);
  background:var(--gold);
  box-shadow:0 0 0 4px rgba(215,181,74,.12);
}

.kirin-analysis-caption{
  margin:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
  text-align:center;
}

.kirin-summary-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}

.kirin-summary-grid>div{
  min-width:0;
  min-height:74px;
  padding:12px 13px;
  border:1px solid var(--line-soft);
  border-radius:10px;
  background:rgba(255,255,255,.018);
}

.kirin-summary-grid small{
  display:block;
  margin-bottom:7px;
  color:var(--muted);
  font-size:10px;
  font-weight:700;
}

.kirin-summary-grid strong{
  display:block;
  overflow-wrap:anywhere;
  font-size:13px;
  line-height:1.5;
}

.kirin-summary-grid .kirin-summary-risk{
  border-color:#604615;
  background:rgba(255,182,73,.035);
}

.kirin-recommended-action{
  padding:18px;
  border-color:#6a551d;
  background:
    radial-gradient(circle at 100% 0%,rgba(215,181,74,.1),transparent 42%),
    linear-gradient(145deg,#15150d,#0a0d0b);
}

.kirin-recommended-action h2{
  margin-top:2px;
  font-weight:800;
}

.kirin-recommended-action>strong{
  display:block;
  margin:13px 0 8px;
  color:var(--gold-soft);
  font-size:16px;
  line-height:1.4;
}

.kirin-recommended-action>p{
  margin:0;
  color:#c8d0c9;
  font-size:13px;
  line-height:1.65;
}

.kirin-recommended-action--positive>strong{color:var(--green)}
.kirin-recommended-action--caution>strong{color:var(--orange)}
.kirin-recommended-action--negative>strong{color:var(--red)}

@media(max-width:980px){
  .kirin-decision-card{
    grid-template-columns:1fr;
    grid-template-areas:none;
  }


  .kirin-decision-main,
  .kirin-metrics,
  .kirin-reasons,
  .kirin-decision-support,
  .kirin-decision-detail,
  .kirin-decision-summary,
  .kirin-recommended-action,
  .kirin-reason--positive,
  .kirin-reason--caution{
    grid-area:auto;
    grid-column:1;
    grid-row:auto;
  }

  .kirin-reasons{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .kirin-decision-support{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }
}

@media(max-width:720px){
  .kirin-decision-support{gap:10px}
  .kirin-decision-summary,.kirin-recommended-action{padding:15px}
  .kirin-summary-grid{grid-template-columns:1fr}
  .kirin-summary-grid>div{min-height:0}
  .kirin-recommended-action>strong{font-size:16px}
  .kirin-analysis-progress{width:100%;gap:3px;margin-top:16px}
  .kirin-analysis-progress li{font-size:8px}
}

@media(max-width:480px){
  .kirin-reasons{grid-template-columns:1fr}
}
