.sdg17-app{--ink:#1f2937;--muted:#667085;--line:#d9dee7;--soft:#f7f8fa;--accent:#176b5b;--accent2:#0f4f43;--ok:#176b5b;--bad:#9b2c2c;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;min-height:760px;position:relative;border:1px solid var(--line);box-sizing:border-box}.sdg17-app *{box-sizing:border-box}.sdg17-topbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);min-height:76px;padding:14px 20px 10px 268px;display:flex;align-items:center;justify-content:space-between;gap:20px}.sdg17-kicker{font-size:13px;font-weight:700;letter-spacing:.06em}.sdg17-progress-text{font-size:12px;color:var(--muted);margin-top:5px}.sdg17-top-actions{display:flex;gap:8px;flex-wrap:wrap}.sdg17-progressbar{position:absolute;left:268px;right:0;bottom:0;height:4px;background:#eef1f4}.sdg17-progressbar span{display:block;height:100%;width:0;background:var(--accent);transition:width .25s ease}.sdg17-sidebar{position:fixed;z-index:60;width:248px;top:0;bottom:0;background:#fff;border-right:1px solid var(--line);padding:18px 12px;overflow:auto}.sdg17-nav{display:block;width:100%;text-align:left;border:0;background:transparent;padding:11px 10px;margin:0 0 3px;font-size:13px;line-height:1.35;color:var(--ink);cursor:pointer;border-radius:6px}.sdg17-nav span{display:inline-block;width:25px;font-weight:700;color:var(--accent)}.sdg17-nav:hover,.sdg17-nav.active{background:var(--soft);font-weight:700}.sdg17-main{margin-left:248px;padding:34px;max-width:1400px}.sdg17-screen{display:none}.sdg17-screen.active{display:block}.sdg17-hero{max-width:880px;padding:28px 0 18px}.sdg17-eyebrow{font-size:13px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.sdg17-hero h1{font-size:36px;line-height:1.15;margin:10px 0 16px}.sdg17-hero p{font-size:18px;line-height:1.6;color:#374151}.sdg17-card-grid{display:grid;gap:16px}.sdg17-card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.sdg17-module-card,.sdg17-theory-card,.sdg17-panel,.sdg17-question,.sdg17-callout,.sdg17-result-card{border:1px solid var(--line);background:#fff;border-radius:8px}.sdg17-module-card{padding:22px;text-align:left;cursor:pointer;min-height:135px}.sdg17-module-card span{display:block;color:var(--accent);font-weight:700;margin-bottom:24px}.sdg17-module-card strong{font-size:17px}.sdg17-callout{margin-top:22px;padding:18px 20px;background:var(--soft);line-height:1.55}.sdg17-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:24px;border-bottom:1px solid var(--line);padding-bottom:18px}.sdg17-section-head>div{display:flex;gap:12px;align-items:baseline}.sdg17-section-head span{font-size:14px;font-weight:700;color:var(--accent)}.sdg17-section-head h2{font-size:28px;margin:0}.sdg17-section-head p{max-width:600px;margin:0;color:var(--muted);line-height:1.5}.sdg17-theory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sdg17-theory-card{padding:20px}.sdg17-card-index{font-size:12px;font-weight:700;color:var(--accent);margin-bottom:10px}.sdg17-theory-card h3{font-size:19px;margin:0 0 12px}.sdg17-theory-card p{font-size:14px;line-height:1.55;color:#3f4855;margin:0 0 10px}.sdg17-next-row{margin-top:22px;text-align:right}.sdg17-btn{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:6px;padding:10px 14px;font:700 13px Arial;cursor:pointer}.sdg17-btn:hover{background:var(--accent2)}.sdg17-btn-light{background:#fff;color:var(--ink);border-color:var(--line)}.sdg17-btn-light:hover{background:var(--soft)}.sdg17-question{padding:18px;margin-bottom:14px}.sdg17-question h3{font-size:16px;margin:0 0 14px;line-height:1.4}.sdg17-options{display:grid;gap:8px}.sdg17-option{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:6px;padding:11px 12px;cursor:pointer}.sdg17-option:hover{background:var(--soft)}.sdg17-option input{margin-top:2px}.sdg17-feedback{margin-top:10px;padding:10px 12px;border-radius:5px;font-size:13px;line-height:1.45;display:none}.sdg17-feedback.show{display:block}.sdg17-feedback.correct{background:#edf7f3;color:#155e50}.sdg17-feedback.incorrect{background:#fff2f2;color:#8a2727}.sdg17-fac-note{display:none;margin-top:10px;border-left:3px solid var(--accent);padding:8px 10px;background:var(--soft);font-size:13px}.sdg17-app.facilitator-mode .sdg17-fac-note{display:block}.sdg17-app:not(.facilitator-mode) .facilitator-only{display:none!important}.sdg17-appstep{border:1px solid var(--line);border-radius:8px;margin-bottom:14px;overflow:hidden}.sdg17-appstep-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;background:var(--soft);cursor:pointer}.sdg17-appstep-head strong{font-size:16px}.sdg17-appstep-body{padding:18px}.sdg17-appstep.collapsed .sdg17-appstep-body{display:none}.sdg17-enabler-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sdg17-panel{padding:16px}.sdg17-panel h4{margin:0 0 10px}.sdg17-checks{display:grid;gap:7px}.sdg17-checks label{display:flex;gap:8px;font-size:13px;line-height:1.35}.sdg17-pathway{display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr;align-items:center;gap:8px;margin-bottom:12px}.sdg17-arrow{text-align:center;font-weight:700;color:var(--accent)}.sdg17-select,.sdg17-rank-select,.sdg17-weakest{width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;background:#fff}.sdg17-map{display:grid;gap:8px;max-width:720px;margin:14px auto}.sdg17-map-node{border:1px solid var(--line);padding:13px 16px;border-radius:6px;text-align:center;background:#fff}.sdg17-map-node.primary{font-weight:700;border-color:var(--accent)}.sdg17-map-arrow{text-align:center;color:var(--accent);font-weight:700}.sdg17-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sdg17-result-card{padding:22px;text-align:center}.sdg17-result-card .num{font-size:36px;font-weight:700}.sdg17-result-card .label{font-size:13px;color:var(--muted)}.sdg17-summary{margin-top:18px;border:1px solid var(--line);padding:18px;border-radius:8px;line-height:1.55}.sdg17-toast{position:fixed;right:24px;bottom:24px;z-index:100;background:#111827;color:#fff;padding:12px 16px;border-radius:6px;font-size:13px}.sdg17-fac-table{width:100%;border-collapse:collapse;font-size:13px}.sdg17-fac-table th,.sdg17-fac-table td{border-bottom:1px solid var(--line);padding:9px;text-align:left;vertical-align:top}.sdg17-badge{display:inline-block;padding:3px 7px;border-radius:999px;font-size:11px;background:var(--soft)}@media(max-width:980px){.sdg17-sidebar{position:static;width:auto;border-right:0;border-bottom:1px solid var(--line);display:flex;overflow:auto;gap:4px}.sdg17-nav{min-width:210px}.sdg17-topbar{padding-left:16px;position:sticky}.sdg17-progressbar{left:0}.sdg17-main{margin-left:0;padding:20px}.sdg17-card-grid.four,.sdg17-theory-grid,.sdg17-enabler-grid,.sdg17-results-grid{grid-template-columns:1fr}.sdg17-section-head{display:block}.sdg17-section-head p{margin-top:10px}.sdg17-pathway{grid-template-columns:1fr}.sdg17-arrow{transform:rotate(90deg)}}

/* V1.0.1 layout refinements: theme-safe navigation, stronger title and aligned fixed navigation */
.sdg17-sidebar{
  background:#fff !important;
}
.sdg17-nav{
  background:#fff !important;
  color:var(--ink) !important;
  -webkit-appearance:none;
  appearance:none;
  box-shadow:none !important;
  text-shadow:none !important;
}
.sdg17-nav span{
  color:var(--accent) !important;
}
.sdg17-nav:hover,
.sdg17-nav.active{
  background:var(--soft) !important;
  color:var(--ink) !important;
}
.sdg17-kicker{
  font-size:22px;
  line-height:1.15;
  font-weight:700;
  letter-spacing:.025em;
}
.sdg17-hero h1{
  font-size:42px;
}

@media(min-width:981px){
  .sdg17-app{
    display:grid;
    grid-template-columns:248px minmax(0,1fr);
    grid-template-rows:auto 1fr;
    align-items:start;
  }
  .sdg17-sidebar{
    position:sticky;
    top:0;
    grid-column:1;
    grid-row:1 / 3;
    width:248px;
    height:100vh;
    align-self:start;
    padding-top:14px;
  }
  .sdg17-topbar{
    grid-column:2;
    grid-row:1;
    top:0;
    padding:10px 20px 10px 20px;
    min-height:76px;
  }
  .sdg17-progressbar{
    left:0;
  }
  .sdg17-main{
    grid-column:2;
    grid-row:2;
    margin-left:0;
    width:100%;
  }
}

@media(max-width:980px){
  .sdg17-kicker{font-size:18px;}
  .sdg17-hero h1{font-size:34px;}
  .sdg17-sidebar{background:#fff !important;}
  .sdg17-nav{background:#fff !important;color:var(--ink) !important;}
  .sdg17-nav:hover,.sdg17-nav.active{background:var(--soft) !important;color:var(--ink) !important;}
}

/* Intro SDG framework visual */
.sdg17-intro-visual{margin:20px 0 22px;background:#fff;border-radius:14px;overflow:hidden;border:1px solid #e6e9ee;}
.sdg17-intro-visual img{display:block;width:100%;height:auto;max-width:100%;}
@media (max-width: 700px){.sdg17-intro-visual{margin:14px 0 18px;border-radius:10px;}}

/* V1.1.0 controls, team registration and facilitator dashboard */
.sdg17-btn,.sdg17-btn-light{background:#000 !important;color:#fff !important;border-color:#000 !important;text-shadow:none !important;box-shadow:none !important}
.sdg17-btn:hover,.sdg17-btn-light:hover{background:#222 !important;color:#fff !important;border-color:#222 !important}
.sdg17-team-register{border:1px solid var(--line);border-radius:8px;padding:18px;margin-bottom:18px;background:var(--soft)}
.sdg17-team-register h3{margin:0 0 8px}.sdg17-team-register p{margin:0 0 14px;color:var(--muted);line-height:1.5}
.sdg17-team-fields{display:grid;grid-template-columns:180px minmax(220px,1fr) auto;gap:12px;align-items:end}.sdg17-team-fields label{display:grid;gap:6px;font-size:13px}.sdg17-team-fields select,.sdg17-team-fields input{width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}
.sdg17-team-active{margin-top:12px;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:6px}
.sdg17-fac-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px}.sdg17-fac-toolbar h3{margin:0 0 5px}.sdg17-fac-toolbar p{margin:0;color:var(--muted)}
.sdg17-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sdg17-team-card{border:1px solid var(--line);border-radius:8px;padding:16px;background:#fff}.sdg17-team-card-head{display:flex;justify-content:space-between;gap:10px}.sdg17-team-card-head span{font-size:12px;color:var(--muted)}
.sdg17-team-progress{height:8px;background:#eceff3;border-radius:99px;overflow:hidden;margin:13px 0}.sdg17-team-progress span{display:block;height:100%;background:#000}.sdg17-team-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sdg17-team-metrics div{text-align:center;border:1px solid var(--line);border-radius:6px;padding:9px 5px}.sdg17-team-metrics b,.sdg17-team-metrics small{display:block}.sdg17-team-metrics small{font-size:10px;color:var(--muted);margin-top:3px}.sdg17-team-updated{font-size:11px;color:var(--muted);margin:10px 0 0}
@media(max-width:760px){.sdg17-team-fields,.sdg17-team-grid{grid-template-columns:1fr}.sdg17-team-metrics{grid-template-columns:repeat(2,1fr)}.sdg17-fac-toolbar{display:block}.sdg17-fac-toolbar .sdg17-btn{margin-top:10px}}