/* A weekly rhythm of learning, project work and career preparation. */
body.roadmap10-review #progress.pt11-section {background:#fff;color:#173e34;}
.pt11-section>.section-inner {max-width:1220px;width:calc(100% - 80px);padding:92px 0 100px;border:0;}
.pt11-heading {text-align:center;margin:0 auto 48px;}
.pt11-heading h2 {margin:0;color:#173e34;font-size:clamp(38px,4.3vw,58px);font-weight:420;line-height:1.1;letter-spacing:-.05em;}
.pt11-heading p {margin:20px auto 0;color:#3b7868;font-size:20px;font-weight:400;line-height:1.5;letter-spacing:-.02em;}
.pt11-scene {position:relative;isolation:isolate;max-width:900px;margin:0 auto;}
.pt11-scene::before {content:'';position:absolute;inset:0;z-index:-1;border-radius:26px;background:radial-gradient(ellipse at 5% 100%,#e2ece6,transparent 65%),radial-gradient(ellipse at 100% 0%,#edf1e6,transparent 65%),#f5f9f6;}
.pt11-tracker {overflow:hidden;border:1px solid #cbded3;border-radius:26px;background:linear-gradient(120deg,#ffffffab,#ffffff65);backdrop-filter:blur(24px) saturate(1.12);-webkit-backdrop-filter:blur(24px) saturate(1.12);box-shadow:inset 0 1px 0 #fff,0 20px 44px -34px #214c3938;}
.pt11-topbar {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 34px;border-bottom:1px solid #335f441a;}
.pt11-title {display:flex;align-items:center;gap:11px;color:#254b3c;font-size:16px;font-weight:500;letter-spacing:-.02em;}
.pt11-title svg {width:22px;height:22px;fill:none;stroke:#008273;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.pt11-total {display:flex;align-items:baseline;gap:7px;font-size:12px;color:#527060;white-space:nowrap;}
.pt11-total strong {font-size:27px;font-weight:450;color:#086e5b;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.04em;}
.pt11-week {padding:28px 30px 30px;}
.pt11-calendar {width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;color:#496b58;}
.pt11-label-col {width:22%;}
.pt11-calendar th,.pt11-calendar td {border:0;text-align:center;padding:0;vertical-align:middle;}
.pt11-calendar thead th {height:57px;vertical-align:top;padding-top:14px;font-size:12px;font-weight:450;}
.pt11-calendar thead abbr {text-decoration:none;}
.pt11-calendar thead small {display:block;margin-top:5px;font-size:8px;font-weight:500;letter-spacing:.01em;color:#008273;}
.pt11-calendar thead .is-today {border-radius:12px 12px 0 0;color:#006e5c;}
.pt11-calendar tbody th {text-align:left;padding-left:6px;font-weight:450;}
.pt11-calendar tbody td {height:66px;}
.pt11-calendar .is-today {background:#dcede380;}
.pt11-calendar tbody tr:last-child .is-today {border-radius:0 0 12px 12px;}
.pt11-calendar thead .is-future {color:#809487;}
.pt11-activity-label {display:flex;align-items:center;gap:11px;font-size:13px;line-height:1.3;}
.pt11-activity-label svg {width:20px;height:20px;flex:none;fill:none;stroke:#53816c;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;}
.pt11-day-mark {position:relative;display:grid;place-items:center;width:34px;height:34px;margin:0 auto;border-radius:11px;border:1px solid #a8c5b64a;background:#ffffff63;color:#fff;transition:background .4s,border-color .4s;}
.pt11-day-mark svg {position:absolute;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:0;}
.pt11-day-mark i {width:3px;height:3px;border-radius:50%;background:#9db4a7;}
.pt11-calendar .is-complete .pt11-day-mark {background:#008273;border-color:#008273;}
.pt11-calendar .is-complete .pt11-day-mark svg {opacity:1;}
.pt11-calendar .is-complete .pt11-day-mark i {display:none;}
.pt11-calendar .is-pending .pt11-day-mark {border:1px solid #008273;background:#f3faf5;}
.pt11-calendar .is-pending .pt11-day-mark i {width:5px;height:5px;background:#008273;}
.pt11-calendar .is-future .pt11-day-mark {border-color:#a8c5b625;background:#ffffff2e;}
.pt11-calendar .is-future .pt11-day-mark i {background:#bccbc1;}
.pt11-today-action {display:flex;align-items:center;gap:16px;margin:0 34px;padding:24px 0 29px;border-top:1px solid #335f4420;}
.pt11-today-icon {display:grid;place-items:center;width:43px;height:45px;flex:none;border:1px solid #c0d9ca;border-radius:13px;background:#ffffff96;color:#16816a;}
.pt11-today-icon svg {width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;}
.pt11-today-copy {flex:1;min-width:0;}
.pt11-today-copy>span {display:block;color:#60806e;font-size:11px;line-height:1.4;margin-bottom:5px;}
.pt11-today-copy h3 {margin:0;color:#234d3d;font-size:19px;font-weight:450;line-height:1.3;letter-spacing:-.025em;}
.pt11-today-state {display:flex;align-items:center;gap:7px;font-size:11px;color:#217560;white-space:nowrap;}
.pt11-today-state i {display:grid;place-items:center;width:17px;height:17px;border:1px solid #008273;border-radius:50%;background:#008273;box-shadow:inset 0 0 0 4px #f1f7f2;}
.pt11-today-state svg {width:13px;height:13px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:0;}
.pt11-today-action.is-complete .pt11-today-state i {box-shadow:none;}
.pt11-today-action.is-complete .pt11-today-state svg {opacity:1;}
.pt11-sr {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media(max-width:700px) {
  .pt11-section>.section-inner {width:calc(100% - 36px);padding:62px 0 70px;}
  .pt11-heading {margin-bottom:34px;}
  .pt11-heading h2 {font-size:clamp(32px,8.8vw,42px);}
  .pt11-heading p {font-size:17px;max-width:360px;margin-top:17px;}
  .pt11-tracker,.pt11-scene::before {border-radius:21px;}
  .pt11-topbar {padding:23px;}
  .pt11-title {font-size:14px;gap:8px;}
  .pt11-total {font-size:10px;gap:5px;}
  .pt11-total strong {font-size:24px;}
  .pt11-week {padding:21px 19px 24px;}
  .pt11-calendar thead th {font-size:11px;height:54px;}
  .pt11-calendar tbody td {height:57px;}
  .pt11-activity-label {font-size:11px;gap:7px;}
  .pt11-activity-label svg {width:16px;height:16px;}
  .pt11-day-mark {width:27px;height:29px;border-radius:9px;}
  .pt11-day-mark svg {width:17px;height:17px;}
  .pt11-today-action {margin:0 23px;gap:12px;padding:22px 0 26px;}
  .pt11-today-copy h3 {font-size:17px;}
}
@media(max-width:480px) {
  .pt11-topbar {padding:22px 21px;}
  .pt11-title svg {width:20px;height:20px;}
  .pt11-week {padding:16px 13px 22px;}
  .pt11-label-col {width:25%;}
  .pt11-calendar thead th {font-size:9px;height:51px;}
  .pt11-calendar thead small {font-size:7px;}
  .pt11-calendar tbody th {padding-left:5px;}
  .pt11-calendar tbody td {height:50px;}
  .pt11-activity-label {font-size:10px;}
  .pt11-activity-label svg {display:none;}
  .pt11-day-mark {width:23px;height:26px;border-radius:8px;}
  .pt11-day-mark svg {width:15px;height:15px;}
  .pt11-today-action {display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:11px;row-gap:11px;margin:0 21px;padding:21px 0 24px;}
  .pt11-today-icon {width:36px;height:40px;border-radius:11px;grid-row:1 / 3;align-self:start;}
  .pt11-today-icon svg {width:21px;height:21px;}
  .pt11-today-copy>span {font-size:10px;}
  .pt11-today-copy h3 {font-size:16px;}
  .pt11-today-state {grid-column:2;font-size:10px;gap:6px;}
  .pt11-today-state i {width:15px;height:15px;}
}
@media(max-width:359px) {
  .pt11-section>.section-inner {width:calc(100% - 28px);}
  .pt11-topbar {padding:20px 17px;gap:10px;}
  .pt11-title {font-size:13px;gap:7px;}
  .pt11-title svg {width:18px;height:18px;}
  .pt11-total {font-size:9px;}
  .pt11-week {padding-left:9px;padding-right:9px;}
  .pt11-activity-label {font-size:9px;}
  .pt11-calendar thead th {font-size:8px;}
  .pt11-day-mark {width:20px;height:24px;border-radius:7px;}
  .pt11-today-action {margin:0 17px;}
  .pt11-today-copy h3 {font-size:15px;}
}
@media(prefers-reduced-motion:reduce) {.pt11-day-mark {transition:none;}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {.pt11-tracker {background:#f7faf7;}}