.eco-page{max-width:720px;margin:auto}.eco-heading{margin:20px 0 24px}.eco-heading h1{font-size:30px}.eco-model{margin:0 0 20px}.eco-search{display:block;margin-bottom:24px}.eco-group{margin-bottom:28px}.eco-group h2{font-size:18px;margin-bottom:10px}.eco-group .route-row{text-decoration:none}.eco-menu{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--r-muted);font-size:12px;line-height:1.6;margin-bottom:16px}.eco-menu span:last-child{color:var(--r-ink);font-weight:600}.eco-step{padding:20px;border:1px solid var(--r-line-control);border-radius:12px;background:var(--r-surface)}.eco-step-count{font-size:12px;color:var(--r-blue);font-weight:600;margin-bottom:8px}.eco-step h2{font-size:23px;margin-bottom:14px;overflow-wrap:break-word}.eco-step p{font-size:14px;line-height:1.6}.eco-step-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}.eco-step-nav .button{min-height:48px;white-space:normal}.eco-screen{border:1px solid var(--r-line-control);border-radius:10px;padding:12px;background:var(--r-wash);margin:18px 0}.eco-screen-title{font-size:11px;color:var(--r-muted);margin-bottom:10px}.eco-screen-row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:9px 12px;margin-top:4px;background:var(--r-surface);border:1px solid var(--r-line);border-radius:6px;font-size:14px;line-height:1.4}.eco-screen-row.is-active{border-color:var(--r-blue);color:var(--r-blue);font-weight:600;background:var(--r-blue-soft)}.eco-screen small{display:block;text-align:right;font-size:10px;color:var(--r-muted);margin-top:8px}.eco-note{margin:16px 0;color:var(--r-muted);font-size:13px}.eco-all-steps ol{padding:0 0 10px 28px;margin:0}.eco-all-steps a{display:block;min-height:44px;padding:10px 0;text-decoration:none;font-size:14px}.eco-sources .source-line{margin:0;padding:0 0 16px}.eco-sources a{display:flex;align-items:center;gap:8px;padding:10px 0;min-height:44px;font-size:12px}.eco-start{display:flex;align-items:center;gap:12px;padding:16px;margin-top:24px;border:1px solid var(--r-line-control);border-radius:12px;background:var(--r-wash);text-decoration:none;color:var(--r-ink)}.eco-start>span{flex:1}.eco-start strong{font-size:16px;display:block}.eco-start small{color:var(--r-muted)}
@media(max-width:760px){.in-ecotouch .topbar{height:56px;min-height:56px;padding:4px 12px;flex-wrap:nowrap}.in-ecotouch .topbar nav{display:none}.in-ecotouch .brand{font-size:16px}.in-ecotouch .brand img{height:28px;width:28px}.in-ecotouch .brand small{display:none}.in-ecotouch main{padding:16px 16px 32px}.in-ecotouch .page-footer{display:none}.eco-heading{margin:18px 0}.eco-heading h1{font-size:26px}.eco-step{padding:16px}.eco-step h2{font-size:21px}.eco-step-nav .button{font-size:13px;padding:10px 12px}.eco-model select{font-size:16px}}

.eco-shortcut{display:flex;justify-content:center;gap:8px;min-height:48px;white-space:normal;text-align:center;margin-top:18px}

.eco-facts{list-style:none;padding:0;margin:20px 0;display:grid;gap:12px}.eco-facts li{display:flex;align-items:flex-start;gap:10px;color:var(--r-body);font-size:.95rem}.eco-facts svg{color:var(--r-blue);flex-shrink:0;margin-top:2px}.eco-stop{display:block;min-height:44px;padding:12px 0;color:var(--r-blue);font-weight:600}

.eco-trial-menu{display:none}.eco-identity{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 20px;color:var(--r-muted);font-size:.9rem}.eco-identity a{color:var(--r-blue);padding:12px 0}.eco-prerequisite{background:var(--r-warn-soft);color:var(--r-warn);padding:12px 16px;border-radius:10px;font-size:.8rem;line-height:1.5;margin-bottom:18px}

.eco-controller{max-width:360px;padding:20px;margin:20px auto;border:2px solid var(--r-line-control);border-radius:18px;background:var(--r-surface)}.eco-controller-display{min-height:75px;border:1px solid var(--r-line);background:var(--r-wash);border-radius:8px;display:grid;place-items:center;color:var(--r-muted);font-size:.9rem}.eco-controller-buttons{display:flex;justify-content:space-around;align-items:center;gap:10px;margin:15px 0}.eco-controller-buttons span{border:1px solid var(--r-line);border-radius:10px;padding:12px 8px;color:var(--r-muted);font-size:.8rem}.eco-controller-buttons span.is-active{border:2px solid var(--r-blue);color:var(--r-blue);font-weight:700;background:var(--r-blue-soft)}.eco-controller figcaption{text-align:center;font-size:.75rem;color:var(--r-muted);line-height:1.5}
