/* A planning workspace beside the existing map. */
.plans-open .app-panel{width:560px}
.plans-open #value-map-key{left:605px;max-width:calc(100% - 690px)}
.im-hero{padding:5px 0 0}
.im-hero>.eyebrow{font-size:9px;letter-spacing:2.4px;color:#7b7b7b}
.im-hero>h3{font-size:29px;font-weight:500;letter-spacing:-1px;margin:13px 0 12px}
.im-hero>p{font-size:13px;line-height:1.9;color:#777;margin:0}
.im-impact-pair{display:grid;grid-template-columns:1fr 1fr;margin-top:23px;border:1px solid #292929;border-radius:13px;overflow:hidden}
.im-impact-pair>div{padding:18px 15px;min-width:0;background:#202020;color:#fff}
.im-impact-pair>div+div{background:#f7f7f5;color:#222}
.im-impact-pair span{display:block;font-size:11px;letter-spacing:.2px}
.im-impact-pair b{display:block;font-size:11px;font-weight:400;opacity:.65;margin-top:9px;line-height:1.7}
.im-main-tabs{display:flex;gap:22px;border-bottom:1px solid #ddd;margin:26px 0 23px}
.im-main-tabs button{font-size:13px;padding:0 0 12px;color:#888;border-bottom:2px solid transparent;position:relative;top:1px}
.im-main-tabs button.selected{color:#171717;border-bottom-color:#171717;font-weight:600}
.im-main-tabs button span{font-size:10px;padding:2px 6px;background:#eaeaea;color:#555;border-radius:4px;margin-left:4px}
.im-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 13px}
.im-section-heading h3,.im-section-heading h4{font-size:13px;font-weight:600;margin:0}
.im-section-heading>span{font-size:10px;color:#888;text-align:right;line-height:1.6}
.im-group-filter{display:flex;gap:7px;margin:17px 0}
.im-group-filter button{padding:8px 14px;border-radius:7px;background:#f5f5f5;color:#777;font-size:11px;border:1px solid transparent}
.im-group-filter button.selected{background:#252525;color:#fff}
.im-context{font-size:11px;line-height:1.9;color:#777;margin:14px 0 18px;padding-left:11px;border-left:2px solid #ddd}
.im-context b{color:#333;font-weight:500}
.im-catalog{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.im-prototype{display:flex;flex-direction:column;min-width:0;text-align:left;border:1px solid #e0e0e0;border-radius:12px;padding:17px;background:#fafaf8;transition:border-color .15s,background .15s}
.im-prototype:hover{border-color:#777;background:#f0f0ed}
.im-prototype-top{display:flex;justify-content:space-between;align-items:center;gap:7px;width:100%;font-size:9px;color:#777;letter-spacing:.6px}
.im-prototype-top i{display:grid;place-items:center;width:31px;height:31px;border:1px solid #aaa;border-radius:50%;font-size:21px;font-weight:300;font-style:normal;color:#333}
.im-prototype h4{font-size:16px;font-weight:500;margin:16px 0 8px;letter-spacing:-.3px}
.im-prototype p{font-size:10px;color:#888;margin:0 0 13px;line-height:1.7}
.im-prototype-aim{font-size:11px;line-height:1.8;color:#555;flex:1;padding-bottom:17px}
.im-prototype-bottom{display:flex;justify-content:space-between;align-items:center;width:100%;border-top:1px solid #e2e2df;padding-top:11px;font-size:9px;color:#888}
.im-prototype-bottom b{font-size:15px;font-weight:400;color:#333}
.im-tag{display:inline-block;font-size:10px;line-height:1.6;background:#f0f0f0;padding:5px 9px;border-radius:5px;color:#666}
.im-prototype-lead{font-size:19px;line-height:1.7;letter-spacing:-.3px;margin:17px 0 7px}
.im-prototype-detail h3{font-size:12px;font-weight:500;margin:23px 0 12px}
.im-parameter-tags{display:flex;flex-wrap:wrap;gap:7px}
.im-parameter-tags span{font-size:11px;border:1px solid #ddd;border-radius:5px;padding:7px 9px;color:#777}
.im-direction{margin:22px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.im-direction>div{padding:16px 0}
.im-direction>div+div{border-top:1px solid #e9e9e9}
.im-direction small{font-size:10px;color:#888}
.im-direction p{font-size:12px;line-height:1.9;margin:7px 0 0;color:#444}
.im-prototype-detail>.primary-button{margin-top:15px}
.im-empty{padding:25px 17px 30px;text-align:center;border:1px solid #e3e3e3;border-radius:12px;background:#fafafa}
.im-empty>span{font-size:38px;line-height:1;color:#999}
.im-empty h3{font-size:17px;font-weight:500;margin:20px 0 12px}
.im-empty p{font-size:12px;line-height:1.9;color:#888;max-width:320px;margin:0 auto 21px}
.im-plan-detail{margin-top:25px}
.im-plan-header{display:flex;justify-content:space-between;align-items:center;gap:10px}
.im-plan-header h3{font-size:23px;font-weight:500;margin:10px 0 3px;letter-spacing:-.7px}
.im-plan-header>.text-button{white-space:nowrap}
.im-current-prototype{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:12px 14px;background:#f6f6f4;border-radius:8px}
.im-current-prototype p{font-size:11px;color:#666;line-height:1.8;margin:0}
.im-current-prototype button{flex-shrink:0}
.im-impact-heading{margin-top:29px;padding-top:22px;border-top:1px solid #ddd}
.im-input-card{border:1px solid #dedede;border-radius:10px;margin:10px 0;overflow:hidden}
.im-input-card summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:15px;font-size:12px;list-style:none}
.im-input-card summary::-webkit-details-marker{display:none}
.im-input-card summary::after{content:'＋';font-size:16px;font-weight:400;color:#888}
.im-input-card[open] summary::after{content:'−'}
.im-input-card summary>span{flex:1;font-weight:500;line-height:1.6}
.im-input-card summary small{display:block;font-weight:400;font-size:9px;color:#999;margin-top:4px}
.im-input-card summary>b{font-size:10px;color:#888;font-weight:400}
.im-input-card[open] summary{background:#f6f6f4;border-bottom:1px solid #e5e5e5}
.im-input-body{padding:0 15px 17px}
.im-input-body .va-field{font-size:11px;margin:14px 0}
.im-input-body .va-form-pair .va-field{margin:7px 0}
.im-input-body .va-field input{padding:11px 10px;font-size:11px}
.im-confirm{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.8;color:#777;margin-top:17px;cursor:pointer}
.im-confirm input{width:15px;height:15px;accent-color:#222;flex-shrink:0;margin:1px 0 0}
.im-results{margin-top:27px;border-top:1px solid #bbb;padding-top:7px;scroll-margin-top:18px}
.im-benefit-result{border:1px solid #ddd;border-radius:12px;padding:3px 17px 7px}
.im-benefit-result .va-comparison{margin:13px 0;background:#f3f3f1}
.im-benefit-result .va-comparison b{font-size:28px}
.im-gain-line{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:17px 0}
.im-gain-line>b{font-size:18px;font-weight:500}
.im-gain-line small{font-size:10px;font-weight:400;color:#888}
.im-pending-benefit{display:flex;justify-content:space-between;gap:14px;margin:20px 0;font-size:10px;color:#888}
.im-pending-benefit b{display:block;color:#333;font-size:21px;font-weight:400;margin-top:8px}
.im-pending-benefit small{font-size:10px;color:#888}
.im-impact-results{margin-top:22px}
.im-impact-result{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:17px 0;border-bottom:1px solid #e8e8e8}
.im-impact-result h5{font-size:12px;font-weight:500;margin:0 0 7px}
.im-impact-result small{font-size:10px;color:#999;font-weight:400;line-height:1.7}
.im-impact-result>strong{font-size:22px;font-weight:400;font-variant-numeric:tabular-nums;text-align:right}
.im-impact-result>strong small{display:block}
.im-impact-result.pending>strong{color:#aaa}
.im-delta-track{display:flex;flex-direction:column;gap:4px;width:100%;height:12px}
.im-delta-track i,.im-delta-track b{height:4px;display:block;border-radius:3px;min-width:0}
.im-delta-track i{background:#bbb}.im-delta-track b{background:#252525}
.im-track-key{font-size:9px;display:flex;gap:6px;align-items:center;color:#999;margin:12px 0}
.im-track-key i,.im-track-key b{display:inline-block;width:13px;height:3px;background:#bbb}.im-track-key b{background:#252525;margin-left:8px}
.im-conclusion{display:flex;gap:13px;align-items:flex-start;background:#f3f3f1;border:1px solid #e4e4e1;padding:17px;border-radius:10px;margin-top:21px}
.im-conclusion-mark{font-size:23px;line-height:1.2;color:#666}
.im-conclusion h4{font-size:12px;font-weight:500;margin:1px 0 8px;line-height:1.6}
.im-conclusion p{font-size:11px;line-height:1.9;color:#888;margin:0}
.im-dirty-note{font-size:11px;line-height:1.8;color:#777;border-left:2px solid #777;padding-left:10px;margin-top:14px}
.im-bridge{margin:20px 0 5px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;padding:17px 0 11px}
.im-bridge .eyebrow{font-size:8px;color:#999;letter-spacing:1.5px}
.im-bridge h3{font-size:14px;font-weight:500;margin:8px 0}
.im-bridge p{font-size:11px;line-height:1.8;color:#888;margin:0 0 5px}
.plans-open .va-field select{appearance:auto}
[data-si]:focus-visible,.im-input-card summary:focus-visible{outline:2px solid #555;outline-offset:3px}
@media(min-width:761px) and (max-width:1200px){.plans-open .app-panel{width:450px}.plans-open #value-map-key{left:491px;max-width:calc(100% - 575px)}.im-prototype{padding:14px}.im-prototype h4{font-size:14px}}
@media(max-width:760px){
 .plans-open .app-panel{width:auto;top:88px;bottom:12px;height:auto;max-height:none}
 .plans-open #value-map-key{display:none}
 .plans-open .panel-content{padding:18px 20px 25px}
 .plans-open .im-hero>h3{font-size:26px}.im-impact-pair>div{padding:15px 12px}.im-impact-pair b{font-size:10px}
 .im-prototype{padding:14px}.im-prototype h4{font-size:14px}.im-prototype-aim{font-size:10px}.im-group-filter{gap:6px}.im-group-filter button{padding:8px 12px}
 .plans-open.value-sheet-collapsed .app-panel{top:auto;height:56px}.plans-open.value-sheet-collapsed .panel-content{display:none}.plans-open.value-sheet-collapsed #value-map-key{display:block}
 .im-plan-header h3{font-size:21px}.im-input-card summary{padding:13px}.im-input-body{padding-left:12px;padding-right:12px}
}
@media(max-width:360px){.plans-open .panel-content{padding:15px}.im-catalog{gap:9px}.im-prototype{padding:11px}.im-prototype h4{font-size:13px}.im-prototype-top i{width:25px;height:25px;font-size:18px}.im-prototype-aim{font-size:10px}.im-group-filter button{padding:7px 11px}.im-plan-header{align-items:flex-start}.im-input-card summary>b{font-size:9px;max-width:65px;text-align:right}}