/* Waste dashboard v52. Shared navigation and new surfaces; existing calendar retained. */
.waste-page.waste-experience{--wx-paper:#f4f5e9;--wx-ink:#1e4430;--wx-muted:#65795b;--wx-line:#d6dfc9}
.waste-experience main{padding-bottom:15px}
.waste-experience .discovery-breadcrumbs{padding-bottom:0;opacity:.85}
.waste-page.waste-experience .waste-subnav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:23px;padding:6px;border:1px solid #cee0b525;border-radius:18px;background:#a9c58c09}
.waste-experience .waste-subnav>a{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:56px;padding:10px 15px;border:0;border-radius:12px;background:transparent;text-align:left;color:#c7d7ba;font-size:12px;transition:background .18s,color .18s}
.waste-experience .waste-subnav>a:hover{background:#d7e6ba10;color:#f0f4df}
.waste-experience .waste-subnav>a[aria-current]{background:#e4edc9;color:#244b30;box-shadow:0 2px 9px #041b0e1a}
.waste-nav-number{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid #b9d29c33;border-radius:8px;font-size:9px;letter-spacing:.3px;color:#95b17c}
.waste-subnav>[aria-current] .waste-nav-number{border-color:#a4ba7c66;background:#d4dfb8;color:#56743c}
.waste-nav-label{min-width:0;flex:1}
.waste-experience .waste-subnav>a>svg{width:15px;height:15px;opacity:.55}
.waste-page.waste-experience .waste-hero{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;margin-top:27px;margin-bottom:27px;padding:34px 40px;border:1px solid #f9fce8a8;border-radius:29px;background:var(--wx-paper);color:var(--wx-ink);box-shadow:0 15px 60px #00170d1a;overflow:hidden}
.waste-page.waste-experience .waste-hero .waste-kicker{color:#637c4d;font-size:10px;letter-spacing:1.5px}
.waste-page.waste-experience .waste-hero .waste-intro h1{margin:18px 0 19px;color:var(--wx-ink);font-size:clamp(48px,4.8vw,70px);line-height:1.02;letter-spacing:-2.4px}
.waste-experience .waste-intro h1 em{color:#6d834e}
.waste-page.waste-experience .waste-hero .waste-lead{max-width:490px;color:var(--wx-muted);font-size:14px;line-height:1.9}
.waste-page.waste-experience .waste-hero .waste-art{position:relative;z-index:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:21px 0 15px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;transform:none}
.waste-experience .waste-hero .waste-art:before{content:'';position:absolute;z-index:-1;inset:12% 9% 9%;border:1px solid #c4d2ad66;border-radius:50%;background:radial-gradient(ellipse,#d8e3c2bb,#e8edda33 65%,transparent)}
.waste-page.waste-experience .waste-hero .waste-art .waste-chip{padding:7px 12px;border:1px solid #c7d4b1;border-radius:30px;background:#e8eedb;color:#657c4f;font-size:9px;letter-spacing:.3px}
.waste-page.waste-experience .waste-hero .waste-bin-art{margin-top:35px;margin-bottom:5px;max-width:640px}
.waste-page.waste-experience .waste-hero .waste-art>p{margin-top:23px;color:#798768;font-size:10px}
.waste-experience .waste-hero .bin-marker{top:64%}
.waste-page.waste-experience .waste-button-row,.waste-experience .sorting-hero-actions{gap:12px;margin-top:27px}
.waste-experience .waste-hero .button{min-height:46px;padding:12px 18px;border:1px solid #becdad;border-radius:11px;background:transparent;color:#325738;font-size:11px;font-weight:650;box-shadow:none}
.waste-experience .waste-hero .button-cream{border-color:#284f34;background:#284f34;color:#f2f5df}
.waste-experience .waste-hero .button:hover{border-color:#6f8a55;background:#e1e9d1}
.waste-experience .waste-hero .button-cream:hover{background:#1c3f28;color:#f2f5df}
.waste-experience .waste-hero .button>svg{width:17px;height:17px}
.waste-experience .sorting-hero-actions>span{font-size:10px;color:#73865d}
.waste-experience .sorting-hero-actions>span>svg{color:#6b8751}
.waste-page.waste-experience .waste-hero>.waste-surface{padding:28px 30px;border:1px solid #315c3d;border-radius:23px;background:radial-gradient(ellipse at 100% 0,#45653c66,transparent 80%),#173b29;color:#edf1dc;box-shadow:0 12px 26px #294c2b12}
.preflight-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
.preflight-top>.topic-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid #bdd49b35;border-radius:13px;background:#9eba7010;color:#c9dba6}
.preflight-top>.topic-icon>svg{width:26px;height:26px}
.preflight-time{display:flex;align-items:center;gap:10px}
.preflight-time>strong{font:500 28px/1 Manrope,Arial,sans-serif;letter-spacing:-1px;color:#e4eabf}
.preflight-time>span{max-width:64px;color:#aabd97;font-size:9px;line-height:1.5}
.waste-page.waste-experience .waste-hero>.waste-surface h2{margin:0 0 21px;font-size:30px;letter-spacing:-.8px;color:#f0f3df}
.waste-experience .schedule-intro .check-list>li{padding-left:24px;font-size:13px;line-height:1.8;color:#d0ddc2}
.waste-experience .schedule-intro .check-list>li+li{margin-top:11px}
.waste-experience .schedule-intro .check-list>li:before{display:grid;place-items:center;top:2px;width:15px;height:15px;border:1px solid #8fad6855;border-radius:50%;background:#a9c77b10;font-size:9px;color:#c7da9f}
.waste-page.waste-experience .schedule-intro .waste-note{margin-top:21px;padding-top:15px;border-top:1px solid #b4cd8f26;color:#afc39d;font-size:10px}
.waste-experience .waste-hero>.waste-intro>.waste-chip{margin-top:24px;color:#607a48;border-color:#c6d5ae;background:#e4ecd5}
.waste-page.waste-experience .waste-section{padding-top:24px;padding-bottom:38px}
.waste-page.waste-experience .waste-section-heading{margin-bottom:25px;align-items:flex-end}
.waste-page.waste-experience .waste-section-heading h2{font-size:clamp(30px,3vw,42px);letter-spacing:-1.25px;line-height:1.15}
.waste-experience .waste-section-heading>.button{min-height:40px;padding:9px 14px;border:1px solid #c5d5a83b;border-radius:10px;background:#b4ce8b08;font-size:10px}
.waste-page.waste-experience .waste-topic-grid{gap:19px}
.waste-experience .waste-topic{border:1px solid #f6fae163;border-radius:21px;background:#f1f4e6;color:#2d5036;transition:transform .2s,box-shadow .2s}
.waste-experience .waste-topic:hover{transform:translateY(-4px);box-shadow:0 18px 40px #00180e30}
.waste-experience .waste-topic>a{display:grid;grid-template-columns:48px 1fr 34px;grid-template-rows:48px 1fr;gap:22px 14px;padding:25px;align-items:start}
.waste-experience .waste-topic>a:hover{background:#e9efdc}
.waste-experience .waste-topic .topic-icon{grid-column:1;grid-row:1;width:46px;height:46px;border:1px solid #c8d7b2;border-radius:13px;background:#e3ebd5;color:#5c7b42}
.waste-experience .topic-number{grid-column:2;grid-row:1;color:#9bad87;font-size:11px;letter-spacing:1px}
.waste-experience .waste-topic .topic-arrow{display:grid;place-items:center;grid-column:3;grid-row:1;width:33px;height:33px;margin:0;border:1px solid #cbd7b9;border-radius:50%;color:#63804c}
.waste-experience .topic-arrow>svg{width:16px;height:16px;transform:rotate(-35deg)}
.waste-experience .waste-topic .topic-copy{grid-column:1/-1;grid-row:2;min-width:0}
.waste-page.waste-experience .topic-copy h3{font:400 28px/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.7px;color:#2a4b34}
.waste-experience .topic-copy>p{max-width:350px;margin-top:11px;font-size:12px;line-height:1.8;color:#6d7f5e}
.waste-page.waste-experience .waste-next-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.waste-experience [data-fraction="paper"]{--pickup-ink:#42718d;--pickup-soft:#e3edf3;--pickup-line:#c7dce7}
.waste-experience [data-fraction="plastic"]{--pickup-ink:#8a741f;--pickup-soft:#f0e9c8;--pickup-line:#e0d5a2}
.waste-experience [data-fraction="glass"]{--pickup-ink:#587e3e;--pickup-soft:#e2ecd6;--pickup-line:#c4d7b2}
.waste-experience [data-fraction="bio"]{--pickup-ink:#926b4c;--pickup-soft:#ece1d4;--pickup-line:#dcc8b4}
.waste-experience [data-fraction="mixed"]{--pickup-ink:#586c57;--pickup-soft:#e2e8db;--pickup-line:#ccd6c3}
.waste-page.waste-experience .next-pickup{position:relative;isolation:isolate;padding:20px 20px 18px;border:1px solid #f4f7df8c;border-radius:19px;background:#f3f5e8;color:#294b33;overflow:hidden}
.waste-experience .next-pickup:before{content:'';position:absolute;top:0;left:19px;right:19px;height:3px;border-radius:0 0 4px 4px;background:var(--pickup-line)}
.pickup-fraction-top{display:flex;gap:10px;align-items:center;min-height:40px}
.pickup-fraction-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:40px;border-radius:10px;background:var(--pickup-soft);color:var(--pickup-ink)}
.pickup-fraction-icon>svg{width:21px;height:24px;stroke-width:1.6}
.waste-experience .next-pickup .fraction-label{display:block;color:#49623f;font-size:12px;font-weight:650;line-height:1.5}
.waste-page.waste-experience .pickup-date{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 8px;min-height:60px;margin-top:22px;font:500 24px/1.2 Manrope,Arial,sans-serif;color:#294c32;letter-spacing:-.8px;overflow-wrap:normal}
.waste-experience .pickup-number{font:500 48px/1.1 Manrope,Arial,sans-serif;letter-spacing:-2.3px}
.waste-experience .pickup-month{margin:0;font:500 13px/1.4 Manrope,Arial,sans-serif;letter-spacing:-.1px;white-space:nowrap;color:#647951}
.waste-experience .pickup-day{margin-top:7px;color:#7b8b6b;font-size:11px;line-height:1.7}
.waste-experience .pickup-status{display:inline-flex;align-items:center;gap:6px;min-height:25px;margin-top:17px;padding:4px 9px;border:1px solid #d7dfc8;border-radius:20px;background:#eaf0dd;color:#74865c;font-size:10px;font-weight:650;line-height:1.5}
.waste-experience .pickup-status:before{content:'';width:5px;height:5px;border-radius:50%;background:#9caf7d}
.waste-experience .next-pickup[data-soon="true"]{border-color:#bacf83;background:#f5f6e7;box-shadow:inset 0 0 0 1px #c6d79055}
.waste-experience .next-pickup[data-soon="true"] .pickup-status{border-color:#c9d7a8;background:#dce8bc;color:#4a6e32}
.waste-experience .next-pickup[data-soon="true"] .pickup-status:before{background:#6c9448}
.waste-experience .waste-note[data-schedule-status]{margin-top:16px;font-size:11px;color:#9fb68f}
.waste-page.waste-experience .pickup-date.pickup-unavailable{display:block;min-height:60px;font-size:20px;line-height:1.4}
.waste-page.waste-experience .sorting-jump-nav{gap:12px;margin-bottom:27px}
.waste-experience .sorting-jump-nav>a{min-height:82px;border:1px solid #d1ddb428;border-radius:15px;background:#c5d9a30a;gap:11px}
.waste-experience .sorting-jump-nav>a:hover{background:#c5d9a317;border-color:#c5d9a36b}
.waste-experience .sorting-jump-icon{background:var(--pickup-soft);color:var(--pickup-ink);border-radius:11px;box-shadow:none}
.waste-page.waste-experience .sorting-card{border-radius:22px;box-shadow:none;padding-top:29px}
.waste-experience .sorting-card-number{font:500 24px/1 Manrope,Arial,sans-serif;letter-spacing:-1px;top:25px;right:26px;opacity:.2}
.waste-page.waste-experience .sorting-heading h3{font-size:32px;letter-spacing:-.8px}
.waste-page.waste-experience .sorting-columns{gap:20px}
.waste-page.waste-experience .sorting-no{padding:14px 15px;border:1px solid #e4dcd1;border-radius:12px;background:#ece9df66}
.waste-page.waste-experience .sorting-yes{padding-top:14px}
.waste-page.waste-experience .sorting-list .check-list>li{font-size:12px;line-height:1.85}
.waste-experience .sorting-fraction-icon{border-radius:14px}
.waste-page.waste-experience .waste-callout{padding:30px 33px;border-radius:22px;box-shadow:none}
.waste-experience a:focus-visible,.waste-experience button:focus-visible,.waste-experience select:focus-visible{outline:3px solid #a8be78;outline-offset:4px}
.waste-experience .waste-hero a:focus-visible,.waste-experience .waste-topic a:focus-visible{outline-color:#64864c}
@media(min-width:1600px){.waste-page.waste-experience .waste-hero{padding:49px 54px;gap:60px}.waste-experience .next-pickup .fraction-label{font-size:12px}.waste-experience .pickup-number{font-size:53px}.waste-experience .pickup-month{font-size:13px}}
@media(max-width:1190px){
 .waste-page.waste-experience .waste-hero{padding:33px;gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .waste-page.waste-experience .waste-hero .waste-intro h1{font-size:59px;letter-spacing:-2px}
 .waste-experience .waste-subnav>a{padding:10px;font-size:11px;gap:9px}
 .waste-page.waste-experience .waste-next-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
 .waste-page.waste-experience .next-pickup{padding:18px 14px 16px}
 .pickup-fraction-top{gap:8px}.pickup-fraction-icon{flex-basis:30px;width:30px;height:34px}.pickup-fraction-icon>svg{width:19px;height:21px}
 .waste-experience .next-pickup .fraction-label{font-size:10px}
 .waste-page.waste-experience .pickup-date{flex-direction:column;gap:4px;margin-top:19px}
 .waste-experience .pickup-number{font-size:43px}.waste-experience .pickup-month{font-size:12px}
 .waste-experience .waste-topic>a{padding:22px}.waste-page.waste-experience .topic-copy h3{font-size:26px}
}
@media(max-width:950px){
 .waste-page.waste-experience .waste-hero{grid-template-columns:1fr 1fr;padding:31px 28px;gap:24px}
 .waste-page.waste-experience .waste-hero .waste-intro h1{font-size:50px;letter-spacing:-1.8px}
 .waste-page.waste-experience .waste-hero .waste-lead{font-size:13px}
 .waste-page.waste-experience .waste-hero>.waste-surface{padding:24px}
 .preflight-time>strong{font-size:24px}.preflight-time>span{display:none}
 .waste-page.waste-experience .waste-next-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .waste-experience .next-pickup .fraction-label{font-size:11px}
 .waste-page.waste-experience .pickup-date{flex-direction:row;min-height:55px}
 .waste-experience .waste-topic>a{padding:20px}.waste-page.waste-experience .topic-copy h3{font-size:24px}.waste-experience .topic-copy>p{font-size:11px}
}
@media(max-width:760px){
 .waste-page.waste-experience .waste-subnav{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:16px;margin-top:19px;gap:5px}
 .waste-experience .waste-subnav>a{min-height:47px;padding:9px 10px;gap:8px;font-size:10px}
 .waste-nav-number{flex-basis:24px;width:24px;height:24px;font-size:8px;border-radius:7px}.waste-experience .waste-subnav>a>svg{width:13px;height:13px}
 .waste-page.waste-experience .waste-hero{grid-template-columns:1fr;margin-top:21px;padding:29px 27px;gap:22px;border-radius:24px}
 .waste-page.waste-experience .waste-hero .waste-intro h1{font-size:59px;margin:20px 0;letter-spacing:-2px}
 .waste-page.waste-experience .waste-hero .waste-lead{font-size:14px;max-width:510px}
 .waste-page.waste-experience .waste-hero .waste-art{padding:14px 0 5px;max-width:560px;width:100%;margin-inline:auto}
 .waste-page.waste-experience .waste-hero .waste-bin-art{margin-top:25px;max-width:520px}
 .waste-page.waste-experience .waste-hero .waste-art>p{margin-top:19px}
 .waste-page.waste-experience .waste-hero>.waste-surface{padding:25px;border-radius:18px}
 .preflight-top{margin-bottom:18px}.preflight-time>span{display:block}
 .waste-page.waste-experience .waste-topic-grid{grid-template-columns:1fr;gap:12px}
 .waste-experience .waste-topic>a{grid-template-columns:44px minmax(0,1fr) 30px;grid-template-rows:auto;align-items:center;gap:12px;padding:21px}
 .waste-experience .waste-topic .topic-copy{grid-column:2;grid-row:1}
 .waste-experience .waste-topic .topic-icon{width:43px;height:47px;border-radius:12px}
 .waste-experience .topic-number{display:none}.waste-experience .waste-topic .topic-arrow{width:29px;height:29px}
 .waste-page.waste-experience .topic-copy h3{font-size:24px}.waste-experience .topic-copy>p{font-size:11px;margin-top:7px}
 .waste-page.waste-experience .waste-next-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .waste-page.waste-experience .next-pickup:last-child{display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 14px}
 .waste-experience .next-pickup:last-child .pickup-fraction-top{grid-column:1;grid-row:1/3;align-items:center;flex-direction:row;min-height:0}
 .waste-experience .next-pickup:last-child .fraction-label{min-height:0}
 .waste-page.waste-experience .next-pickup:last-child .pickup-date{grid-column:2;grid-row:1/3;min-width:0;min-height:0;align-self:center;justify-self:end;flex-direction:row;justify-content:flex-end;gap:0 6px;margin-top:0}
 .waste-experience .next-pickup:last-child .pickup-day{grid-column:2;grid-row:3;min-height:0;align-self:end;justify-self:end;text-align:right}
 .waste-experience .next-pickup:last-child .pickup-status{grid-column:1;grid-row:3;justify-self:start;margin-top:14px}
 .waste-page.waste-experience .pickup-date{flex-direction:column;gap:3px;min-height:75px;margin-top:21px}
 .waste-experience .pickup-number{font-size:44px}.waste-experience .pickup-month{font-size:13px}
 .waste-page.waste-experience .waste-section{padding-top:21px;padding-bottom:30px}
 .waste-page.waste-experience .waste-section-heading{align-items:flex-start;gap:18px}
 .waste-page.waste-experience .waste-section-heading h2{font-size:35px;letter-spacing:-1px}
 .waste-page.waste-experience .sorting-no{padding:13px}
}
@media(max-width:480px){
 .waste-experience .waste-subnav>a{font-size:9px;gap:6px;padding:8px}.waste-experience .waste-subnav>a>svg{display:none}
 .waste-page.waste-experience .waste-hero{padding:26px 22px;margin-bottom:22px;gap:24px;border-radius:21px}
 .waste-page.waste-experience .waste-hero .waste-intro h1{font-size:47px;letter-spacing:-1.8px;line-height:1.04}
 .waste-page.waste-experience .waste-hero .waste-kicker{font-size:8px;letter-spacing:1px}
 .waste-page.waste-experience .waste-hero .waste-lead{font-size:12px;line-height:1.85}
 .waste-experience .waste-hero .button{padding:10px 13px;font-size:10px;min-height:43px;gap:9px}
 .waste-experience .sorting-hero-actions>span{font-size:9px}
 .waste-page.waste-experience .waste-hero .waste-art .waste-chip{font-size:7px;padding:6px 9px}
 .waste-page.waste-experience .waste-hero .waste-art>p{font-size:9px}
 .waste-page.waste-experience .waste-hero>.waste-surface{padding:23px 20px}
 .waste-page.waste-experience .waste-hero>.waste-surface h2{font-size:28px}
 .preflight-top>.topic-icon{width:40px;height:40px;flex-basis:40px;border-radius:11px}.preflight-top>.topic-icon>svg{width:23px;height:24px}
 .preflight-time>strong{font-size:25px}.preflight-time>span{font-size:8px;max-width:58px}
 .waste-experience .schedule-intro .check-list>li{font-size:11px}
 .waste-page.waste-experience .next-pickup{padding:17px 14px 16px;border-radius:16px}
 .pickup-fraction-top{align-items:flex-start;gap:8px;min-height:51px;flex-direction:column}
 .pickup-fraction-icon{width:32px;height:35px;flex-basis:35px;border-radius:9px}.pickup-fraction-icon>svg{width:19px;height:21px}
 .waste-experience .next-pickup .fraction-label{min-height:30px;font-size:10px}
 .waste-page.waste-experience .pickup-date{margin-top:13px;min-height:73px}
 .waste-experience .pickup-number{font-size:41px}.waste-experience .pickup-month{font-size:12px}
 .waste-experience .pickup-day{font-size:9px;min-height:30px}
 .waste-experience .pickup-status{margin-top:10px;font-size:9px;padding:4px 8px}
 .waste-page.waste-experience .waste-next-grid{gap:10px}
 .waste-experience .waste-topic>a{padding:18px 17px;gap:11px;grid-template-columns:39px minmax(0,1fr) 26px}
 .waste-experience .waste-topic .topic-icon{width:38px;height:44px}.waste-experience .waste-topic .topic-arrow{width:26px;height:26px}
 .waste-page.waste-experience .topic-copy h3{font-size:23px;letter-spacing:-.5px}
 .waste-experience .topic-copy>p{font-size:10px}
 .waste-page.waste-experience .sorting-heading h3{font-size:29px}
 .waste-page.waste-experience .sorting-columns{gap:17px}
 .waste-page.waste-experience .sorting-no{padding:14px}
 .waste-page.waste-experience .sorting-list .check-list>li{font-size:12px}
 .waste-page.waste-experience .waste-callout{padding:27px 23px;border-radius:20px}
}
@media(max-width:359px){
 .waste-page.waste-experience .waste-hero{padding:24px 18px}
 .waste-page.waste-experience .waste-hero .waste-intro h1{font-size:41px;letter-spacing:-1.5px}
 .waste-experience .waste-nav-label{font-size:8px}.waste-nav-number{flex-basis:21px;width:21px;height:23px;font-size:7px}
 .waste-page.waste-experience .next-pickup{padding:16px 12px}.waste-experience .pickup-month{font-size:11px}
 .waste-page.waste-experience .waste-section-heading h2{font-size:31px}
}
@media(prefers-reduced-motion:reduce){.waste-experience .waste-topic,.waste-experience .waste-subnav>a{transition:none}.waste-experience .waste-topic:hover{transform:none}}
