.page2-inline{--blue:#2d67f4;--blue2:#eaf1ff;--navy:#102753;--silver:#eef1f4;--line:#d8e0ea;--orange:#ff9257;--green:#16b86a;--red:#ff4d61;--shadow:0 12px 30px rgba(25,48,88,.10)}
.page2-inline *{box-sizing:border-box}.page2-inline{margin:0;background:linear-gradient(135deg,#e9edf2,#fff 48%,#e8edf3);font-family:Arial,"Noto Sans KR",sans-serif;color:#15284d}.page2-inline .app{width:min(100%,540px);margin:auto;min-height:100vh;background:rgba(255,255,255,.94);padding:18px 16px 38px}.page2-inline .hero{text-align:center;padding:12px 4px 18px}.page2-inline .hero h1{margin:0;font-size:34px;letter-spacing:-1.2px;color:#16366f}.page2-inline .hero h1 span{color:var(--blue)}.page2-inline .hero p{margin:8px 0 0;font-size:14px;color:#5d6f91;line-height:1.5}.page2-inline .status-row{display:grid;grid-template-columns:1fr 1.15fr;gap:10px;margin-bottom:14px}.page2-inline .status-card, .page2-inline .model-card{border-radius:15px;padding:12px;background:linear-gradient(145deg,#f8fafc,#e7ebf0);border:1px solid #d9e0e8}.page2-inline .status-card div{display:flex;justify-content:space-between;font-size:13px;padding:5px 0;border-bottom:1px solid #d9e0e8}.page2-inline .status-card div:last-child{border-bottom:0}.page2-inline .model-card{display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;color:#6b7d9f}.page2-inline .section{background:#fff;border:1px solid #dce4ee;border-radius:18px;padding:15px;margin-bottom:14px;box-shadow:var(--shadow)}.page2-inline .section-title{margin:0 0 12px;font-size:20px;color:#102753}.page2-inline .input-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.page2-inline .field label{display:block;text-align:center;color:var(--blue);font-weight:900;font-size:14px;margin-bottom:5px}.page2-inline .field input, .page2-inline .field select{width:100%;height:50px;border:2px solid #a9c0ff;border-radius:12px;background:#fff;font-size:21px;font-weight:900;text-align:center;color:#111;padding:0 6px}.page2-inline .photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.page2-inline .photo{border:2px solid #9bb6ff;border-radius:14px;padding:8px}.page2-inline .photo h3{margin:0 0 6px;text-align:center;font-size:15px;color:#2356c8}.page2-inline .preview{height:205px;border:2px dashed #a9bcf3;border-radius:11px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#9aa7bb;text-align:center;line-height:1.5;background:#fbfcff}.page2-inline .preview img{width:100%;height:100%;object-fit:cover}.page2-inline .photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.page2-inline .photo-actions button{border:0;border-radius:8px;padding:9px 4px;color:#fff;font-weight:900;cursor:pointer}.page2-inline .capture{background:var(--orange)}.page2-inline .upload{background:#7bcfd5}.page2-inline .analyze{width:100%;border:0;border-radius:13px;background:linear-gradient(90deg,#1958ef,#2d79ff);color:#fff;padding:15px;margin-top:12px;font-size:18px;font-weight:900;cursor:pointer}.page2-inline .guide{font-size:11px;color:#7b89a4;margin-top:8px;text-align:center}.page2-inline .result-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.page2-inline .badge{background:var(--blue2);color:var(--blue);border-radius:999px;padding:7px 11px;font-weight:900}.page2-inline .code{font-size:22px;font-weight:900;color:#fff;background:var(--blue);padding:7px 13px;border-radius:999px}.page2-inline .graph-box{border:1px solid #dce4ee;border-radius:15px;padding:8px;background:#fff}.page2-inline .graph-box svg{width:100%;height:auto;display:block}.page2-inline .legend{display:flex;justify-content:center;gap:16px;font-size:12px;margin-top:7px}.page2-inline .legend span:before{content:"";display:inline-block;width:20px;height:3px;margin-right:5px;vertical-align:middle;border-radius:3px}.page2-inline .legend .target:before{background:var(--red)}.page2-inline .legend .comfort:before{background:var(--blue)}.page2-inline .legend .sim:before{background:var(--green)}.page2-inline .pad-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.page2-inline .pad-card{border:1px solid #dce4ee;border-radius:14px;padding:12px;background:linear-gradient(145deg,#fff,#f6f9fc);text-align:center}.page2-inline .pad-card b{display:block;color:#41577d;font-size:13px}.page2-inline .pad-card strong{display:block;font-size:28px;color:var(--blue);margin:4px 0}.page2-inline .pad-card span{font-size:12px;color:#6f7f99}.page2-inline .pad-card.off{opacity:.58}.page2-inline .sim-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}.page2-inline .sim-row{border:1px solid #dce4ee;border-radius:12px;padding:9px;background:#f8fbff}.page2-inline .sim-row b{display:block;text-align:center;font-size:13px;margin-bottom:7px}.page2-inline .stepper{display:grid;grid-template-columns:40px 1fr 40px;gap:5px}.page2-inline .stepper button{height:36px;border:1px solid #bed0ee;background:#fff;color:var(--blue);font-size:22px;font-weight:900;border-radius:8px;cursor:pointer}.page2-inline .stepper output{height:36px;display:flex;align-items:center;justify-content:center;background:var(--blue2);border-radius:8px;font-weight:900}.page2-inline .note{font-size:12px;line-height:1.65;color:#53688b;background:#f7faff;border:1px solid #dce7f8;border-radius:14px;padding:13px}@media(max-width:380px){.page2-inline .app{padding:12px}.page2-inline .hero h1{font-size:29px}.page2-inline .preview{height:180px}.page2-inline .input-grid{gap:5px}.page2-inline .field label{font-size:12px}}

/* shoulder pad combinations */
.page2-inline .shoulder-combo{margin-top:10px;padding:9px;border-radius:12px;background:#f7faff;border:1px solid #dce7f8}
.page2-inline .shoulder-combo-title{text-align:center;font-size:12px;font-weight:900;color:#53688b;margin-bottom:7px}
.page2-inline .shoulder-stack{display:flex;flex-direction:column-reverse;align-items:center;gap:5px}
.page2-inline .shoulder-piece{width:88%;height:21px;border-radius:7px;border:2px solid #c9d3df;background:#fff;color:#8692a5;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;transition:.2s}
.page2-inline .shoulder-piece.on{border-color:#16b86a;background:#dff8eb;color:#087a45;box-shadow:0 4px 10px rgba(22,184,106,.18)}
.page2-inline .shoulder-caption{text-align:center;font-size:11px;color:#6f7f99;margin-top:6px}

/* pillow analysis AI */
.page2-inline .pillow-ai{background:#dff6f7;border:1px solid #c6ebed}
.page2-inline .pillow-ai-title{text-align:center;margin:0 0 14px;font-size:25px;color:#122d50}
.page2-inline .pillow-ai-grid{display:grid;grid-template-columns:1fr;gap:12px}
.page2-inline .pillow-panel{background:#fff;border:1px solid #cfe4e6;border-radius:16px;padding:13px}
.page2-inline .pillow-panel h3{margin:0 0 10px;text-align:center;font-size:20px}
.page2-inline .need-line{border:1px solid #dbe4ed;border-radius:13px;padding:10px;background:#fbfdff;margin-bottom:11px}
.page2-inline .need-line b{display:block;text-align:center;font-size:12px;color:#52698e}
.page2-inline .need-code{text-align:center;font-size:27px;font-weight:900;color:#15284d;margin:2px 0 4px}
.page2-inline .need-line svg{width:100%;height:88px;display:block}
.page2-inline .product-list{display:grid;gap:8px}
.page2-inline .product-item{display:grid;grid-template-columns:60px 1fr;gap:9px;padding:9px;border-radius:12px;background:#f4f8fa;border:1px solid #e0eaee}
.page2-inline .product-thumb{width:60px;height:52px;border-radius:12px;background:linear-gradient(145deg,#fff,#dfe5ea);display:flex;align-items:center;justify-content:center;font-size:28px}
.page2-inline .product-meta strong{display:block;font-size:14px;color:#15335f}
.page2-inline .product-meta span{display:block;font-size:11px;color:#6c7e98;line-height:1.45}
.page2-inline .rank-score{color:#e75252;font-weight:900}
.page2-inline .pillow-upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.page2-inline .pillow-upload{border:1px solid #d9e1e8;border-radius:11px;padding:6px;background:#fff}
.page2-inline .pillow-upload b{display:block;text-align:center;font-size:11px;margin-bottom:5px}
.page2-inline .pillow-preview{height:68px;border:2px dashed #c8d1dc;border-radius:9px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#9aa5b5;font-size:11px;text-align:center}
.page2-inline .pillow-preview img{width:100%;height:100%;object-fit:cover}
.page2-inline .pillow-upload button{width:100%;margin-top:5px;border:0;border-radius:7px;background:#7bcfd5;color:#fff;font-weight:900;padding:6px 2px;font-size:11px}
.page2-inline .spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}
.page2-inline .spec-grid label{font-size:11px;color:#52698e;font-weight:800}
.page2-inline .spec-grid input, .page2-inline .spec-grid select{width:100%;height:38px;margin-top:4px;border:1px solid #cbd7e3;border-radius:9px;padding:0 8px;background:#fff}
.page2-inline .pillow-calc{width:100%;margin-top:10px;border:0;border-radius:11px;background:linear-gradient(90deg,#16a86a,#2bc477);color:#fff;padding:12px;font-weight:900;cursor:pointer}
.page2-inline .match-result{margin-top:10px;padding:11px;border-radius:12px;background:#f5f8fa;text-align:center;font-weight:900}
.page2-inline .match-result strong{font-size:25px;color:#e75252}
@media(min-width:500px){.page2-inline .pillow-ai-grid{grid-template-columns:1fr 1fr}.page2-inline .pillow-upload-grid{grid-template-columns:repeat(3,1fr)}}



.page2-inline .analysis-person-box{border:1px solid #d9e4ef;border-radius:13px;background:#f7faff;padding:10px;margin:0 0 12px}
.page2-inline .analysis-person-title{text-align:center;font-size:12px;font-weight:900;color:#617696;margin-bottom:8px}
.page2-inline .analysis-person-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.page2-inline .analysis-person-grid .cell{border-radius:10px;background:#fff;padding:7px;text-align:center;border:1px solid #dce7f3}
.page2-inline .analysis-person-grid .cell b{display:block;font-size:11px;color:#6b7d98}
.page2-inline .analysis-person-grid .cell strong{display:block;font-size:16px;color:#173d7a;margin-top:2px}
@media(max-width:420px){.page2-inline .analysis-person-grid{grid-template-columns:repeat(2,1fr)}}

.page2-inline .pad-image-wrap{margin-top:13px;padding:12px;border:1px solid #dce6ee;border-radius:15px;background:#fff}
.page2-inline .pad-image-title{text-align:center;font-weight:900;color:#23436e;margin-bottom:8px}
.page2-inline .pad-image-stage{text-align:center;font-size:14px;font-weight:900;color:#173d7a;margin:0 0 10px}
.page2-inline .pad-image-stage span{color:#16a86a}
.page2-inline .pad-image-diagram{position:relative; width:100%; max-width:520px; margin:0 auto;}
.page2-inline .pad-image-diagram img{display:block;width:100%;height:auto;border-radius:10px}
.page2-inline .pad-overlay{position:absolute;background:#A8E66A;border:1.5px solid #159447;border-radius:5px;box-shadow:none;display:none;pointer-events:none;opacity:.86}
.page2-inline .pad-overlay.on{display:block}
.page2-inline .pad-image-legend{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;font-size:11px;color:#52698e}
.page2-inline .pad-image-legend i{width:18px;height:18px;border-radius:5px;background:rgba(22,184,106,.32);border:2px solid #159447}
.page2-inline .direction-card{margin:0 auto 10px;max-width:520px;border:1px solid #dde6f1;border-radius:14px;background:linear-gradient(145deg,#f8fbff,#eef4ff);padding:10px 12px;text-align:center}
.page2-inline .direction-card span{display:block;font-size:12px;color:#657a9b;font-weight:800}
.page2-inline .direction-card b{display:block;font-size:20px;color:#174baf;font-weight:900;margin:4px 0}
.page2-inline .direction-card small{display:block;font-size:11px;color:#6a7e99;line-height:1.45}
.page2-inline .direction-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:520px;margin:0 auto 10px}
.page2-inline .direction-toggle button{height:40px;border:1px solid #c9d8f4;border-radius:10px;background:#fff;color:#23436e;font-weight:900;cursor:pointer}
.page2-inline .direction-toggle button.active{background:linear-gradient(90deg,#1e62f2,#3a83ff);color:#fff;border-color:#1e62f2}
.page2-inline .softform-overlay{display:none !important}
.page2-inline .softform-overlay.on{display:none !important}
.page2-inline .softform-label{display:none !important}
.page2-inline .softform-label.on{display:block}




.page2-inline .analysis-match-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:8px 0 10px}
.page2-inline .analysis-match-chip{border:1px solid #d9e4ef;border-radius:10px;background:#f7faff;padding:8px;text-align:center}
.page2-inline .analysis-match-chip b{display:block;font-size:13px;color:#617696;font-weight:800;margin-bottom:4px}
.page2-inline .analysis-match-chip strong{font-size:28px;line-height:1.1;color:#245ccc;font-weight:900;letter-spacing:0.5px}
.page2-inline .analysis-match-chip.comfort-chip{background:#f5f8ff;border-color:#cfdbff}
.page2-inline .analysis-match-chip.comfort-chip b{color:#5f77a4}
.page2-inline .analysis-match-chip.comfort-chip strong{color:var(--blue)}
.page2-inline .analysis-match-chip.target-chip{background:#fff5f7;border-color:#ffd0d7}
.page2-inline .analysis-match-chip.target-chip b{color:#a05a67}
.page2-inline .analysis-match-chip.target-chip strong{color:var(--red)}
.page2-inline .analysis-match-chip.sim-chip{background:#eefbf4;border-color:#ccefdc}
.page2-inline .analysis-match-chip.sim-chip b{color:#4f7d63}
.page2-inline .analysis-match-chip.sim-chip strong{color:var(--green)}
.page2-inline .badge.sim-badge{background:#eefbf4;color:#11814c;border:1px solid #ccefdc}
.page2-inline .compare-lines{border:1px solid #dce6ef;border-radius:12px;padding:8px;background:#fff;margin-top:9px}
.page2-inline .compare-lines svg{width:100%;height:110px;display:block}
.page2-inline .compare-result-table{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.page2-inline .compare-result-table div{border-radius:9px;background:#f4f8fa;padding:7px;text-align:center;font-size:11px;color:#52698e}
.page2-inline .compare-result-table strong{display:block;font-size:15px;color:#173665;margin-top:2px}
.page2-inline .product-item.selected{border:2px solid #16b86a;background:#eefbf4}
.page2-inline .product-analysis{font-size:10px;color:#52698e;margin-top:4px;line-height:1.35}



.page2-inline-wrap{width:100%;margin:0;padding:24px 12px 32px;background:linear-gradient(180deg,#eef2f6 0%,#eef2f6 100%)}
.page2-inline{max-width:min(1080px,100%);margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(35,55,92,.10)}
.page2-inline .app{width:min(100%,980px);margin:auto}
@media(min-width:760px){.page2-inline .app{padding:28px 26px 44px}.page2-inline .section-title{font-size:24px}.page2-inline .hero h1{font-size:44px}.page2-inline .hero p{font-size:16px}.page2-inline .input-grid{grid-template-columns:repeat(3,1fr);gap:12px}.page2-inline .photo-grid{grid-template-columns:1fr 1fr;gap:12px}.page2-inline .preview{height:240px}.page2-inline .graph-box{padding:14px}.page2-inline .graph-box svg{max-height:none}.page2-inline .pad-grid,.page2-inline .sim-controls{grid-template-columns:repeat(4,1fr)}.page2-inline .pillow-ai-grid{grid-template-columns:1fr 1fr;gap:16px}}


.analysis-progress{
  display:none;
  margin-top:10px;
  padding:12px;
  border:1px solid #d9e4ef;
  border-radius:14px;
  background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%);
  box-shadow:0 8px 20px rgba(31,84,164,.08);
}
.analysis-progress.show{display:block}
.analysis-progress-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.analysis-progress-head b{font-size:14px;color:#173d7a}
.analysis-progress-head span{font-size:12px;color:#5b6f8e;font-weight:800}
.analysis-progress-bar{width:100%;height:12px;border-radius:999px;overflow:hidden;background:#dfe9f7;box-shadow:inset 0 1px 3px rgba(0,0,0,.06)}
.analysis-progress-fill{width:0%;height:100%;border-radius:999px;background:linear-gradient(90deg,#2d67f4 0%,#36b8ff 55%,#22c55e 100%);transition:width .22s ease}
.analysis-progress-message{margin-top:10px;border-radius:12px;background:#fff;padding:10px 11px;border:1px dashed #bfd1ec}
.analysis-progress-message b{display:block;color:#173d7a;font-size:12px;margin-bottom:4px}
.analysis-progress-message p{margin:0;color:#415978;font-size:12px;line-height:1.55;font-weight:700}
.analysis-progress-tip{margin-top:7px;color:#6b7d98;font-size:11px;line-height:1.45}
.analyze[disabled]{opacity:.72;cursor:not-allowed}
@media(max-width:420px){.analysis-progress{margin-top:8px;padding:10px}.analysis-progress-head b{font-size:13px}.analysis-progress-head span{font-size:11px}.analysis-progress-message{padding:9px 10px}.analysis-progress-message b{font-size:11px}.analysis-progress-message p{font-size:11px}.analysis-progress-tip{font-size:10px}}




/* v168 편한 지지선 통일 + 사용 중인 베개 3선 비교 + AI 논평 */
.page2-inline .comfort-pad-title{
  color:#2d67f4;
}

.page2-inline .comfort-sim-badge{
  border:1px solid #cbd9ff;
  border-radius:999px;
  background:#f3f7ff;
  color:#2d67f4;
  padding:6px 10px;
  font-size:12px;
  font-weight:900;
}

.page2-inline .used-support-code-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-bottom:8px;
}

.page2-inline .used-support-code{
  border:1px solid #d9e4ef;
  border-radius:10px;
  padding:8px;
  text-align:center;
  background:#fff;
}

.page2-inline .used-support-code b{
  display:block;
  font-size:11px;
  margin-bottom:3px;
}

.page2-inline .used-support-code strong{
  display:block;
  font-size:23px;
  font-weight:900;
}

.page2-inline .used-support-code.comfort-code{
  border-color:#cfdbff;
  background:#f5f8ff;
}
.page2-inline .used-support-code.comfort-code b,
.page2-inline .used-support-code.comfort-code strong{
  color:#2d67f4;
}

.page2-inline .used-support-code.target-code{
  border-color:#ffd0d7;
  background:#fff5f7;
}
.page2-inline .used-support-code.target-code b,
.page2-inline .used-support-code.target-code strong{
  color:#ff4d61;
}

.page2-inline .compare-result-table.three-cols{
  grid-template-columns:repeat(3,1fr);
}

.page2-inline .compare-result-table .comfort-result strong{
  color:#2d67f4;
}
.page2-inline .compare-result-table .target-result strong{
  color:#ff4d61;
}
.page2-inline .compare-result-table .pillow-result strong{
  color:#15985d;
}

.page2-inline .ai-comment-card{
  position:relative;
  margin-top:14px;
  border:1px solid rgba(70,110,180,.30);
  border-radius:17px;
  background:rgba(255,255,255,.98);
  padding:14px;
  overflow:hidden;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 9px 22px rgba(40,70,120,.08);
}

.page2-inline .ai-comment-head{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:9px;
}
.page2-inline .ai-comment-head h4{
  margin:0;
  color:#173665;
  font-size:17px;
  font-weight:900;
}
.page2-inline .ai-comment-badge{
  border-radius:999px;
  padding:5px 8px;
  background:#eef4ff;
  color:#2d67f4;
  font-size:10px;
  font-weight:900;
}

.page2-inline .ai-comment-card p{
  position:relative;
  z-index:1;
  margin:0;
  color:#425b7c;
  font-size:12px;
  line-height:1.65;
  font-weight:700;
}

.page2-inline .ai-comment-metrics{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:11px;
}
.page2-inline .ai-comment-metrics div{
  border:1px solid #dfe8f2;
  border-radius:11px;
  background:#f8fbff;
  padding:9px;
  text-align:center;
}
.page2-inline .ai-comment-metrics span{
  display:block;
  color:#657a98;
  font-size:10px;
  font-weight:800;
}
.page2-inline .ai-comment-metrics strong{
  display:block;
  margin-top:3px;
  color:#173665;
  font-size:18px;
  font-weight:900;
}

.page2-inline .ai-comment-action{
  position:relative;
  z-index:1;
  width:100%;
  margin-top:10px;
  border:1px solid #c9d8f4;
  border-radius:10px;
  background:#fff;
  color:#2456b8;
  padding:10px;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.page2-inline .ai-comment-action:hover{
  background:#f4f8ff;
}

.page2-inline .ai-comment-card.status-good{
  border-color:rgba(45,103,244,.46);
}
.page2-inline .ai-comment-card.status-adjust{
  border-color:rgba(244,143,45,.52);
}
.page2-inline .ai-comment-card.status-adjust .ai-comment-badge{
  background:#fff5e9;
  color:#d66f10;
}
.page2-inline .ai-comment-card.status-caution{
  border-color:rgba(255,77,97,.48);
}
.page2-inline .ai-comment-card.status-caution .ai-comment-badge{
  background:#fff0f2;
  color:#d93248;
}

.page2-inline .ai-comment-card.is-revealed{
  animation:aiCommentPulse 1.45s ease-out 1;
}
.page2-inline .ai-comment-card.is-revealed::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:linear-gradient(
    110deg,
    transparent 18%,
    rgba(70,135,255,.38) 48%,
    transparent 78%
  );
  transform:translateX(-125%);
  animation:aiCommentShine 1.35s ease-out 1;
  pointer-events:none;
}

@keyframes aiCommentShine{
  to{transform:translateX(125%);}
}
@keyframes aiCommentPulse{
  0%{box-shadow:0 0 0 rgba(70,135,255,0),0 9px 22px rgba(40,70,120,.08);}
  45%{box-shadow:0 0 19px rgba(70,135,255,.24),0 12px 28px rgba(40,70,120,.12);}
  100%{box-shadow:0 9px 22px rgba(40,70,120,.08);}
}

@media(max-width:520px){
  .page2-inline .compare-result-table.three-cols{
    grid-template-columns:1fr;
  }
  .page2-inline .used-support-code-row{
    grid-template-columns:1fr 1fr;
  }
}

.page2-inline .comfort-code-text{
  color:#2d67f4 !important;
}


/* v171 final analysis layout fixes */
.page2-inline .comfort-line-label{
  color:#2d67f4 !important;
  font-weight:900;
}

.page2-inline .pad-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;
}

.page2-inline .pad-card{
  min-height:118px;
  height:118px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  padding:10px 8px;
}

.page2-inline .pad-card strong{
  margin:4px 0 3px;
}

.page2-inline .below-pillow-combo{
  max-width:420px;
  margin:14px auto 8px;
  padding:10px 14px;
  background:#f7faff;
  border:1px solid #dce7f8;
  border-radius:13px;
}

.page2-inline .below-pillow-combo .shoulder-stack{
  min-height:38px;
}

.page2-inline .pad-overlay.on{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
}

.page2-inline .pad-overlay:not(.on){
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

@media(max-width:760px){
  .page2-inline .pad-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page2-inline .pad-card{
    min-height:108px;
    height:108px;
  }
}

@media(max-width:390px){
  .page2-inline .pad-card{
    min-height:102px;
    height:102px;
  }
}


/* v172 pad silhouette visibility hotfix */
.page2-inline .pad-overlay.on{
  display:block !important;
  opacity:.86 !important;
  visibility:visible !important;
}


/* v173 어깨 추천 패드 위치·크기 수정 */
.page2-inline .below-pillow-combo{
  width:auto;
  max-width:none;
  margin:-34px auto 4px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.page2-inline .below-pillow-combo .shoulder-combo-title,
.page2-inline .below-pillow-combo .shoulder-caption{
  display:none;
}

.page2-inline .below-pillow-combo .shoulder-stack{
  display:flex;
  flex-direction:column-reverse;
  align-items:center;
  gap:2px;
  min-height:0;
}

.page2-inline .below-pillow-combo .shoulder-piece{
  width:42%;
  min-width:150px;
  max-width:230px;
  border-radius:4px;
  font-size:0;
  line-height:0;
  padding:0;
}

.page2-inline .below-pillow-combo #recShoulder7{
  height:7px;
  border-width:1px;
}

.page2-inline .below-pillow-combo #recShoulder14{
  height:14px;
  border-width:1px;
}

/* 사용 중인 베개 입력 전 표시 */
.page2-inline .spec-grid input::placeholder{
  color:#8b98aa;
  opacity:1;
  font-weight:800;
  text-align:center;
}
.page2-inline .spec-grid select:invalid{
  color:#8b98aa;
}


/* v174 사용 중인 베개 그래프 개선 */
.page2-inline .used-pillow-compare-graph{
  position:relative;
}

.page2-inline .graph-expand-btn{
  position:absolute;
  top:8px;
  right:8px;
  z-index:3;
  border:1px solid #cbd9ef;
  border-radius:999px;
  background:#fff;
  color:#2456b8;
  padding:5px 9px;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}

.page2-inline .graph-expand-btn:hover{
  background:#f4f8ff;
}

.page2-inline .graph-expand-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
}

.page2-inline .graph-expand-modal.open{
  display:block;
}

.page2-inline .graph-expand-backdrop{
  position:absolute;
  inset:0;
  background:rgba(10,24,45,.62);
}

.page2-inline .graph-expand-dialog{
  position:relative;
  width:min(900px,92vw);
  margin:5vh auto;
  border:1px solid rgba(180,195,220,.55);
  border-radius:20px;
  background:#fff;
  padding:16px;
  box-shadow:0 24px 80px rgba(0,0,0,.25);
}

.page2-inline .graph-expand-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.page2-inline .graph-expand-head h3{
  margin:0;
  color:#173665;
  font-size:20px;
}

.page2-inline .graph-expand-head button{
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:#eef3fb;
  color:#173665;
  font-size:24px;
  cursor:pointer;
}

.page2-inline .graph-expand-content .used-pillow-compare-graph{
  border:0;
  padding:0;
}

.page2-inline .graph-expand-content svg{
  width:100%;
  height:auto;
  min-height:420px;
}

.page2-inline .graph-expand-content .legend{
  margin-top:12px;
  font-size:14px;
}

@media(max-width:600px){
  .page2-inline .graph-expand-dialog{
    margin:2vh auto;
    width:95vw;
    padding:12px;
  }
  .page2-inline .graph-expand-content svg{
    min-height:300px;
  }
}


/* v175 사용 중인 베개 분석 각성 카드 */
.page2-inline .support-line-awareness-card{
  margin:18px 0 16px;
  padding:18px;
  border:1px solid #d8e4f4;
  border-radius:18px;
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
}

.page2-inline .support-line-awareness-head{
  text-align:left;
}

.page2-inline .support-line-step{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:4px 10px;
  border-radius:999px;
  background:#eaf2ff;
  color:#2456b8;
  font-size:12px;
  font-weight:900;
}

.page2-inline .support-line-awareness-head h4{
  margin:10px 0 6px;
  color:#16345f;
  font-size:20px;
  line-height:1.35;
}

.page2-inline .support-line-lead{
  margin:0;
  color:#43536a;
  font-size:14px;
  line-height:1.7;
}

.page2-inline .support-line-case-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}

.page2-inline .support-line-case{
  padding:13px;
  border:1px solid #e0e8f3;
  border-radius:14px;
  background:#fff;
}

.page2-inline .support-line-case strong{
  display:block;
  margin-bottom:6px;
  color:#173665;
  font-size:14px;
}

.page2-inline .support-line-case p{
  margin:0;
  color:#526174;
  font-size:12px;
  line-height:1.6;
}

.page2-inline .support-line-case span{
  display:block;
  margin-top:9px;
  color:#2456b8;
  font-size:11px;
  font-weight:900;
}

.page2-inline .support-line-equation{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:15px 0 12px;
  padding:12px;
  border-radius:14px;
  background:#eff5ff;
}

.page2-inline .support-line-equation span{
  width:100%;
  text-align:center;
  color:#5b6c82;
  font-size:11px;
  font-weight:800;
}

.page2-inline .support-line-equation b{
  color:#173665;
  font-size:13px;
}

.page2-inline .support-line-equation i{
  color:#2d67f4;
  font-style:normal;
  font-weight:900;
}

.page2-inline .support-line-solution{
  padding:14px;
  border-left:4px solid #2d67f4;
  border-radius:10px;
  background:#fff;
}

.page2-inline .support-line-solution h5{
  margin:0 0 6px;
  color:#173665;
  font-size:15px;
}

.page2-inline .support-line-solution p{
  margin:0;
  color:#4d5d72;
  font-size:13px;
  line-height:1.65;
}

.page2-inline .support-line-solution .support-line-final{
  margin-top:9px;
  color:#1f55ba;
  font-weight:900;
}

@media(max-width:760px){
  .page2-inline .support-line-case-grid{
    grid-template-columns:1fr;
  }
  .page2-inline .support-line-awareness-card{
    padding:14px;
  }
  .page2-inline .support-line-awareness-head h4{
    font-size:18px;
  }
}


/* v176 AI 분석 논평 확대 리포트 */
.page2-inline .ai-comment-actions{
  display:grid;
  gap:8px;
  margin-top:12px;
}

.page2-inline .ai-comment-detail-btn{
  position:relative;
  width:100%;
  min-height:44px;
  overflow:hidden;
  border:1px solid #2d67f4;
  border-radius:12px;
  background:#2d67f4;
  color:#fff;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}

.page2-inline .ai-comment-detail-btn:disabled{
  border-color:#cbd5e3;
  background:#eef2f7;
  color:#8996a8;
  cursor:not-allowed;
}

.page2-inline .ai-comment-detail-btn:not(:disabled)::after{
  content:"";
  position:absolute;
  top:-40%;
  left:-35%;
  width:24%;
  height:180%;
  transform:skewX(-20deg);
  background:rgba(255,255,255,.34);
  opacity:0;
}

.page2-inline .ai-comment-detail-btn.attention-pulse{
  animation:aiDetailButtonPulse 1.15s ease-in-out 5;
}

.page2-inline .ai-comment-detail-btn.attention-pulse::after{
  animation:aiDetailButtonShine 1.15s ease-in-out 5;
}

.page2-inline .ai-comment-detail-btn.attention-repeat{
  animation:aiDetailButtonPulse .85s ease-in-out 2;
}

@keyframes aiDetailButtonPulse{
  0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(45,103,244,0)}
  50%{transform:scale(1.025);box-shadow:0 0 0 7px rgba(45,103,244,.13)}
}

@keyframes aiDetailButtonShine{
  0%{left:-35%;opacity:0}
  25%{opacity:1}
  70%{left:115%;opacity:1}
  100%{left:115%;opacity:0}
}

.page2-inline .ai-detail-modal{
  position:fixed;
  inset:0;
  z-index:100000;
  display:none;
}

.page2-inline .ai-detail-modal.open{
  display:block;
}

.page2-inline .ai-detail-backdrop{
  position:absolute;
  inset:0;
  background:rgba(7,18,35,.72);
  backdrop-filter:blur(4px);
}

.page2-inline .ai-detail-dialog{
  position:relative;
  width:min(1080px,94vw);
  max-height:90vh;
  margin:5vh auto;
  overflow:auto;
  border:1px solid rgba(194,208,231,.7);
  border-radius:22px;
  background:#fff;
  padding:20px;
  box-shadow:0 30px 100px rgba(0,0,0,.3);
}

.page2-inline .ai-detail-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding-bottom:14px;
  border-bottom:1px solid #e3eaf4;
}

.page2-inline .ai-detail-kicker{
  color:#2d67f4;
  font-size:12px;
  font-weight:900;
}

.page2-inline .ai-detail-head h3{
  margin:5px 0 0;
  color:#15345f;
  font-size:24px;
  line-height:1.3;
}

.page2-inline .ai-detail-close{
  flex:0 0 auto;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#eef3fa;
  color:#173665;
  font-size:26px;
  cursor:pointer;
}

.page2-inline .ai-detail-status{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:16px 0;
}

.page2-inline .ai-detail-status>div{
  padding:13px;
  border:1px solid #dfe7f2;
  border-radius:14px;
  background:#f8fbff;
}

.page2-inline .ai-detail-status span{
  display:block;
  color:#6a788c;
  font-size:11px;
  font-weight:800;
}

.page2-inline .ai-detail-status strong{
  display:block;
  margin-top:5px;
  color:#173665;
  font-size:20px;
}

.page2-inline .ai-detail-graph-wrap{
  padding:16px;
  border:1px solid #dfe7f2;
  border-radius:16px;
  background:#fbfdff;
}

.page2-inline .ai-detail-section-title h4{
  margin:0;
  color:#173665;
  font-size:17px;
}

.page2-inline .ai-detail-section-title p{
  margin:4px 0 12px;
  color:#657489;
  font-size:12px;
}

.page2-inline #aiDetailGraphHost .used-pillow-compare-graph{
  border:0;
  padding:0;
}

.page2-inline #aiDetailGraphHost svg{
  width:100%;
  height:auto;
  min-height:380px;
}

.page2-inline #aiDetailGraphHost .legend{
  margin-top:12px;
  font-size:14px;
}

.page2-inline .ai-detail-explain-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}

.page2-inline .ai-detail-explain-grid article{
  padding:15px;
  border:1px solid #e0e8f3;
  border-radius:15px;
  background:#fff;
}

.page2-inline .ai-detail-explain-grid article>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#eaf2ff;
  color:#2456b8;
  font-size:11px;
  font-weight:900;
}

.page2-inline .ai-detail-explain-grid h4{
  margin:9px 0 6px;
  color:#173665;
  font-size:15px;
}

.page2-inline .ai-detail-explain-grid p{
  margin:0;
  color:#506075;
  font-size:13px;
  line-height:1.65;
}

.page2-inline .ai-detail-conclusion{
  margin-top:14px;
  padding:16px;
  border-left:5px solid #2d67f4;
  border-radius:12px;
  background:#eef5ff;
}

.page2-inline .ai-detail-conclusion strong{
  color:#173665;
  font-size:15px;
}

.page2-inline .ai-detail-conclusion p{
  margin:6px 0 0;
  color:#40536e;
  font-size:13px;
  line-height:1.7;
}

@media(max-width:760px){
  .page2-inline .ai-detail-dialog{
    width:96vw;
    max-height:94vh;
    margin:3vh auto;
    padding:14px;
  }

  .page2-inline .ai-detail-head h3{
    font-size:19px;
  }

  .page2-inline .ai-detail-status,
  .page2-inline .ai-detail-explain-grid{
    grid-template-columns:1fr;
  }

  .page2-inline #aiDetailGraphHost svg{
    min-height:280px;
  }
}

@media(prefers-reduced-motion:reduce){
  .page2-inline .ai-comment-detail-btn.attention-pulse,
  .page2-inline .ai-comment-detail-btn.attention-repeat,
  .page2-inline .ai-comment-detail-btn.attention-pulse::after{
    animation:none !important;
  }
}


/* v179 그래프 범위·가독성 수정 */
.page2-inline .pillow-line-card,
.page2-inline .compare-lines,
.page2-inline .used-pillow-compare-graph{
  overflow:hidden;
}
.page2-inline .pillow-line-card svg,
.page2-inline .compare-lines svg,
.page2-inline .used-pillow-compare-graph svg{
  display:block;
  width:100%;
  height:auto;
}
.page2-inline #ownBodyNeedCurve,
.page2-inline #ownPillowCurve{stroke-width:2.2!important}
.page2-inline #ownTargetCurve{stroke-width:2!important}


/* v180 상단 2개 베개 그래프 이탈 최종 수정 */
.page2-inline .need-line > svg{
  display:block;
  width:100%;
  height:auto;
  min-height:110px;
  overflow:visible !important;
}

.page2-inline .need-line{
  overflow:visible !important;
}

.page2-inline #pillowNeedCurveLeft,
.page2-inline #pillowNeedCurveRight{
  stroke-width:2.2 !important;
}

.page2-inline #pillowTargetCurveRight{
  stroke-width:2 !important;
}


/* v183 어깨 패드 실루엣 실제 두께 비율 */
.page2-inline #recDiagramShoulder10,
.page2-inline #simDiagramShoulder10{
  height:1.9% !important; /* 7mm: 후두골 7mm 패드와 동일 비율 */
  border-radius:2px;
}

.page2-inline #recDiagramShoulder20,
.page2-inline #simDiagramShoulder20{
  height:3.5% !important; /* 14mm: 후두골 14mm 패드와 동일 비율 */
  border-radius:2px;
}

.page2-inline #recDiagramShoulder10.on,
.page2-inline #recDiagramShoulder20.on,
.page2-inline #simDiagramShoulder10.on,
.page2-inline #simDiagramShoulder20.on{
  display:block !important;
  opacity:.9 !important;
  visibility:visible !important;
  z-index:8 !important;
}

/* v184 NOGNOFLEX 2초 FLEX IGNITION */
.page2-inline .analysis-progress{
  position:relative;
  overflow:visible;
  --nf-progress:0%;
  border-color:rgba(45,103,244,.28);
  background:
    radial-gradient(circle at 50% 0%,rgba(255,145,0,.10),transparent 42%),
    linear-gradient(180deg,#fbfdff 0%,#eef5ff 100%);
}

.page2-inline .analysis-progress-bar{
  position:relative;
  height:15px;
  overflow:visible;
  border-radius:999px;
  background:linear-gradient(180deg,#edf3ff,#dce8fb);
  box-shadow:
    inset 0 1px 3px rgba(0,0,0,.08),
    0 1px 0 rgba(255,255,255,.85);
}

.page2-inline .analysis-progress-fill{
  position:relative;
  overflow:visible;
  height:100%;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    #2d67f4 0%,
    #39b7ff 24%,
    #22c55e 46%,
    #ffd54a 66%,
    #ff8a00 83%,
    #ff4d2d 100%
  );
  box-shadow:
    0 0 10px rgba(255,138,0,.34),
    0 0 23px rgba(255,77,45,.22);
  transition:none;
}

.page2-inline .analysis-progress.ignite .analysis-progress-fill::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(
    110deg,
    transparent 0 35%,
    rgba(255,255,255,.82) 49%,
    transparent 63% 100%
  );
  animation:nfFlexSheen .52s linear infinite;
}

.page2-inline .analysis-progress.ignite .analysis-progress-fill::after{
  content:"";
  position:absolute;
  right:-10px;
  top:50%;
  width:28px;
  height:28px;
  transform:translateY(-50%);
  border-radius:50%;
  background:radial-gradient(
    circle at 35% 35%,
    #fffbd0 0 11%,
    #ffd54a 12% 28%,
    #ff8a00 29% 54%,
    rgba(255,77,45,.8) 55% 72%,
    transparent 73%
  );
  box-shadow:
    0 0 13px rgba(255,193,7,.9),
    0 0 26px rgba(255,87,34,.58);
  animation:nfFlexFuse .24s ease-in-out infinite alternate;
}

.page2-inline .analysis-progress-sparks{
  position:absolute;
  inset:0;
  z-index:8;
  pointer-events:none;
  overflow:visible;
}

.page2-inline .flex-ignition-track{
  position:relative;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:5px;
  margin-top:15px;
}

.page2-inline .flex-ignition-track::before{
  content:"";
  position:absolute;
  top:12px;
  left:8.5%;
  right:8.5%;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#bdc9d9,#dce3ed);
  z-index:0;
}

.page2-inline .flex-ignition-node{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  min-width:0;
  color:#7b8798;
  font-size:10px;
  font-weight:900;
  text-align:center;
}

.page2-inline .flex-ignition-node i{
  position:relative;
  display:block;
  width:25px;
  height:25px;
  border:3px solid #d1d9e4;
  border-radius:50%;
  background:linear-gradient(145deg,#fff,#dce3eb);
  box-shadow:0 3px 7px rgba(22,52,93,.12);
}

.page2-inline .flex-ignition-node.done i{
  border-color:#12a85e;
  background:linear-gradient(145deg,#5ee18e,#16b86a);
  box-shadow:
    0 0 0 4px rgba(22,184,106,.12),
    0 0 12px rgba(22,184,106,.38);
}

.page2-inline .flex-ignition-node.done i::before{
  content:"✓";
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-style:normal;
  font-size:13px;
}

.page2-inline .flex-ignition-node.active{
  color:#e56500;
}

.page2-inline .flex-ignition-node.active i{
  border-color:#ff8a00;
  background:radial-gradient(circle,#fff5a4 0 15%,#ffb300 32%,#ff5a1f 70%,#bd250d 100%);
  box-shadow:
    0 0 0 5px rgba(255,138,0,.14),
    0 0 14px rgba(255,179,0,.82),
    0 0 28px rgba(255,77,45,.52);
  animation:nfFlexNodeIgnite .28s ease-out;
}

.page2-inline .flex-ignition-node.active i::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:42px;
  height:42px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 0,#fff4a8 0 4%,transparent 5%),
    radial-gradient(circle at 95% 45%,#ff9f1a 0 4%,transparent 5%),
    radial-gradient(circle at 70% 95%,#ff5a1f 0 4%,transparent 5%),
    radial-gradient(circle at 8% 68%,#ffd84d 0 4%,transparent 5%);
  animation:nfFlexParticleSpin .32s ease-out;
}

.page2-inline .flex-spark-burst{
  position:absolute;
  width:10px;
  height:10px;
  z-index:10;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:#fff4a0;
  box-shadow:
    0 -22px 0 -3px #ffb300,
    17px -14px 0 -3px #ff5a1f,
    23px 2px 0 -4px #ffd54a,
    14px 18px 0 -3px #ff6a00,
    -14px 18px 0 -4px #ffb300,
    -23px 1px 0 -3px #ff5722,
    -16px -15px 0 -4px #ffe66d;
  animation:nfFlexSparkBurst .48s ease-out forwards;
}

.page2-inline .analysis-progress.flex-complete{
  animation:nfFlexCompleteCard .46s ease-out;
}

.page2-inline .analysis-progress.flex-complete .analysis-progress-head b{
  color:#ff5a1f;
  text-shadow:0 0 16px rgba(255,138,0,.30);
}

.page2-inline .analysis-progress.flex-complete .analysis-progress-head span{
  color:#ff5a1f;
  font-size:16px;
}

.page2-inline .analysis-progress.blast::after{
  content:"";
  position:absolute;
  inset:-8px;
  border:2px solid rgba(255,140,0,.58);
  border-radius:20px;
  pointer-events:none;
  animation:nfFlexBlastRing .42s ease-out forwards;
}

.page2-inline .analysis-progress-message{
  border-style:solid;
  border-color:#d5e2f4;
  box-shadow:0 4px 14px rgba(31,76,151,.06);
}

.page2-inline .analysis-progress-message b{
  font-size:13px;
}

.page2-inline .analysis-progress-tip{
  text-align:center;
  color:#536b91;
  font-weight:800;
}

@keyframes nfFlexSheen{
  from{transform:translateX(-125%)}
  to{transform:translateX(125%)}
}

@keyframes nfFlexFuse{
  from{transform:translateY(-50%) scale(.88) rotate(-5deg);opacity:.82}
  to{transform:translateY(-50%) scale(1.1) rotate(5deg);opacity:1}
}

@keyframes nfFlexNodeIgnite{
  0%{transform:scale(.55);filter:brightness(2)}
  62%{transform:scale(1.35)}
  100%{transform:scale(1)}
}

@keyframes nfFlexParticleSpin{
  0%{transform:translate(-50%,-50%) scale(.25) rotate(0);opacity:1}
  100%{transform:translate(-50%,-50%) scale(1.45) rotate(42deg);opacity:0}
}

@keyframes nfFlexSparkBurst{
  0%{transform:translate(-50%,-50%) scale(.2);opacity:1}
  65%{opacity:1}
  100%{transform:translate(-50%,-50%) scale(1.35);opacity:0}
}

@keyframes nfFlexCompleteCard{
  0%{transform:scale(.985);box-shadow:0 0 0 rgba(255,138,0,0)}
  45%{transform:scale(1.012);box-shadow:0 0 30px rgba(255,138,0,.24)}
  100%{transform:scale(1);box-shadow:0 8px 20px rgba(31,84,164,.08)}
}

@keyframes nfFlexBlastRing{
  0%{transform:scale(.96);opacity:.9}
  100%{transform:scale(1.08);opacity:0}
}

@media(max-width:520px){
  .page2-inline .flex-ignition-track{
    gap:2px;
  }
  .page2-inline .flex-ignition-node{
    font-size:9px;
  }
  .page2-inline .flex-ignition-node i{
    width:22px;
    height:22px;
  }
}

@media(prefers-reduced-motion:reduce){
  .page2-inline .analysis-progress *,
  .page2-inline .analysis-progress::after{
    animation:none!important;
  }
}