/* SXM Network v0.2.75 — static literal What to Do icons */
:root{--todo-soft:#f3f8fb;--todo-ink:#0b3044;--todo-muted:#526b7b;--todo-line:#dce8ee}
.todoHero{position:relative;min-height:410px;display:flex;align-items:end;overflow:hidden;background:#0b3044;color:#fff}.todoHero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.todoHero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,27,48,.87),rgba(3,27,48,.55) 50%,rgba(3,27,48,.22))}.todoHero .wrap{position:relative;z-index:2;width:100%;padding-top:70px;padding-bottom:54px}.todoHeroInner{max-width:760px}.todoHero .kicker{color:#b8efe9}.todoHero h1{font-size:clamp(2.5rem,7vw,5.2rem);line-height:.93;letter-spacing:-.05em;margin:8px 0 14px}.todoHero p{font-size:1.08rem;line-height:1.6;max-width:680px;color:#edf7fa}.todoHeroActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.todoHeroActions a{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:10px 14px;background:#fff;color:#0b3044;text-decoration:none;font-weight:900}.todoHeroActions a.primary{background:var(--island);color:#fff}
.todoIntro{padding:42px 0 22px;background:#fff}.todoIntroGrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:32px;align-items:start}.todoIntro h2{font-size:clamp(1.9rem,4vw,3rem);margin:4px 0 12px;color:var(--todo-ink)}.todoIntro p{color:var(--todo-muted);line-height:1.65;margin:0}.todoSourceNote{border:1px solid var(--todo-line);border-radius:18px;padding:18px;background:var(--todo-soft);font-size:.9rem;line-height:1.5}.todoSourceNote strong{display:block;color:var(--todo-ink);margin-bottom:6px}.todoSourceNote a{color:#0b668e;font-weight:850}
.todoControls{position:sticky;top:0;z-index:20;background:rgba(247,251,253,.96);backdrop-filter:blur(12px);border-block:1px solid var(--todo-line)}.todoControls .wrap{padding-top:12px;padding-bottom:12px}.todoSearchRow{display:flex;gap:10px;align-items:center}.todoSearch{flex:1;display:flex;background:#fff;border:1px solid #cddce4;border-radius:14px;overflow:hidden}.todoSearch input{border:0;outline:0;padding:12px 14px;width:100%;font:inherit;color:var(--todo-ink)}.todoSearch button{border:0;background:#0b668e;color:#fff;padding:0 16px;font-weight:950}.todoCount{font-weight:900;color:var(--todo-ink);white-space:nowrap}.todoChips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.todoChip{border:1px solid #ccdae2;border-radius:999px;background:#fff;color:#315064;padding:8px 11px;font-weight:850;cursor:pointer}.todoChip.is-active{background:var(--island);color:#fff;border-color:var(--island)}
.todoCatalog{padding:30px 0 54px;background:#f7fbfd}.todoGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.todoCard{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid rgba(31,70,95,.18);border-radius:22px;padding:20px;box-shadow:0 12px 34px rgba(4,35,55,.08)}.todoCard[hidden]{display:none}.todoCardTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.todoIcon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#eef7f7;font-size:1.45rem;flex:0 0 auto}.todoCategory{font-size:.67rem;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:#647b8b;margin-top:4px}.todoCard h3{font-size:1.38rem;line-height:1.08;letter-spacing:-.02em;color:var(--todo-ink);margin:10px 0 9px}.todoCard p{color:#466273;line-height:1.5;margin:0 0 16px}.todoTag,.todoStatus{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:.7rem;font-weight:900;margin:0 6px 8px 0}.todoTag{background:#e8f5f2;color:#0b6c61}.todoStatus{background:#fff3d9;color:#7a5510}.todoStatus.closed{background:#fee8e5;color:#9d2d24}.todoMeta{margin-top:auto;border-top:1px solid #e4edf1;padding-top:13px}.todoOperator{font-size:.78rem;color:#526a79;margin-bottom:10px}.todoOperator strong{color:#1d485c}.todoActions{display:flex;gap:8px;flex-wrap:wrap}.todoActions a{display:inline-flex;align-items:center;min-height:38px;padding:0 11px;border-radius:10px;border:1px solid #cfdfe5;background:#f7fbfc;color:#16475d;text-decoration:none;font-weight:900;font-size:.78rem}.todoActions a.primary{background:#0b668e;border-color:#0b668e;color:#fff}.todoEmpty{grid-column:1/-1;text-align:center;padding:44px;border:1px dashed #c7d8e0;border-radius:18px;background:#fff;color:#526a79}
.thingsTeaserBand{padding:38px 0;background:linear-gradient(180deg,#eef8fa,#f8fbfd)}.thingsTeaserHead{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.thingsTeaserHead h2{margin:5px 0 0;color:#0b3044;font-size:clamp(1.8rem,4vw,2.8rem)}.thingsTeaserHead>a{font-weight:900;color:#0b668e;text-decoration:none}.thingsTeaserGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.thingsTeaserCard{min-height:145px;display:flex;flex-direction:column;justify-content:end;border-radius:20px;padding:18px;text-decoration:none;color:#fff;position:relative;overflow:hidden;background:#0b668e;box-shadow:0 12px 30px rgba(4,35,55,.12)}.thingsTeaserCard:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,38,66,.05),rgba(5,38,66,.86));z-index:0}.thingsTeaserCard>*{position:relative;z-index:1}.thingsTeaserCard span{font-size:1.5rem}.thingsTeaserCard strong{font-size:1.15rem;margin-top:7px}.thingsTeaserCard small{margin-top:4px;color:#edf7fa}.thingsTeaserCard:nth-child(2n){background:#087f75}.thingsTeaserCard:nth-child(3n){background:#7b5c1c}
.todoFooterNote{font-size:.8rem;color:#728593;margin-top:22px}.todoFooterNote a{color:#0b668e}
@media(max-width:1000px){.todoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.thingsTeaserGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.todoIntroGrid{grid-template-columns:1fr}.todoHero{min-height:360px}.todoHero .wrap{padding-top:48px;padding-bottom:42px}.todoSearchRow{align-items:stretch;flex-direction:column}.todoCount{padding-left:3px}.todoGrid,.thingsTeaserGrid{grid-template-columns:1fr}.thingsTeaserHead{align-items:flex-start;flex-direction:column}.todoControls{position:relative}.todoCard{padding:17px}}

.todoIcon img{display:block;width:34px;height:34px;object-fit:contain}.thingsTeaserCard .thingsTeaserIcon{position:relative;z-index:1;width:44px;height:44px;object-fit:contain;background:rgba(255,255,255,.94);border-radius:13px;padding:6px}.thingsTeaserCard .thingsTeaserIcon+strong{margin-top:8px}
