/* Machine selection guide and its two entry banners. */
body[data-ui] a.selection-banner{grid-template-columns:44px minmax(0,1fr) 120px 120px}
body[data-ui] .selection-banner-art{width:120px;height:140px;background-size:341px 739px;background-position:-198px -53px;clip-path:polygon(0 0,35% 0,35% 20%,100% 20%,100% 100%,0 100%)}
.selection-hero-art{clip-path:polygon(0 0,35% 0,35% 20%,100% 20%,100% 100%,0 100%)}
@media(max-width:600px){body[data-ui] a.selection-banner{grid-template-columns:minmax(0,1fr) 96px}body[data-ui] .selection-banner-art{width:96px;height:130px;background-size:270px 585px;background-position:-157px -42px}}
body[data-ui] .selection-banner{display:grid;grid-template-columns:44px minmax(0,1fr) 86px 120px;gap:14px;align-items:center;margin:20px 0 28px;padding:22px 18px;background:linear-gradient(110deg,#fff9e8,#fff4d9);border:1px solid #fff0ca;border-radius:22px;color:#112943;overflow:hidden;text-decoration:none}
.selection-banner-icon{display:grid;place-items:center;width:44px;height:54px;background:#ffe7a6;border-radius:14px;color:#b77c08;font-size:32px}
body[data-ui] .selection-banner-copy strong{display:block;font-size:20px;line-height:1.45;font-weight:800}.selection-banner-copy em{font-style:normal;color:#bc8308}body[data-ui] .selection-banner-copy p{font-size:14px;line-height:1.65;margin:8px 0 0;color:#627082}
.selection-banner-art{display:block;width:86px;height:130px;background:url('/assets/selection/reference.png') -216px -52px/366px 793px no-repeat;mix-blend-mode:multiply}
.selection-banner-cta{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 10px;border-radius:30px;background:linear-gradient(120deg,#ffcb31,#ffdc60);font-size:14px;font-weight:800;white-space:nowrap;color:#152d45}
.selection-banner:hover .selection-banner-cta{background:#ffcc28}.selection-banner:focus-visible,.selection-links a:focus-visible{outline:3px solid #186bcc;outline-offset:4px}
body[data-ui] .selection-guide{background:#fff;padding:28px;border-radius:22px;color:#091b36}.selection-hero{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:14px;align-items:center;padding:12px 0 26px;border-bottom:1px solid #e8edf3}
body[data-ui] .selection-hero h1{font-size:34px;line-height:1.3;letter-spacing:-1px;margin:0 0 18px;font-weight:850;word-break:keep-all}body[data-ui] .selection-guide p{font-size:16px;line-height:1.8;color:#546983;word-break:keep-all;overflow-wrap:break-word}
body[data-ui] .selection-hero .selection-handline{color:#d89a00;font-size:20px;font-weight:600;line-height:1.55;margin:0 0 20px}.selection-hero-art{width:240px;height:310px;background:url('/assets/selection/reference.png') -394px -99px/670px 1452px no-repeat}
.selection-process>header{text-align:center;margin:36px 0 30px}.selection-process>header>span{font-size:12px;letter-spacing:3px;font-weight:700;color:#c18b12}body[data-ui] .selection-process h2{font-size:30px;line-height:1.4;margin:12px 0}body[data-ui] .selection-process>header p{margin:0}
body[data-ui] .selection-steps{padding:0;margin:0;list-style:none}.selection-steps>li{display:grid;grid-template-columns:42px 72px minmax(0,1fr);gap:18px;position:relative;padding:0 0 26px;align-items:start}.selection-steps>li:not(:last-child):before{content:"";position:absolute;left:20px;top:43px;bottom:0;border-left:2px dashed #e3e9ed}.selection-steps>li:not(:last-child):after{content:"⌄";position:absolute;left:10px;bottom:5px;color:#daca9c;font-size:26px}
.selection-number{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(120deg,#ffd747,#ffbc00);font-size:18px;font-weight:800;z-index:1;margin-top:16px}.selection-step-icon{display:grid;place-items:center;width:72px;height:72px;border:2px solid #edf1f6;border-radius:50%;color:#617995;font-size:36px}.selection-gold{color:#dca41a}.selection-step-title{padding:14px 18px;border-radius:14px;background:linear-gradient(100deg,#fff9e9,#fffaf0)}body[data-ui] .selection-step-title h3{font-size:24px;line-height:1.3;margin:0 0 5px;font-weight:800}body[data-ui] .selection-step-title strong{font-size:16px;line-height:1.6;font-weight:600}.selection-steps p{margin:8px 18px 0}body[data-ui] .selection-steps .selection-detail-note{font-size:14px;color:#6d7d92}
.selection-closing{display:flex;align-items:flex-start;gap:18px;padding:24px;background:#fffaf0;border:1px solid #fff0cc;border-radius:18px;margin-top:12px}.selection-closing>span{background:#ffe7a2;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;color:#ad7616;font-size:20px;font-weight:800;flex-shrink:0}body[data-ui] .selection-closing h2{font-size:22px;line-height:1.5;margin:0 0 8px}.selection-closing p{margin:0}.selection-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}.selection-links a{font-size:14px;font-weight:700;padding:12px 18px;border:1px solid #e4dfcf;border-radius:12px;background:#fff}
@media(max-width:600px){body[data-ui] a.selection-banner{grid-template-columns:minmax(0,1fr) 78px;gap:8px 12px;padding:18px;margin:16px 0 24px}.selection-banner-icon{display:none}.selection-banner-copy{grid-column:1;grid-row:1}body[data-ui] .selection-banner-copy strong{font-size:19px;line-height:1.45}.selection-banner-copy strong em{display:block}body[data-ui] .selection-banner-copy p{font-size:14px;line-height:1.6}.selection-banner-art{grid-column:2;grid-row:1/3;width:78px;height:130px;background-position:-216px -52px}.selection-banner-cta{grid-column:1;min-height:44px;font-size:14px;margin-top:6px}
body[data-ui] .selection-guide{padding:18px 14px;border-radius:18px}.selection-hero{grid-template-columns:1fr;gap:0;padding-top:0}.selection-hero-copy{grid-row:1}.selection-hero-art{margin:0 auto;width:200px;height:245px;background-size:555px 1203px;background-position:-328px -86px}body[data-ui] .selection-hero h1{font-size:28px;line-height:1.35;margin-bottom:14px;letter-spacing:-.8px}body[data-ui] .selection-hero .selection-handline{font-size:17px;margin-bottom:14px}body[data-ui] .selection-guide p{font-size:14px;line-height:1.75}.selection-process>header{margin:28px 0 24px}body[data-ui] .selection-process h2{font-size:24px;line-height:1.4}.selection-process>header>span{letter-spacing:2px}
.selection-steps>li{grid-template-columns:32px minmax(0,1fr);gap:10px;padding-bottom:24px}.selection-step-icon{display:none}.selection-number{width:32px;height:32px;font-size:14px;margin-top:12px}.selection-steps>li:not(:last-child):before{left:15px;top:43px}.selection-steps>li:not(:last-child):after{left:6px;font-size:24px}.selection-step-title{padding:12px}.selection-steps p{margin:8px 10px 0}body[data-ui] .selection-step-title h3{font-size:21px;line-height:1.4}body[data-ui] .selection-step-title strong{font-size:14px;line-height:1.6}.selection-closing{padding:18px 14px;gap:10px}.selection-closing>span{width:30px;height:30px;font-size:14px}body[data-ui] .selection-closing h2{font-size:19px;line-height:1.5}.selection-links{gap:8px}.selection-links a{padding:12px;font-size:14px}}

.selection-phrase{white-space:nowrap}
body[data-ui] .selection-banner-copy em{white-space:nowrap}
@media(max-width:600px){body[data-ui] .selection-banner-copy{display:contents}body[data-ui] .selection-banner-copy strong{grid-column:1/-1;grid-row:1;font-size:19px}body[data-ui] .selection-banner-copy p{grid-column:1;grid-row:2}body[data-ui] .selection-banner-art{grid-row:2/4}body[data-ui] .selection-banner-cta{grid-row:3}}