/* MinSU SDG Center feed — theme green #005825, dark #003D1A, yellow #FFB21A */
.msdg{--g:#005825;--gd:#003D1A;--y:#FFB21A;--ink:#111827;--muted:#4B5563;--line:#E5E7EB;color:var(--muted);font-size:15px;line-height:1.6}
.msdg a{text-decoration:none}
/* Intro + highlight */
.msdg-intro{padding-top:24px}
.msdg-welcome+.msdg-intro,.msdg-intro.after-welcome{padding-top:20px}
.msdg-intro p{margin:0 0 12px}
.msdg-intro a{color:var(--g);font-weight:600}
.msdg-intro a:hover{text-decoration:underline}
.msdg-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:18px 0 8px}
.msdg-stat{padding:16px;border:1px solid var(--line);border-top:4px solid var(--g);border-radius:10px;background:#fff}
.msdg-stat b{display:block;font-size:26px;line-height:1.1;color:var(--gd)}
.msdg-stat span{display:block;margin-top:4px;font-size:13px}
.msdg-src{font-size:13px;color:#6B7280}
.msdg-src a{color:var(--g)}
/* Programs */
.msdg-progs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.msdg-prog{display:flex;flex-direction:column;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.msdg-prog h3{margin:0 0 6px!important;font-size:17px!important;line-height:1.35;color:var(--ink)}
.msdg-prog p{margin:0 0 12px;font-size:14px}
.msdg-prog .msdg-tags{margin-top:auto}
.msdg-prog-link{margin-top:10px;font-size:14px;font-weight:600;color:var(--g)!important}
.msdg-prog-link:hover{text-decoration:underline!important}
/* SDG tiles: official tile on the front, goal statement on the back (flips on hover/focus) */
.msdg-goals{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.msdg-goal{--c:#005825;display:block;aspect-ratio:1/1;perspective:900px;color:#fff!important;text-decoration:none!important;border-radius:4px;outline:none}
.msdg-flip{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.msdg-face{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;background:var(--c);backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.msdg-front img{display:block;width:100%;height:100%;object-fit:cover;margin:0!important;border-radius:0!important}
.msdg-goal:not(.has-img) .msdg-front{padding:10px 12px}
.msdg-goal-no{font-size:30px;font-weight:800;line-height:1}
.msdg-goal-name{margin-top:6px;font-size:12px;font-weight:700;line-height:1.25;text-transform:uppercase}
.msdg-back{transform:rotateY(180deg);justify-content:center;padding:12px;text-align:left}
.msdg-back b{display:block;font-size:15px;font-weight:800;text-align:center;margin-bottom:6px}
.msdg-back-desc{font-size:11.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.msdg-back .msdg-goal-n{margin-top:8px;font-size:11px;font-weight:700;opacity:.95}
@media (hover:hover){
  .msdg-goal:hover .msdg-flip{transform:rotateY(180deg)}
}
.msdg-goal:focus-visible .msdg-flip{transform:rotateY(180deg)}
.msdg-goal:focus-visible .msdg-face{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--c)}
@media (prefers-reduced-motion:reduce){
  .msdg-flip{transition:none}
}
@media (max-width:1024px){.msdg-goals{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:640px){.msdg-goals{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.msdg-back-desc{-webkit-line-clamp:4;font-size:10.5px}.msdg-back b{font-size:13px}}
/* Welcome block */
.msdg-welcome{padding-top:28px}
.msdg-logo{display:block;max-width:520px;margin:0 auto 22px;text-align:center;text-decoration:none!important}
.msdg-logo-top{display:block;margin-bottom:6px;font-family:Arial,"Helvetica Neue",sans-serif;font-size:clamp(20px,3.4vw,32px);font-weight:800;letter-spacing:.01em;line-height:1.1;text-transform:uppercase;color:#005825}
.msdg-logo img{display:block;width:88%;height:auto;margin:0 auto}
.msdg-logo-center{display:block;margin-top:4px;font-family:"Dancing Script",cursive;font-size:clamp(30px,5vw,46px);font-weight:700;line-height:1;color:#111}
.msdg-welcome-row{display:flex;gap:28px;align-items:center}
.msdg-wheel{flex:0 0 170px;width:170px;height:auto}
.msdg-welcome-text p{margin:0 0 10px;color:var(--ink);text-align:justify}
.msdg-welcome-text p:last-child{margin:0}
.msdg-welcome-text a{color:var(--g)!important;font-weight:600}
.msdg-welcome-text a:hover{text-decoration:underline!important}
@media (max-width:640px){.msdg-welcome-row{flex-direction:column;gap:16px}.msdg-wheel{flex-basis:auto;width:140px}.msdg-welcome-text p{text-align:left}}
/* Page tweaks */
.elementor-widget-shortcode .msdg-progs,.elementor-widget-shortcode .msdg-goals,.elementor-widget-shortcode .msdg>.msdg-cards,.elementor-widget-shortcode .msdg-empty{margin-top:24px}
.elementor-element-95ed8ae .elementor-button{white-space:nowrap}
/* Article cards */
.msdg-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.msdg-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.msdg-card-img{display:block;aspect-ratio:16/10;background:#E8F3EC;overflow:hidden}
.msdg-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.msdg-card:hover .msdg-card-img img{transform:scale(1.04)}
.msdg-card-body{display:flex;flex-direction:column;flex:1;padding:14px 16px 16px}
.msdg-card time{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#6B7280}
.msdg-card h3{margin:6px 0 8px!important;font-size:16px!important;line-height:1.4}
.msdg-card h3 a{color:var(--ink)!important}
.msdg-card h3 a:hover,.msdg-card h3 a:focus-visible{color:var(--g)!important;text-decoration:underline!important}
.msdg-card p{margin:0 0 12px;font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.msdg-tags{display:flex;flex-wrap:wrap;gap:4px;margin:auto 0 0!important;padding:0!important;list-style:none!important}
.msdg-tags li{--c:#005825;margin:0!important;padding:2px 8px;border-radius:999px;background:var(--c);color:#fff;font-size:11px;font-weight:700;line-height:1.5}
.msdg-more{margin:18px 0 0}
.msdg-more a{color:var(--g)!important;font-weight:600}
.msdg-more a:hover{text-decoration:underline}
.msdg-empty{padding:18px 20px;border:1px dashed #D1D5DB;border-radius:12px;background:#fff}
.msdg-empty a{color:var(--g);font-weight:600}
/* Tags as links */
.msdg-tags li a{color:#fff!important;text-decoration:none!important}
.msdg-tags li:has(a):hover{filter:brightness(1.1)}
/* Goal, story and list pages */
.msdg-back-link{margin:0 0 18px;font-size:14px}
.msdg-back-link a{color:var(--g)!important;font-weight:600}
.msdg-back-link a:hover{text-decoration:underline!important}
.msdg-sec{margin-top:40px}
.msdg-sec>h2{display:inline-block;margin:0 0 16px!important;padding-bottom:8px;border-bottom:3px solid var(--y);font-size:22px!important;color:var(--ink)}
.msdg-sec .msdg-progs,.msdg-sec .msdg-cards{margin-top:0}
.msdg-note{margin:-6px 0 16px;font-size:14px}
.msdg-goal-head{display:flex;gap:24px;align-items:center;padding:20px;border:1px solid var(--line);border-left:6px solid var(--c);border-radius:12px;background:#fff}
.msdg-goal-head img{flex:0 0 150px;width:150px;height:150px;object-fit:cover;border-radius:4px}
.msdg-kicker{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--c);color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.msdg-goal-head h2{margin:8px 0 6px!important;font-size:26px!important;line-height:1.25;color:var(--ink)}
.msdg-lead{margin:0 0 10px;font-size:16px;color:var(--ink)}
.msdg-facts{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0!important;padding:0!important;list-style:none!important;font-size:14px}
.msdg-facts li{margin:0!important}
.msdg-facts b{color:var(--c);font-size:18px}
.msdg-metrics{display:grid;gap:14px}
.msdg-metric{padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#fff}
.msdg-metric h3{margin:0 0 8px!important;font-size:16px!important;color:var(--ink)}
.msdg-metric ul{margin:0!important;padding:0!important;list-style:none!important}
.msdg-metric li{margin:0!important;padding:10px 0;border-top:1px solid var(--line)}
.msdg-metric li:first-child{border-top:0;padding-top:0}
.msdg-metric li p{margin:0 0 6px;font-size:14px;color:var(--ink)}
.msdg-applied{display:inline-block;margin-left:4px;padding:0 8px;border-radius:999px;background:#E8F3EC;color:var(--g);font-size:11px;font-weight:700;vertical-align:1px}
.msdg-file{display:inline-flex;align-items:center;gap:6px;margin:2px 10px 2px 0;font-size:13px;font-weight:600;color:var(--g)!important}
.msdg-file::before{content:'PDF';flex:none;padding:1px 4px;border-radius:3px;background:#DC2626;color:#fff;font-size:9px;font-weight:800;line-height:1.4}
.msdg-file:hover{text-decoration:underline!important}
.msdg-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:36px;padding-top:16px;border-top:1px solid var(--line)}
.msdg-pager a{font-weight:600;color:var(--g)!important}
.msdg-pager a:hover{text-decoration:underline!important}
.msdg-pageno{font-size:14px}
.msdg-minigoals{display:grid;grid-template-columns:repeat(17,minmax(0,1fr));gap:4px;margin-top:14px}
.msdg-minigoals a{display:block;opacity:.55;transition:opacity .15s}
.msdg-minigoals a:hover,.msdg-minigoals a[aria-current]{opacity:1}
.msdg-minigoals a[aria-current]{outline:2px solid var(--ink);outline-offset:1px}
.msdg-minigoals img{display:block;width:100%;height:auto}
.msdg-story-hero{margin:0 0 18px}
.msdg-story-hero img{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:12px}
.msdg-story-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px}
.msdg-story-meta .msdg-tags{margin:0!important}
.msdg-cat{font-size:13px;font-weight:600;color:#6B7280}
.msdg-story-body{font-size:16.5px;line-height:1.75;color:var(--ink)}
.msdg-story-body p{margin:0 0 16px;text-align:left}
.msdg-story-body a{color:var(--g)!important;text-decoration:underline!important}
.msdg-story-body img{max-width:100%;height:auto;border-radius:8px}
.msdg-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:20px}
.msdg-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.msdg-source{margin:22px 0 0;font-size:13px;color:#6B7280}
.msdg-source a{color:var(--g)!important;font-weight:600}
.msdg-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.msdg-share span{font-weight:600;color:var(--ink)}
.msdg-share a{padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px;font-weight:600;color:var(--g)!important}
.msdg-share a:hover{border-color:var(--g);background:#F3F9F5}
@media (max-width:640px){
  .msdg-goal-head{flex-direction:column;align-items:flex-start}
  .msdg-goal-head img{width:110px;height:110px;flex-basis:auto}
  .msdg-minigoals{grid-template-columns:repeat(9,minmax(0,1fr))}
}
/* SDG tiles lists */
.msdg-tiles,.msdg-tiles-inline{margin:0!important;padding:0!important;list-style:none!important}
.msdg-tiles li,.msdg-tiles-inline li{margin:0!important}
.msdg-tiles a,.msdg-tiles-inline a{display:block;text-decoration:none!important}
.msdg-tiles img,.msdg-tiles-inline img{display:block;width:100%;height:auto;margin:0!important;border-radius:3px!important}
.msdg-tile-name{display:block}
.msdg-tiles-inline{display:flex;flex-wrap:wrap;gap:8px}
.msdg-tiles-inline li{width:64px}
.msdg-tiles-inline .msdg-tile-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.msdg-tiles-inline a:hover img{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.18)}
.msdg-tiles-inline img{transition:transform .15s,box-shadow .15s}
.msdg-tiles-side{display:grid;grid-template-columns:1fr;gap:12px}
.msdg-tiles-side a{display:flex!important;align-items:center;gap:12px}
.msdg-tiles-side img{flex:0 0 72px;width:72px!important}
.msdg-tiles-side .msdg-tile-name{font-size:14px;font-weight:600;line-height:1.35;color:var(--ink)}
.msdg-tiles-side a:hover .msdg-tile-name{color:var(--g);text-decoration:underline}
.msdg-tiles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.msdg-tiles-grid .msdg-tile-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.msdg-tiles-grid a{opacity:.85;transition:opacity .15s,transform .15s}
.msdg-tiles-grid a:hover{opacity:1;transform:scale(1.04)}
.msdg-tiles-grid a[aria-current]{opacity:1;outline:3px solid var(--ink);outline-offset:1px}
.msdg-story-meta{align-items:flex-start}
/* Sidebar */
.msdg-side{display:flex;flex-direction:column;gap:20px}
.msdg-side-card{padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.msdg-side-card h2{margin:0 0 14px!important;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:12px!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--g)}
.msdg-side-list{margin:0!important;padding:0!important;list-style:none!important}
.msdg-side-list li{margin:0!important;padding:10px 0;border-top:1px solid var(--line)}
.msdg-side-list li:first-child{border-top:0;padding-top:0}
.msdg-side-list a{display:block;font-size:14px;font-weight:600;line-height:1.4;color:var(--ink)!important}
.msdg-side-list a:hover{color:var(--g)!important;text-decoration:underline!important}
.msdg-side-list time{display:block;margin-top:3px;font-size:12px;color:#6B7280}
.msdg-side-empty{margin:0;font-size:14px}
.msdg-side-card.is-green{border:0;background:var(--g);color:rgba(255,255,255,.85)}
.msdg-side-card.is-green h2{border:0;padding:0;margin-bottom:6px!important;font-size:16px!important;letter-spacing:0;text-transform:none;color:#fff}
.msdg-side-card.is-green p{margin:0 0 14px;font-size:13px;line-height:1.5}
.msdg-side-btn{display:inline-block;padding:9px 16px;background:var(--y);color:#1F2937!important;font-size:13px;font-weight:700;text-decoration:none!important}
.msdg-side-btn:hover{background:#fff}
.msdg-side-link{display:block;margin-top:12px;font-size:13px;font-weight:600;color:#fff!important}
.msdg-side-link:hover{text-decoration:underline!important}
/* Story spacing */
.msdg-story .msdg-story-hero{margin:0 0 20px!important}
.msdg-story .msdg-story-meta{align-items:center;gap:14px;margin:0 0 28px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.msdg-story .msdg-cat{padding:3px 10px;border-radius:999px;background:#F3F4F6}