/* Sorting v48. Dedicated styling leaves the published calendar unchanged. */
.sorting-page{
  --sorting-paper:#f3f4e9;--sorting-ink:#294a35;--sorting-muted:#667a5d;--sorting-line:#d8e0ce;
}
.sorting-page [data-fraction="paper"]{--fraction:#527f9f;--fraction-ink:#365f7b;--fraction-soft:#e6eef3;--fraction-line:#c8dbe7}
.sorting-page [data-fraction="plastic"]{--fraction:#ab8b29;--fraction-ink:#7a641f;--fraction-soft:#f1e9c9;--fraction-line:#e5d9a3}
.sorting-page [data-fraction="glass"]{--fraction:#6e8d4c;--fraction-ink:#4a6a37;--fraction-soft:#e5edd8;--fraction-line:#cddcba}
.sorting-page [data-fraction="bio"]{--fraction:#a17c5b;--fraction-ink:#795c43;--fraction-soft:#eee4d7;--fraction-line:#dfceba}
.sorting-page [data-fraction="mixed"]{--fraction:#718371;--fraction-ink:#465f4d;--fraction-soft:#e1e8dc;--fraction-line:#c6d3c1}
.sorting-page .sorting-hero{gap:65px;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);padding-block:45px 55px}
.sorting-page .sorting-hero .waste-intro h1{font-size:clamp(68px,6.8vw,98px);line-height:1.01;letter-spacing:-3.3px;margin-block:22px 24px}
.sorting-page .sorting-hero .waste-lead{max-width:480px;font-size:16px;line-height:1.9}
.sorting-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 22px;margin-top:29px}
.sorting-hero-actions>.button{min-height:46px;padding:12px 18px;font-size:12px}
.sorting-hero-actions>span{display:inline-flex;align-items:center;gap:7px;color:#b8cba7;font-size:11px;line-height:1.6}
.sorting-hero-actions>span>svg{width:18px;height:20px;color:#b3cc86}
.sorting-page .sorting-hero .waste-art{position:relative;overflow:hidden;padding:29px 20px 23px;border:1px solid #eff1dd73;border-radius:25px;background:radial-gradient(ellipse at 50% 70%,#e1e8cf,transparent 65%),linear-gradient(120deg,#f8f9ee,#eaeedc);box-shadow:0 22px 60px #03160b26;transform:none}
.sorting-page .sorting-hero .waste-art .waste-chip{color:#657a4f;border-color:#bccba344;background:#eff2e4;font-size:9px;letter-spacing:.4px;padding:6px 11px;border-radius:30px}
.sorting-page .sorting-hero .waste-bin-art{margin-top:30px;margin-bottom:5px}
.sorting-page .sorting-hero .waste-art>p{color:#6e7f60;font-size:11px;line-height:1.7;margin-top:24px}
.sorting-page .waste-section-heading{margin-bottom:25px;align-items:flex-end}
.sorting-page .waste-section-heading h2{font-size:clamp(32px,3.2vw,46px);line-height:1.13;letter-spacing:-1.4px}
.sorting-page .waste-section-heading h2 em,.sorting-faq-intro h2 em{font-weight:400;color:#d9e6b7}
.sorting-page .waste-section-heading>p{color:#b5c7a7;font-size:12px;line-height:1.85;text-align:right}
.sorting-page .sorting-fractions{scroll-margin-top:26px;padding-top:30px;padding-bottom:42px}
.sorting-jump-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:25px}
.sorting-jump-nav>a{display:flex;align-items:center;position:relative;gap:12px;min-width:0;min-height:91px;padding:17px 14px;border:1px solid #d5e2bb30;border-radius:15px;background:linear-gradient(120deg,#244b34a1,#153927a1);transition:background .2s,border-color .2s,transform .2s}
.sorting-jump-nav>a:hover{background:#2e5039;border-color:#d6e3b982;transform:translateY(-2px)}
.sorting-jump-nav>a>span:not(.sorting-jump-icon){min-width:0;flex:1}
.sorting-jump-icon{display:grid;place-items:center;width:36px;height:41px;flex:0 0 36px;border-radius:10px;background:var(--fraction-soft);color:var(--fraction-ink);box-shadow:inset 0 0 0 1px #fff4}
.sorting-jump-icon>svg{width:21px;height:23px;stroke-width:1.6}
.sorting-jump-nav strong{display:block;color:#edf1df;font-size:12px;font-weight:650;line-height:1.5}
.sorting-jump-nav small{display:block;margin-top:5px;color:#afc2a3;font-size:9px;line-height:1.6}
.sorting-jump-nav>a>svg{width:13px;height:13px;margin-left:auto;color:#d9e3c2;transform:rotate(45deg);opacity:.65}
.sorting-page .sorting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
.sorting-page .sorting-card{display:flex;flex-direction:column;position:relative;overflow:hidden;min-width:0;padding:30px 30px 0;border:1px solid #edf1de73;border-radius:23px;background:var(--sorting-paper);color:var(--sorting-ink);box-shadow:0 15px 35px #001c1014;scroll-margin-top:24px}
.sorting-page .sorting-card:before{content:'';position:absolute;top:0;left:28px;right:28px;height:3px;background:var(--fraction);border-radius:0 0 4px 4px}
.sorting-card-number{position:absolute;top:20px;right:24px;font:400 47px/1 Georgia,'Times New Roman',serif;letter-spacing:-2px;color:var(--fraction);opacity:.22;pointer-events:none}
.sorting-page .sorting-heading{display:flex;align-items:center;gap:17px;min-width:0;margin:0 0 27px;padding-right:35px}
.sorting-page .sorting-heading>div{min-width:0}
.sorting-fraction-icon{display:grid;place-items:center;flex:0 0 58px;width:58px;height:65px;border:1px solid var(--fraction-line);border-radius:16px;background:var(--fraction-soft);color:var(--fraction-ink)}
.sorting-fraction-icon>svg{width:32px;height:35px;stroke-width:1.4}
.sorting-card-kicker{display:block;margin-bottom:7px;color:var(--fraction-ink);font-size:9px;font-weight:700;line-height:1.7;letter-spacing:.8px;text-transform:uppercase}
.sorting-page .sorting-heading h3{margin:0;color:var(--sorting-ink);font:400 clamp(29px,2.5vw,36px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-1px}
.sorting-page .sorting-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px;min-width:0;margin-bottom:27px;flex:1}
.sorting-page .sorting-list{min-width:0}
.sorting-page .sorting-list h4{display:flex;align-items:center;gap:7px;margin:0 0 15px;color:#385b3a;font:700 12px/1.5 Manrope,Arial,sans-serif;letter-spacing:.1px}
.sorting-list h4>span{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#e0e8d2;color:#5d7c3d;font-size:13px}
.sorting-page .sorting-no h4{color:#80624e}
.sorting-no h4>span{background:#eee4d9;color:#956b53;font-size:17px;font-weight:400}
.sorting-page .sorting-list .check-list{list-style:none;padding:0;margin:0}
.sorting-page .sorting-list .check-list>li{padding-left:13px;color:#53654c;font-size:13px;line-height:1.8;overflow-wrap:break-word}
.sorting-page .sorting-list .check-list>li+li{margin-top:10px}
.sorting-page .sorting-list .check-list>li:before{content:'';width:4px;height:4px;left:0;top:.75em;border-radius:50%;background:#83966e}
.sorting-page .sorting-no .check-list>li:before{background:#ac9380}
.sorting-page .sorting-tip{display:flex;align-items:flex-start;gap:10px;margin:0 -30px;padding:17px 30px 19px;border:0;border-top:1px solid var(--fraction-line);background:var(--fraction-soft);color:var(--fraction-ink);font-size:12px;line-height:1.8}
.sorting-tip>svg{width:18px;height:21px;margin-top:1px;flex:0 0 18px;stroke-width:1.5}
.sorting-tip>p{min-width:0;margin:0}
.sorting-page .sorting-card[data-fraction="mixed"]{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:0 34px;grid-column:1/-1;background:#eaf0e0}
.sorting-page .sorting-card[data-fraction="mixed"] .sorting-heading{align-self:start;margin-top:7px;max-width:370px;padding-right:0}
.sorting-page .sorting-card[data-fraction="mixed"] .sorting-columns{padding-top:5px;padding-right:35px}
.sorting-page .sorting-card[data-fraction="mixed"] .sorting-tip{grid-column:1/-1}
.sorting-page .sorting-habits{padding-top:23px;padding-bottom:44px}
.sorting-page .sorting-reminders{gap:21px}
.sorting-page .sorting-reminders>.waste-surface{padding:27px;border:1px solid #d8e3b234;border-radius:19px;background:linear-gradient(130deg,#224431bd,#143826ac);box-shadow:none}
.sorting-page .sorting-reminders .waste-kicker{margin-bottom:17px;color:#b6cd91;font-size:9px;letter-spacing:1px}
.sorting-page .sorting-reminders h3{margin-bottom:13px;font-size:28px;line-height:1.2;color:#eaf0d9;letter-spacing:-.6px}
.sorting-page .sorting-reminders p{font-size:13px;line-height:1.9;color:#bfd0b4}
.sorting-page .sorting-faq-section{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:65px;padding-top:26px;padding-bottom:54px;align-items:start}
.sorting-faq-intro{min-width:0;padding-top:9px}
.sorting-page .sorting-faq-intro h2{margin-top:15px;font:400 clamp(37px,3.7vw,53px)/1.13 Georgia,'Times New Roman',serif;letter-spacing:-1.6px}
.sorting-faq-intro>p{max-width:280px;margin-top:20px;color:#b7c9ac;font-size:14px;line-height:1.9}
.sorting-faq-decoration{display:grid;place-items:center;width:75px;height:75px;margin-top:30px;border:1px solid #bdd38b30;border-radius:50%;background:#b9d08d08;color:#a9c47b}
.sorting-faq-decoration>svg{width:37px;height:39px;stroke-width:1.2}
.sorting-page .waste-faq{min-width:0;overflow:hidden;padding:3px 25px;border:1px solid #f7f8e95e;border-radius:21px;background:#f1f3e7;color:var(--sorting-ink);box-shadow:0 14px 40px #00170b1a}
.sorting-page .waste-faq details{border-bottom:1px solid #d7dfc9}
.sorting-page .waste-faq details:first-child{border-top:0}
.sorting-page .waste-faq details:last-child{border-bottom:0}
.sorting-page .waste-faq summary{display:flex;list-style:none;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;color:#36513a;font-size:13px;font-weight:650;line-height:1.8;min-height:68px}
.sorting-page .waste-faq summary::-webkit-details-marker{display:none}
.sorting-page .waste-faq summary:after{content:'';display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border:1px solid #c6d2b6;border-radius:50%;background:linear-gradient(#69834d,#69834d) center/9px 1px no-repeat,linear-gradient(#69834d,#69834d) center/1px 9px no-repeat,#e8eeda;color:#69834d;font-size:18px;font-weight:400;line-height:1;transition:transform .2s,background .2s}
.sorting-page .waste-faq details[open] summary:after{transform:none;background:linear-gradient(#69834d,#69834d) center/9px 1px no-repeat,#dce6c9}
.sorting-page .waste-faq details[open] summary{color:#305531}
.sorting-page .waste-faq details>p{padding:0 35px 21px 0;color:#63755a;font-size:13px;line-height:1.9}
.sorting-page .sorting-special{padding:31px 33px;margin-top:0;margin-bottom:23px;border:1px solid #c1d79536;background:linear-gradient(115deg,#2b4b34,#173b28);color:#edf2dc}
.sorting-page .sorting-special .waste-kicker{color:#b9cc91;font-size:9px;letter-spacing:1px}
.sorting-page .sorting-special h2{margin-block:0 12px;color:#edf2dd;font-size:33px}
.sorting-page .sorting-special p{color:#bfceb0;font-size:13px}
.sorting-page .sorting-special>.button{border:1px solid #e6edca;background:#e4ebc7;color:#345334;font-weight:600;padding:12px 17px;border-radius:9px;min-height:45px}
.sorting-page :is(.sorting-card,.waste-faq) :is(a,summary):focus-visible{outline-color:#60813f}
@media(min-width:1600px){.sorting-page .sorting-list .check-list>li{font-size:14px}.sorting-page .sorting-tip{font-size:13px}}
@media(max-width:1190px){
  .sorting-page .sorting-hero{gap:32px}
  .sorting-page .sorting-hero .waste-intro h1{font-size:76px}
  .sorting-jump-nav{gap:9px}
  .sorting-jump-nav>a{flex-wrap:wrap;gap:10px;align-content:start;padding:15px;min-height:132px}
  .sorting-jump-nav>a>span:not(.sorting-jump-icon){flex:1 1 100%}
  .sorting-jump-nav>a>svg{position:absolute;top:23px;right:14px}
  .sorting-page .sorting-card{padding:25px 24px 0}
  .sorting-page .sorting-heading{gap:13px;padding-right:22px;margin-bottom:25px}
  .sorting-fraction-icon{width:49px;height:57px;flex-basis:49px;border-radius:14px}
  .sorting-fraction-icon>svg{width:28px;height:31px}
  .sorting-page .sorting-heading h3{font-size:30px}
  .sorting-card-kicker{font-size:8px;letter-spacing:.6px}
  .sorting-card-number{font-size:40px;right:18px}
  .sorting-page .sorting-columns{gap:19px}
  .sorting-page .sorting-tip{margin-inline:-24px;padding-inline:24px}
  .sorting-page .sorting-faq-section{gap:35px}
}
@media(max-width:900px){
  .sorting-page .sorting-hero{gap:33px;grid-template-columns:1fr}
  .sorting-page .sorting-hero .waste-art{max-width:650px;margin:0 auto;transform:none}
  .sorting-page .sorting-hero .waste-intro h1{font-size:80px}
  .sorting-page .sorting-hero .waste-lead{max-width:540px}
  .sorting-page .sorting-hero{padding-bottom:30px}
  .sorting-page .sorting-grid{grid-template-columns:1fr;gap:19px}
  .sorting-page .sorting-heading h3{font-size:35px}
  .sorting-page .sorting-card{padding:28px 28px 0}
  .sorting-page .sorting-tip{margin-inline:-28px;padding-inline:28px}
  .sorting-page .sorting-card[data-fraction="mixed"]{display:block;grid-column:auto}
  .sorting-page .sorting-card[data-fraction="mixed"] .sorting-heading{margin-top:0;max-width:none}
  .sorting-page .sorting-card[data-fraction="mixed"] .sorting-columns{padding:0}
  .sorting-page .sorting-list .check-list>li{font-size:14px}
  .sorting-page .sorting-faq-section{grid-template-columns:1fr;gap:26px;padding-bottom:35px}
  .sorting-faq-intro{display:grid;grid-template-columns:1fr auto;align-items:start;gap:0 25px}
  .sorting-faq-intro h2{font-size:43px}
  .sorting-faq-intro>p{grid-column:1;max-width:450px;margin-top:14px}
  .sorting-faq-decoration{grid-column:2;grid-row:1/4;margin-top:20px}
  .sorting-faq-intro h2>br{display:none}
  .sorting-page .sorting-reminders{grid-template-columns:1fr;gap:13px}
}
@media(max-width:650px){
  .sorting-page .sorting-hero{padding-top:32px;gap:28px}
  .sorting-page .sorting-hero .waste-intro h1{font-size:clamp(58px,13.5vw,78px);letter-spacing:-2.2px}
  .sorting-page .sorting-hero .waste-lead{font-size:14px}
  .sorting-hero-actions{gap:14px 20px;margin-top:24px}
  .sorting-hero-actions>.button{font-size:11px}
  .sorting-hero-actions>span{font-size:10px}
  .sorting-page .sorting-hero .waste-art{padding:24px 12px 20px;border-radius:20px}
  .sorting-page .sorting-hero .waste-bin-art{margin-top:24px}
  .sorting-page .sorting-hero .waste-art>p{margin-top:22px;font-size:10px}
  .sorting-page .waste-section-heading h2{font-size:35px;letter-spacing:-1px}
  .sorting-page .waste-section-heading>p{text-align:left;font-size:12px}
  .sorting-page .sorting-fractions{padding-top:23px;padding-bottom:27px}
  .sorting-jump-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:21px}
  .sorting-jump-nav>a{flex-wrap:nowrap;min-height:82px;padding:12px 10px;gap:9px;align-items:center;align-content:normal;border-radius:12px}
  .sorting-jump-nav>a>span:not(.sorting-jump-icon){flex:1}
  .sorting-jump-nav>a>svg{display:none}
  .sorting-jump-icon{width:31px;height:36px;flex-basis:31px;border-radius:9px}
  .sorting-jump-icon>svg{width:19px;height:22px}
  .sorting-jump-nav strong{font-size:11px;line-height:1.4}
  .sorting-jump-nav small{font-size:8px;margin-top:4px}
  .sorting-jump-nav>a:last-child{grid-column:1/-1}
  .sorting-page .sorting-card{padding:25px 21px 0;border-radius:19px}
  .sorting-page .sorting-card:before{left:21px;right:21px}
  .sorting-page .sorting-heading{gap:13px;margin-bottom:24px;padding-right:20px}
  .sorting-fraction-icon{width:45px;height:53px;flex-basis:45px;border-radius:13px}
  .sorting-fraction-icon>svg{width:26px;height:29px}
  .sorting-page .sorting-heading h3{font-size:31px;letter-spacing:-.8px}
  .sorting-card-kicker{font-size:8px;letter-spacing:.55px;margin-bottom:6px}
  .sorting-card-number{top:17px;right:17px;font-size:38px}
  .sorting-page .sorting-columns{gap:18px;margin-bottom:24px}
  .sorting-page .sorting-list h4{font-size:11px;gap:6px;margin-bottom:12px}
  .sorting-list h4>span{width:20px;height:20px;flex-basis:20px;font-size:12px}
  .sorting-no h4>span{font-size:16px}
  .sorting-page .sorting-list .check-list>li{font-size:12px;line-height:1.8;padding-left:11px}
  .sorting-page .sorting-list .check-list>li+li{margin-top:10px}
  .sorting-page .sorting-tip{margin-inline:-21px;padding:15px 21px 17px;gap:9px;font-size:11px}
  .sorting-page .sorting-habits{padding-top:23px;padding-bottom:29px}
  .sorting-page .sorting-reminders>.waste-surface{padding:23px}
  .sorting-page .sorting-reminders h3{font-size:27px}
  .sorting-page .sorting-reminders p{font-size:13px}
  .sorting-page .sorting-faq-intro h2{font-size:39px}
  .sorting-faq-intro>p{font-size:13px}
  .sorting-faq-decoration{width:52px;height:52px;margin-top:25px}
  .sorting-faq-decoration>svg{width:27px;height:29px}
  .sorting-page .waste-faq{padding-inline:18px;border-radius:18px}
  .sorting-page .waste-faq summary{padding-block:18px;gap:13px;font-size:12px;min-height:65px}
  .sorting-page .waste-faq details>p{font-size:12px;padding-right:10px}
  .sorting-page .sorting-special{padding:26px 23px;gap:20px}
  .sorting-page .sorting-special h2{font-size:29px}
}
@media(max-width:359px){
  .sorting-page .sorting-card{padding:23px 18px 0}
  .sorting-page .sorting-heading{padding-right:18px;gap:10px}
  .sorting-page .sorting-heading h3{font-size:28px}
  .sorting-fraction-icon{width:38px;height:46px;flex-basis:38px;border-radius:11px}
  .sorting-page .sorting-columns{grid-template-columns:1fr;gap:21px}
  .sorting-page .sorting-list .check-list>li{font-size:13px}
  .sorting-page .sorting-tip{margin-inline:-18px;padding-inline:18px}
  .sorting-jump-nav strong{font-size:10px}
  .sorting-jump-nav small{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.sorting-jump-nav>a,.sorting-page .waste-faq summary:after{transition:none}.sorting-jump-nav>a:hover{transform:none}}
@media(max-width:650px){
  .sorting-faq-intro{display:block;position:relative}
  .sorting-faq-intro h2>br{display:initial}
  .sorting-faq-decoration{position:absolute;right:0;top:0;margin-top:20px}
}