.blog-outcome-icon{flex:none}.blog-outcome-icon[data-outcome=pass]{color:#2f6b3e}.blog-outcome-icon[data-outcome=fail]{color:#c62828}.blog-lesson{--lesson-ink:#1b2722;--lesson-muted:#5c6660;--lesson-line:#dde5dc;--lesson-project:#3a7e49;--lesson-control:#8a938e;--lesson-pass:#2f6b3e;--lesson-pass-bg:#edf5ec;--lesson-fail:#c62828;--lesson-fail-bg:#fdeeee}.blog-lesson__body{display:flex;flex-direction:column;gap:.875rem;padding:1.125rem 1rem 1rem;color:var(--lesson-ink);font-size:.875rem;line-height:1.4}.blog-lesson__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem}.blog-lesson__title{margin:0;font-size:1rem;font-weight:600}.blog-lesson__switch{display:inline-flex;padding:2px;border-radius:8px;background:#eef1ee;box-shadow:inset 0 0 0 .5px rgb(27 39 34/.18)}.blog-lesson__switch button{min-height:32px;padding:0 .75rem;border-radius:6px;color:var(--lesson-muted);font-size:.8125rem;font-weight:500;cursor:pointer}.blog-lesson__switch button:has(.blog-outcome-icon){display:inline-flex;align-items:center;gap:.375rem}.blog-lesson__switch button[aria-pressed=true]{background:#fff;color:var(--lesson-ink);box-shadow:0 1px 2px rgb(27 39 34/.14)}@media (pointer:coarse){.blog-lesson__switch button{min-height:44px}}.blog-lesson__verdict{display:flex;align-items:flex-start;gap:.5rem;margin:0;padding:.625rem .75rem;border-radius:8px;font-weight:600}.blog-lesson__verdict[data-outcome=pass]{background:var(--lesson-pass-bg);color:var(--lesson-pass)}.blog-lesson__verdict[data-outcome=fail]{background:var(--lesson-fail-bg);color:var(--lesson-fail)}.blog-lesson__note{margin:0}.blog-lesson__legend,.blog-lesson__note{color:var(--lesson-muted);font-size:.8125rem}.blog-lesson__legend{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}.blog-lesson__legend p{display:inline-flex;align-items:center;gap:.4rem;margin:0}.blog-lesson__key{display:inline-block;width:1.25rem;height:3px;border-radius:2px}.blog-lesson__key--project{background:var(--lesson-project)}.blog-lesson__key--control{background:var(--lesson-control)}.blog-lesson__guide{position:absolute;top:0;bottom:0;width:1px;background:rgb(27 39 34/.3);pointer-events:none}.blog-lesson__point{position:absolute;width:10px;height:10px;border:2px solid #fff;border-radius:999px;transform:translate(-50%,-50%);pointer-events:none}.blog-lesson__point--project{background:var(--lesson-project)}.blog-lesson__point--control{background:var(--lesson-control)}.blog-lesson__tip{position:absolute;top:.25rem;display:flex;flex-direction:column;gap:.2rem;min-width:11rem;padding:.5rem .625rem;border:1px solid var(--lesson-line);border-radius:8px;background:#fff;box-shadow:0 4px 12px rgb(27 39 34/.12);font-size:.8125rem;font-variant-numeric:tabular-nums;pointer-events:none}.blog-lesson__tip[data-side=right]{transform:translateX(12px)}.blog-lesson__tip[data-side=left]{transform:translateX(calc(-100% - 12px))}.blog-lesson__tip p{display:flex;align-items:center;gap:.35rem;margin:0;white-space:nowrap}.blog-lesson__tip-title{font-weight:600}.blog-lesson__tip-range{margin-left:auto;padding-left:.5rem;color:var(--lesson-muted);font-size:.75rem}.blog-lesson__tip-gap{padding-top:.2rem;border-top:1px solid var(--lesson-line)}.blog-lesson__chart{display:grid;grid-template-columns:auto 1fr;grid-template-rows:11rem auto;-moz-column-gap:.5rem;column-gap:.5rem}.blog-lesson__axis-y{grid-row:1;margin:0;color:var(--lesson-muted);font-size:.75rem;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center}.blog-lesson__plot{position:relative;grid-row:1;grid-column:2;cursor:crosshair;touch-action:pan-y}.blog-lesson__plot:focus-visible{outline:2px solid var(--lesson-project);outline-offset:4px;border-radius:2px}.blog-lesson__chart svg{display:block;width:100%;height:100%;border-bottom:1px solid var(--lesson-line);border-left:1px solid var(--lesson-line);overflow:visible}.blog-lesson__axis-x{grid-column:2;display:flex;justify-content:space-between;margin:.25rem 0 0;color:var(--lesson-muted);font-size:.75rem}.blog-lesson__fan{transition:all .3s ease}.blog-lesson__fan--project{fill:rgb(58 126 73/.16)}.blog-lesson__fan--control{fill:rgb(138 147 142/.2)}.blog-lesson__chart[data-outcome=fail] .blog-lesson__fan--control{fill:rgb(198 40 40/.16)}.blog-lesson__line{stroke-width:2.5;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:all .3s ease}.blog-lesson__line--project{stroke:var(--lesson-project)}.blog-lesson__line--control{stroke:var(--lesson-control);stroke-dasharray:6 4}.blog-lesson__meter{display:flex;flex-direction:column;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--lesson-line)}.blog-lesson__meter-sum{margin:0;font-variant-numeric:tabular-nums}.blog-lesson__track{position:relative;height:10px;margin-bottom:1.25rem;border-radius:999px;background:#eef1ee}.blog-lesson__fill{position:absolute;inset:0 auto 0 0;border-radius:999px;transition:width .3s ease}.blog-lesson__meter[data-outcome=pass] .blog-lesson__fill{background:var(--lesson-pass)}.blog-lesson__meter[data-outcome=fail] .blog-lesson__fill{background:var(--lesson-fail)}.blog-lesson__mark{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--lesson-ink)}.blog-lesson__mark span{position:absolute;top:calc(100% + 2px);left:50%;transform:translateX(-50%);color:var(--lesson-muted);font-size:.75rem;white-space:nowrap}.blog-lesson__survey{margin:0;font-size:1rem}.blog-lesson__track--rate{margin-top:1.25rem;margin-bottom:0}.blog-lesson__zone{position:absolute;inset:0 0 0 auto;border-radius:0 999px 999px 0;background:repeating-linear-gradient(135deg,rgb(198 40 40/.16) 0 4px,rgb(198 40 40/.06) 4px 8px)}.blog-lesson__zone span{position:absolute;bottom:calc(100% + 4px);right:0;color:var(--lesson-fail);font-size:.75rem;font-weight:500;white-space:nowrap}.blog-lesson__scale{display:grid;grid-template-columns:1fr auto 1fr;margin:0;color:var(--lesson-muted);font-size:.75rem}.blog-lesson__scale span:last-child{text-align:right}.blog-lesson__gantt{display:flex;flex-direction:column;gap:.875rem}.blog-lesson__gantt-group{display:flex;flex-direction:column;gap:.375rem}.blog-lesson__gantt-approach{margin:0;font-weight:600}.blog-lesson__gantt-row{display:grid;grid-template-columns:minmax(0,1fr);gap:.125rem}.blog-lesson__gantt-step{margin:0;color:var(--lesson-muted);font-size:.8125rem}.blog-lesson__gantt-step strong{color:var(--lesson-ink);font-weight:600}.blog-lesson__gantt-lane{position:relative;display:flex;align-items:center;gap:.5rem;height:1.25rem;background:linear-gradient(var(--lesson-line),var(--lesson-line)) 0 /100% 1px no-repeat}.blog-lesson__gantt-bar{flex:none;height:10px;border-radius:999px;background:var(--lesson-pass);transition:width .3s ease}.blog-lesson__gantt-bar[data-open]{background:linear-gradient(90deg,var(--lesson-pass) 70%,rgb(47 107 62/.15))}.blog-lesson__gantt-years{position:relative;height:1rem;color:var(--lesson-muted);font-size:.75rem}.blog-lesson__gantt-years span{position:absolute;transform:translateX(-50%);white-space:nowrap}.blog-lesson__gantt-years span:first-child{transform:none}@media (min-width:640px){.blog-lesson__body{padding:1.375rem 1.5rem 1.25rem;font-size:.9375rem}.blog-lesson__gantt-row{grid-template-columns:17rem minmax(0,1fr);align-items:center;gap:1rem}.blog-lesson__chart{grid-template-rows:13rem auto}}@media (max-width:639px){.blog-lesson__tip{min-width:0}.blog-lesson__tip[data-side]{transform:none}.blog-lesson__tip[data-side=right]{left:auto!important;right:0}.blog-lesson__tip[data-side=left]{left:0!important}.blog-lesson__tip-range{display:none}}