/* Code-rendered research window. Numbers and scores inside it are illustrative. */
#selection .selection-visuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px;align-items:center;margin:40px 0}
#selection .selection-narrative{min-width:0;max-width:510px}
#selection .selection-narrative>h3{margin:0 0 18px;font-size:24px;line-height:1.55;font-weight:700}
#selection .selection-narrative-lead{margin:0 0 24px;color:var(--body);font-size:15px;line-height:1.85}
#selection .selection-pipeline{display:grid;gap:0;margin:0;padding:0;list-style:none}
#selection .selection-pipeline>li{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;padding:0 0 20px;min-width:0}
#selection .selection-pipeline>li:last-child{padding-bottom:0}
#selection .selection-pipeline>li:not(:last-child)::after{position:absolute;left:13px;top:28px;bottom:0;width:1px;background:#d7e7dd;content:''}
#selection .selection-stage-number{position:relative;display:grid;place-items:center;align-self:start;width:28px;height:28px;background:var(--accent-soft,#edf6f2);color:var(--blue);font:500 10px/1 Inter,sans-serif;border-radius:50%}
#selection .selection-pipeline h4{margin:1px 0 5px;color:var(--ink);font-size:15px;line-height:24px;font-weight:600}
#selection .selection-pipeline p{margin:0;color:var(--body);font-size:12px;line-height:1.8}
#selection .selection-system-visual{min-width:0;width:100%;max-width:560px;margin:0;justify-self:center}
#selection .selection-screen-stage{position:relative;isolation:isolate;min-width:0;padding:18px 12px 70px 0;border-radius:8px;background:radial-gradient(ellipse at 45% 40%,#e8f1ec 0,transparent 70%);font-family:Inter,'Noto Sans JP',sans-serif;letter-spacing:0}
#selection .selection-window{position:relative;z-index:1;overflow:hidden;width:100%;border:1px solid #dfe7e2;border-radius:10px;background:#fff;box-shadow:0 22px 45px -25px #173d3640,0 2px 6px #173d3608}
#selection .selection-window-chrome{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:25px;padding:0 11px;border-bottom:1px solid #e8eeea;background:#f8faf9;color:#9baca1;font-size:7px;line-height:1}
#selection .selection-traffic{display:flex;gap:4px}.selection-traffic>i{width:5px;height:5px;border-radius:50%;background:#e7b3a9}.selection-traffic>i:nth-child(2){background:#e6d5a3}.selection-traffic>i:nth-child(3){background:#b4cebf}
#selection .selection-window-header{display:flex;align-items:center;gap:12px;height:45px;padding:10px 15px;border-bottom:1px solid #edf1ee}
#selection .selection-window-header>img{width:80px;height:24px;object-fit:contain}
#selection .selection-window-header>span{color:#8ca294;font-size:6px;letter-spacing:.11em}
#selection .selection-window-header>small{margin-left:auto;color:#a0afa5;font-size:6px;letter-spacing:.08em}
#selection .selection-window-workspace{display:flex}
#selection .selection-window-sidebar{display:flex;flex-direction:column;gap:9px;align-items:center;flex:none;width:42px;padding:17px 6px 12px;border-right:1px solid #edf1ee;background:#fafcfb;color:#91a399}
#selection .selection-window-sidebar>span{display:grid;place-items:center;width:26px;height:26px;border-radius:5px}
#selection .selection-window-sidebar .is-current{background:#e8f1ec;color:#2e7958}
#selection .selection-window-sidebar svg{width:13px;height:13px}
#selection .selection-window-sidebar>i{width:18px;height:18px;margin-top:auto;border-radius:50%;background:#e7efea}
#selection .selection-window-content{flex:1;min-width:0;padding:17px 17px 12px}
#selection .selection-window-title>span{display:block;color:#91a497;font-size:6px;line-height:10px;letter-spacing:.13em}
#selection .selection-window-title>h4{margin:4px 0 0;color:#294132;font-size:18px;font-weight:500;line-height:24px;letter-spacing:-.03em}
#selection .selection-window-stats{display:grid;grid-template-columns:minmax(0,1.3fr) 24px minmax(0,1fr);gap:10px;align-items:center;margin:15px 0 16px}
#selection .selection-window-stats>div>span{display:block;color:#8d9f93;font-size:8px;line-height:13px}
#selection .selection-window-stats strong{display:block;margin-top:1px;color:#283f32;font-size:30px;font-weight:500;line-height:36px;letter-spacing:-.04em}
#selection .selection-window-stats .selection-stat-selected{padding:7px 12px;background:#edf5f0;border-radius:5px}
#selection .selection-window-stats .selection-stat-selected>span,#selection .selection-stat-selected>strong{color:#177b64}
#selection .selection-stat-arrow{align-self:center;color:#a2b8aa;font-size:17px}
#selection .selection-source-tabs{display:flex;gap:14px;padding-bottom:8px;border-bottom:1px solid #dfe8e2;color:#9aaa9f;font-size:7px;line-height:14px;white-space:nowrap}
#selection .selection-source-tabs .is-active{color:#287054}
#selection .selection-results{width:100%;table-layout:fixed;border-collapse:collapse;color:#829489;font-size:7px;line-height:13px}
#selection .selection-results th{padding:9px 4px 6px;text-align:left;color:#9aa99f;font-size:6px;font-weight:400}
#selection .selection-results th:first-child{width:36%}#selection .selection-results th:last-child{width:24%}
#selection .selection-results td{height:49px;padding:7px 4px;border-top:1px solid #edf1ee;vertical-align:middle}
#selection .selection-results td:first-child{padding-left:8px}
#selection .selection-results tr.is-pass{background:#f1f7f3}
#selection .selection-results strong{display:block;color:#50695a;font-size:8px;font-weight:500;line-height:14px;white-space:nowrap}
#selection .selection-results small{display:block;color:#a1afa6;font-size:6px;line-height:11px;white-space:nowrap}
#selection .selection-score{display:block;width:85%;height:5px;border-radius:2px;background:#e5ece7;overflow:hidden}
#selection .selection-score>b{display:block;height:100%;border-radius:2px;background:#b3c9bb}
#selection .is-pass .selection-score>b{background:#78aa91}
#selection .selection-review{display:inline-flex;align-items:center;gap:3px;padding:2px 5px;border-radius:4px;font-size:7px;font-weight:500;line-height:14px;white-space:nowrap}
#selection .selection-review.is-pass{background:#e0eee5;color:#2c7d52}
#selection .selection-review.is-reject{background:#f1f3f1;color:#9ba79f}
#selection .selection-review svg{width:9px;height:9px;stroke-width:1.8}
#selection .selection-window-footer{display:flex;justify-content:space-between;gap:6px;padding-top:11px;border-top:1px solid #e9eeeb;color:#9aaca0;font-size:6px;line-height:13px}
#selection .selection-window-footer>span:first-child{display:flex;align-items:center;gap:4px}
#selection .selection-window-footer i{width:3px;height:3px;border-radius:50%;background:#80ad90}
#selection .selection-brief{position:absolute;right:0;bottom:5px;z-index:2;width:56%;max-width:248px;padding:16px 18px 14px;border:1px solid #e2e9e4;border-radius:8px;background:#ffffffed;box-shadow:0 17px 35px -20px #173d3645;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
#selection .selection-brief>span{display:flex;align-items:center;gap:6px;color:#8aa392;font-size:6px;line-height:14px;letter-spacing:.07em;white-space:nowrap}
#selection .selection-brief svg{width:12px;height:12px;color:#7e9b88}
#selection .selection-brief>strong{display:block;margin-top:8px;color:#2e4c39;font-size:17px;font-weight:500;line-height:23px;letter-spacing:-.03em}
#selection .selection-brief>div{display:flex;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid #e6ede8;color:#8aa293;font-size:6px;line-height:12px}
#selection .selection-brief>i{display:block;width:44%;height:3px;margin-top:7px;border-radius:2px;background:#93bca2}
#selection .selection-sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:768px) and (max-width:1023px){
 #selection .selection-visuals{gap:28px}
 #selection .selection-narrative>h3{font-size:21px}
 #selection .selection-narrative-lead{font-size:14px}
 #selection .selection-pipeline h4{font-size:14px;line-height:22px}
 #selection .selection-window-content{padding:14px 11px 10px}
 #selection .selection-window-header{gap:8px;padding-inline:11px}
 #selection .selection-window-header>span{font-size:5px}
 #selection .selection-window-stats{gap:6px;grid-template-columns:minmax(0,1.2fr) 16px minmax(0,1fr)}
 #selection .selection-window-stats strong{font-size:25px}
 #selection .selection-window-stats .selection-stat-selected{padding:6px 8px}
 #selection .selection-source-tabs{gap:9px;font-size:6px}
 #selection .selection-review{padding-inline:3px;gap:1px;font-size:6px}
 #selection .selection-brief{padding:13px 13px 12px}
 #selection .selection-brief>strong{font-size:15px;line-height:21px}
 #selection .selection-brief>span{font-size:5px}
}
@media(max-width:767px){
 #selection .selection-visuals{grid-template-columns:minmax(0,1fr);gap:24px;margin:32px 0}
 #selection .selection-narrative{max-width:none}
 #selection .selection-narrative>h3{font-size:21px;line-height:1.55}
 #selection .selection-narrative-lead{font-size:14px}
 #selection .selection-pipeline>li{padding-bottom:18px}
 #selection .selection-pipeline p{font-size:12px}
 #selection .selection-screen-stage{padding-top:6px}
 #selection .selection-window-content{padding:14px 11px 10px}
 #selection .selection-window-header{gap:8px;padding-inline:11px}
 #selection .selection-window-header>span{font-size:5px}
 #selection .selection-window-stats strong{font-size:27px}
 #selection .selection-source-tabs{gap:10px;font-size:6px}
 #selection .selection-review{padding-inline:3px;gap:1px;font-size:6px}
 #selection .selection-brief{padding:13px 13px 12px}
 #selection .selection-brief>strong{font-size:15px;line-height:21px}
 #selection .selection-brief>span{font-size:5px}
}