.ramp-page{max-width:420px;margin:0 auto;padding:16px 0 40px}@media (min-width:640px){.ramp-page{max-width:560px}}.ramp-card{background:var(--sky);border:1px solid var(--line);border-radius:var(--radius-xl);overflow:hidden}.ramp-card--dark{background:var(--ink);color:var(--sky)}.ramp-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 12px 16px;background:var(--surface);border-bottom:1px solid var(--line-2)}.ramp-header--dark{background:transparent;border-bottom:1px solid var(--ink-3);padding:16px 20px 14px}.ramp-header__brand{display:flex;align-items:center;gap:8px}.ramp-header__wordmark{font-size:14px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}.ramp-header--dark .ramp-header__wordmark{color:var(--sky)}.ramp-header__actions{display:flex;align-items:center;gap:12px}.ramp-header__signin{font-size:13px;color:var(--ink-mid);text-decoration:none;transition:color .12s ease}.ramp-header__signin:hover{color:var(--green-text)}.ramp-header__cta{background:var(--green-field);border:1px solid var(--green-field-deep);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600;white-space:nowrap;color:var(--field-fg);text-decoration:none;transition:background .12s ease}.ramp-header__cta:hover{background:var(--green-field-deep)}.ramp-header__scanned{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--green-field);text-transform:uppercase}.ramp-title{padding:22px 20px 18px}.ramp-title__name{font-family:var(--font-display);font-weight:500;font-size:29px;line-height:1.12;letter-spacing:-.015em;color:var(--ink);margin:0}@media (min-width:640px){.ramp-title__name{font-size:34px}}.ramp-title__sub{font-size:13px;color:var(--ink-mid);margin:6px 0 0}.verdict-strip{display:flex;margin:0 20px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line)}.verdict-strip--green{border-color:var(--green-field-deep)}.verdict-strip--yellow{border-color:#dba233}.verdict-strip--red{border-color:#b93c28}.verdict-strip__left{min-width:96px;padding:12px 14px;display:flex;flex-direction:column;justify-content:center;color:var(--field-fg)}.verdict-strip--green .verdict-strip__left{background:var(--green-field)}.verdict-strip--yellow .verdict-strip__left{background:var(--yellow-field)}.verdict-strip--red .verdict-strip__left{background:var(--red-field);color:var(--field-fg-red)}.verdict-strip__word{font-family:var(--font-display);font-weight:600;font-size:24px;line-height:1;margin:0}.verdict-strip__today{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;margin:4px 0 0;opacity:.85}.verdict-strip__right{flex:1 1;background:var(--surface);padding:12px 14px}.verdict-strip__reason{font-size:13px;line-height:1.35;text-wrap:pretty;margin:0;color:var(--ink)}.verdict-strip__updated{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);margin:6px 0 0}.sticker-verdict{padding:24px 20px 26px}.sticker-verdict__name{font-size:15px;font-weight:600;color:var(--sky);margin:0}.sticker-verdict__stamp{font-family:var(--font-mono);font-size:11px;color:var(--dark-slate);margin:4px 0 0}.sticker-verdict__row{display:flex;align-items:flex-end;gap:14px;margin-top:14px}.sticker-verdict__word{font-family:var(--font-display);font-weight:600;font-size:82px;line-height:.85;letter-spacing:-.04em;margin:0}.sticker-verdict__word--green{color:var(--green-field)}.sticker-verdict__word--yellow{color:var(--yellow-field)}.sticker-verdict__word--red{color:var(--red-field)}.sticker-verdict__reason{flex:1 1;font-size:15px;line-height:1.35;color:var(--dark-slate-3);margin:0 0 6px}.sticker-water{background:var(--sky);color:var(--ink);padding:18px 20px 20px}.sticker-water__row{display:flex;align-items:center;gap:11px;padding:11px 0 0;margin-top:11px;border-top:1px solid var(--line)}.sticker-water__row:first-child{padding-top:0;margin-top:0;border-top:none}.sticker-water__name{flex:1 1;font-size:15px;font-weight:600;margin:0}.sticker-water__readings{font-family:var(--font-mono);font-size:12px;color:var(--ink-mid)}.sticker-hook{padding:20px 20px 24px}.sticker-hook__row{border:1px dashed var(--ink-border);border-radius:var(--radius-md);padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.sticker-hook__title{font-size:14px;font-weight:600;color:var(--sky);margin:0}.sticker-hook__sub{font-size:12px;color:var(--dark-slate);margin:2px 0 0}.sticker-hook__badge{flex-shrink:0;background:var(--green-field);color:var(--field-fg);font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:4px 7px;border-radius:5px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot--green{background:var(--green-field)}.status-dot--yellow{background:var(--yellow-field)}.status-dot--red{background:var(--red-field)}.ramp-section{padding:22px 20px 0}.ramp-section__eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mid);margin:0}.ramp-section__sub{font-size:12px;color:var(--ink-faint);margin:4px 0 0}.waterway-board{padding:24px 20px 4px}.waterway-board__list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.waterway-card{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--ink-faint);border-radius:var(--radius-md);padding:13px 14px;transition:background .12s ease}.waterway-card:hover{background:#fffefc}.waterway-card--green{border-left-color:var(--green-field)}.waterway-card--yellow{border-left-color:var(--yellow-field)}.waterway-card--red{border-left-color:var(--red-field)}.waterway-card__row1{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.waterway-card__name{font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0}.waterway-card__verdict{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;white-space:nowrap}.waterway-card__verdict--green{color:var(--green-text)}.waterway-card__verdict--yellow{color:var(--yellow-text)}.waterway-card__verdict--red{color:var(--red-text)}.waterway-card__row2{font-size:12px;color:var(--ink-mid);margin:2px 0 0}.waterway-card__row3{display:flex;gap:16px;margin-top:10px;font-family:var(--font-mono);font-size:12px;color:var(--ink)}.waterway-card__row3-faint{color:var(--ink-mid)}.locked-forecast{padding:22px 20px 0}.locked-forecast__card{background:var(--surface);border:1px dashed var(--line-dashed);border-radius:var(--radius-lg);padding:16px}.locked-forecast__card--unlocked{border:1px solid var(--line)}.locked-forecast__badge{display:inline-block;background:var(--green-field);color:var(--field-fg);font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:4px 7px;border-radius:5px}.locked-forecast__headline{font-family:var(--font-display);font-weight:500;font-size:26px;line-height:1.1;margin:10px 0 0}.locked-forecast__sub{font-size:13px;color:var(--ink-mid);margin:4px 0 0}.locked-forecast__strip{display:flex;gap:8px;margin-top:14px}.locked-forecast__day{flex:1 1;min-width:0;border-radius:var(--radius-sm);background:var(--canvas);padding:10px 0;text-align:center}.locked-forecast__day-label{display:block;font-family:var(--font-mono);font-size:10px;color:var(--ink-faint)}.locked-forecast__day-bar{height:8px;margin:8px 10px 2px;border-radius:4px;background:var(--redaction)}.locked-forecast__day--unlocked.locked-forecast__day--green{background:var(--green-field-tint)}.locked-forecast__day--unlocked.locked-forecast__day--yellow{background:var(--yellow-tint)}.locked-forecast__day--unlocked.locked-forecast__day--red{background:var(--canvas)}.locked-forecast__day-value{display:block;margin:6px 0 0;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ink)}.locked-forecast__close{font-size:13px;line-height:1.45;color:var(--ink-dim);text-wrap:pretty;margin:14px 0 0}.signup-card{padding:14px 20px 0}.signup-card__inner{background:var(--ink);border-radius:var(--radius-lg);padding:18px;color:var(--sky)}.signup-card__headline{font-family:var(--font-display);font-weight:500;font-size:25px;line-height:1.15;color:var(--sky);margin:0}.signup-card__values{display:flex;flex-direction:column;gap:7px;margin:13px 0 0}.signup-card__value-row{display:flex;gap:9px;align-items:baseline;font-size:13px}.signup-card__value-name{color:var(--green-field);font-weight:600;flex-shrink:0}.signup-card__value-qualifier{color:var(--dark-slate-2)}.signup-card__form{display:flex;flex-direction:column;gap:8px;margin-top:16px}.signup-card__form input{background:var(--ink-2);border:1px solid var(--ink-border);border-radius:10px;padding:12px;font-size:13px;font-family:inherit;color:var(--sky)}.signup-card__form input::placeholder{color:var(--dark-slate)}.signup-card__submit{background:var(--green-field);border:none;border-radius:10px;padding:13px;font-size:14px;font-weight:600;color:var(--field-fg);text-align:center;cursor:pointer;transition:background .12s ease}.signup-card__submit:hover{background:var(--green-field-deep)}.signup-card__submit:disabled{opacity:.6;cursor:default}.signup-card__fine-print{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;color:var(--dark-slate);text-align:center;margin:11px 0 0}.signup-card__fine-print a{color:var(--dark-slate-2);text-decoration:underline;transition:color .12s ease}.signup-card__fine-print a:hover{color:var(--sky)}.signup-card__status{font-size:13px;color:var(--dark-slate-3);margin:12px 0 0;line-height:1.5}.signup-card__error{font-size:13px;color:#ffb4a3;margin:10px 0 0}.signup-card--sticker .signup-card__form input{border-radius:12px;padding:14px;font-size:14px}.signup-card--sticker .signup-card__submit{padding:15px;font-size:15px}.open-app-row{padding:14px 20px 0}.open-app-row__inner{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px 16px}.open-app-row__title{font-weight:600;font-size:14px;margin:0 0 2px}.open-app-row__sub{font-size:12px;color:var(--ink-mid);margin:0}.open-app-row__button{flex-shrink:0;background:var(--ink);color:var(--sky);font-weight:600;font-size:13px;padding:10px 16px;border-radius:999px;text-decoration:none;white-space:nowrap;transition:background .12s ease}.open-app-row__button:hover{background:var(--ink-2)}.nearby-ramps{padding:22px 20px 0}.nearby-ramps__list{margin-top:10px}.nearby-ramps__row{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line-2);text-decoration:none;color:var(--ink);transition:background .12s ease}.nearby-ramps__row:hover{background:#fffefc}.nearby-ramps__name{flex:1 1;font-size:14px;transition:color .12s ease}.nearby-ramps__row:hover .nearby-ramps__name{color:var(--green-text)}.nearby-ramps__distance{font-family:var(--font-mono);font-size:12px;color:var(--ink-mid)}.sources-line{padding:20px 20px 0;font-family:var(--font-mono);font-size:11px;line-height:1.6;color:var(--ink-faint);text-transform:uppercase}.ramp-footer{padding:22px 20px 24px;font-size:12px;color:var(--ink-faint)}.ramp-footer a{color:var(--ink-mid);text-decoration:underline;transition:color .12s ease}.ramp-footer a:hover{color:var(--green-text)}.cam-grid{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.cam-card{display:block;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:var(--ink);background:var(--surface)}.cam-card__thumb{width:100%;aspect-ratio:16/9;background:var(--ink);display:flex;align-items:center;justify-content:center;color:var(--sky);font-size:13px}.cam-card__title{display:block;padding:10px 12px;font-size:13px;font-weight:500}.cam-more{text-align:center;padding:14px 0 0;font-size:13px;color:var(--ink-mid)}.cam-more a{color:var(--ink);font-weight:600;text-decoration:underline}.ramp-not-found{text-align:center;padding:60px 20px;font-size:15px;color:var(--ink-mid)}.ramp-not-found a{font-weight:600;color:var(--ink)}