/* The approved milestone study, using the application's theme and real achievements. */
#trophyModal .modal{width:min(1030px,calc(100vw - 48px));border-radius:10px}
#trophyModal .modal-head{padding:25px 32px;border-bottom:1px solid var(--border)}
#trophyModal .modal-title{font:600 29px/1.2 var(--font);letter-spacing:-.7px}
#trophyModal .modal-body{padding:0}
.km-caption{font-size:10px;letter-spacing:1.2px;font-weight:600;color:var(--text-3);margin:0 0 8px}
.km-layout{display:grid;grid-template-columns:230px minmax(0,1fr)}
.km-layout nav{background:var(--surface-2);border-right:1px solid var(--border);padding:26px 15px}
.km-layout nav>.km-caption{margin:0 12px 16px}
.km-category{display:flex;align-items:center;gap:10px;width:100%;padding:13px 12px;min-height:48px;margin:3px 0;border:0;border-radius:5px;background:transparent;color:var(--text-2);font:13px/1.4 var(--font);cursor:pointer;text-align:left}
.km-category strong{font-weight:500}.km-category span{margin-left:auto;font-size:10px;white-space:nowrap}.km-category i{font-style:normal;font-size:17px}
.km-category:hover{background:var(--surface-3)}.km-category[aria-pressed=true]{background:var(--k-forest);color:#f4f6ed}
.km-side-foot{margin:25px 12px 0;padding-top:22px;border-top:1px solid var(--border);color:var(--text-3);font-size:12px;line-height:1.7}
.km-side-foot>strong{display:block;color:var(--text);font-size:28px;font-weight:600}.km-side-foot small{font-size:15px;color:var(--text-3);font-weight:400}
.km-journey{padding:27px 34px;min-width:0}.km-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.km-heading h3{font-size:16px;font-weight:600;margin:0}.km-heading>span{font-size:11px;color:var(--text-3);white-space:nowrap}
.km-next{padding:23px 26px;background:var(--k-forest);color:#f5f6ec;border-radius:6px}.km-next .km-caption{color:#bacdbb}.km-next h4{font-size:clamp(24px,3vw,40px);font-weight:550;line-height:1.2;letter-spacing:-1px;margin:0;overflow-wrap:anywhere}.km-next>p:not(.km-caption){font-size:13px;line-height:1.7}
.km-cap-summary{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-top:17px;font-size:12px;color:#c7d5c7;line-height:1.6}.km-cap-summary strong{font-weight:500;color:var(--k-gold);text-align:right}.km-cap-summary small{display:block;font-size:11px;color:#c7d5c7}
.km-progress{height:5px;background:#395447;margin-top:22px;border-radius:4px;overflow:hidden}.km-progress span{display:block;height:100%;background:var(--k-gold)}
.km-note{font-size:11px;line-height:1.7;color:var(--text-3);margin:12px 0 26px}.km-timeline{list-style:none;padding:0;margin:0}
.km-step{display:grid;grid-template-columns:27px minmax(0,1fr) auto;gap:12px;position:relative;padding:0 0 25px;align-items:start}.km-step:before{content:'';position:absolute;left:12px;top:26px;bottom:0;width:1px;background:var(--border)}.km-step:last-child:before{display:none}.km-step:last-child{padding-bottom:0}
.km-marker{width:25px;height:25px;border:1px solid var(--border-strong);border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--text-3);font-size:10px;position:relative}.km-step.next .km-marker{background:var(--k-gold);color:#19342b;border-color:var(--k-gold)}.km-step.completed .km-marker{background:var(--surface-2);color:var(--up);border-color:transparent}
.km-step strong{display:block;font-size:16px;font-weight:550}.km-step small{display:block;color:var(--text-3);font-size:11px;margin-top:4px;line-height:1.5}.km-date{text-align:right;font-size:11px;line-height:1.6;color:var(--text-2);padding-top:3px}.km-step.next .km-date{color:var(--accent)}
.km-completed{border-top:1px solid var(--border);padding-top:18px;margin-top:23px;font-size:12px;color:var(--text-2)}.km-completed>summary{cursor:pointer;min-height:27px;line-height:1.7}.km-completed .km-timeline{margin-top:20px}.km-new{display:inline-block;color:var(--up);background:var(--surface-2);font-size:10px;padding:2px 7px;margin-top:5px;border-radius:3px}
.km-footer{border-top:1px solid var(--border);padding:17px 30px;font-size:11px;color:var(--text-3)}
.km-category:focus-visible,.km-completed>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.k-goal-top{margin-bottom:20px}.obj-est .amt.k-negative{color:var(--down)}
.obj-est p{margin:7px 0 0;font-size:12px}.kf-goal-outlook{border-left:3px solid var(--accent-line);padding:3px 0 3px 23px;margin-top:30px;max-width:900px}.kf-goal-outlook h3{font-size:17px;font-weight:550;margin:0 0 10px}.kf-goal-outlook p{font-size:12px;color:var(--text-2);line-height:1.8;margin:8px 0}.kf-goal-outlook>div{display:flex;gap:25px;margin-top:14px;flex-wrap:wrap}.k-goal-palier-button{border:1px solid var(--k-forest)!important;box-shadow:0 3px 0 #071e161c}.k-goal-palier-button:hover{filter:brightness(1.16)}
@media(max-width:700px){
  #trophyModal .modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:8px}#trophyModal .modal-head{padding:20px}#trophyModal .modal-title{font-size:25px}.km-caption{font-size:9px}
  .km-layout{grid-template-columns:minmax(0,1fr)}.km-layout nav{display:flex;overflow-x:auto;gap:6px;border-right:0;border-bottom:1px solid var(--border);padding:12px 16px}.km-category{width:auto;flex-shrink:0;padding:10px 12px;font-size:12px;margin:0}.km-layout nav>.km-caption,.km-side-foot{display:none}
  .km-journey{padding:23px 20px}.km-heading h3{font-size:15px}.km-next{padding:22px}.km-next h4{font-size:30px}.km-cap-summary{flex-direction:column;gap:6px}.km-cap-summary strong{text-align:left}.km-step{grid-template-columns:25px minmax(0,1fr);gap:3px 10px;padding-bottom:24px}.km-step .km-date{grid-column:2;text-align:left}.km-step strong{font-size:15px}.km-step small{font-size:11px}.km-footer{padding:16px 20px;line-height:1.7}
  .k-goal-top{flex-wrap:wrap}.k-goal-top .k-goal-context{max-width:none}.kf-goal-outlook{padding-left:17px}.kf-goal-outlook>div{gap:10px 20px}
}