/* Additional case pages; fully self-contained, no external resources. */
@media (min-width:1120px){#home:not(.d1-home) .work-block .grid{grid-template-columns:repeat(3,minmax(0,1fr));}}

.case-added{--cp-ink:#18354b;--cp-muted:#668095;--cp-line:#dfe8ef;--cp-tint:#eff5f9;--cp-accent:#2d718f;background:#fafcfe;color:var(--cp-ink);}
.case-added main{max-width:1180px;margin:0 auto;padding:0 28px;}
.case-added .cp-hero{padding:92px 0 53px;border-bottom:1px solid var(--cp-line);}
.case-added .cp-eyebrow,.case-added .cp-num,.case-added .cp-overline{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:#3e839f;}
.case-added .cp-hero h1{font-size:clamp(42px,6vw,76px);line-height:1.09;letter-spacing:-3px;margin:26px 0 20px;font-weight:790;color:#1a3449;}
.case-added .cp-lead{font-size:17px;line-height:1.95;color:#607b8e;max-width:790px;}
.case-added .cp-chiprow{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0;}
.case-added .cp-chip{display:inline-flex;border:1px solid #d5e4ed;background:#edf5f8;border-radius:100px;font-size:12px;color:#3a708a;font-weight:700;padding:7px 12px;}
.case-added .cp-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:26px 0 0;margin-top:26px;border-top:1px solid var(--cp-line);}
.case-added .cp-meta div{min-width:0;}.case-added .cp-meta small{font-size:11px;color:#7a90a1;text-transform:uppercase;font-weight:700;letter-spacing:1px;display:block;margin-bottom:7px;}.case-added .cp-meta strong{display:block;font-size:13px;font-weight:780;overflow-wrap:anywhere;}
.case-added .cp-layout{display:grid;grid-template-columns:202px minmax(0,1fr);gap:60px;padding-top:54px;}
.case-added .cp-side{position:sticky;top:90px;align-self:start;display:flex;flex-direction:column;gap:3px;max-height:calc(100vh - 110px);overflow-y:auto;padding:10px 0;}
.case-added .cp-side a{text-decoration:none;color:#6b8497;padding:9px 11px;font-size:12px;line-height:1.2;border-left:2px solid transparent;}
.case-added .cp-side a:hover,.case-added .cp-side a:focus-visible{color:#276c8d;background:#eaf2f7;border-color:#4e90a8;}
.case-added .cp-content{min-width:0;}.case-added .cp-sec{scroll-margin-top:26px;padding:0 0 64px;margin:0 0 62px;border-bottom:1px solid var(--cp-line);}
.case-added .cp-sec:last-child{border-bottom:0;}.case-added .cp-sec h2{font-size:clamp(25px,3vw,34px);letter-spacing:-.7px;line-height:1.38;margin:14px 0 20px;color:#18394d;}
.case-added .cp-sec p{font-size:15px;line-height:1.92;color:#4c677a;margin:12px 0;}.case-added .cp-sec strong{color:#284c63;}
.case-added .cp-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px;}
.case-added .cp-sum,.case-added .cp-info-grid>div{border:1px solid var(--cp-line);border-radius:16px;background:white;padding:22px;}
.case-added .cp-sum small,.case-added .cp-info-grid small{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;font-weight:850;color:#3d869d;display:block;margin-bottom:10px;}
.case-added .cp-sum p{font-size:13px;margin:0;line-height:1.78;color:#486477;}
.case-added .cp-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;}.case-added .cp-info-grid strong{display:block;font-size:16px;}.case-added .cp-info-grid p{font-size:13px;}
.case-added .cp-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}.case-added .cp-points span{padding:9px 12px;border:1px solid #d6e2e9;border-radius:9px;background:#eef5f8;font-size:12px;color:#426b80;font-weight:700;}
.case-added .cp-quote{border-left:3px solid #4c91a8;background:#eef5f9;margin:23px 0;padding:25px 28px;color:#214d64;font-size:20px;line-height:1.7;font-weight:700;border-radius:0 13px 13px 0;}
.case-added .cp-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:25px 0;}.case-added .cp-flow>div{min-width:0;background:white;border:1px solid var(--cp-line);border-radius:14px;padding:18px;}.case-added .cp-flow small{display:block;color:#2c87a3;font-size:11px;letter-spacing:1px;font-weight:800;}.case-added .cp-flow b{display:block;margin:12px 0;font-size:14px;}.case-added .cp-flow p{font-size:12px;line-height:1.7;margin:0;}
.case-added .cp-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:22px 0;}.case-added .cp-principles>div{border-radius:14px;background:#eef5f9;padding:22px;border:1px solid #d9e7ee;}.case-added .cp-principles span{font-weight:850;color:#70a6b8;font-size:13px;}.case-added .cp-principles h3{font-size:14px;line-height:1.45;margin:12px 0 8px;}.case-added .cp-principles p{font-size:12px;margin:0;}
.case-added .cp-decision{padding:25px 0 36px;border-bottom:1px solid var(--cp-line);}.case-added .cp-decision:last-child{border-bottom:0;}.case-added .cp-decision h3{font-size:21px;line-height:1.45;margin:10px 0 19px;letter-spacing:-.3px;}.case-added .cp-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px;}.case-added .cp-duo>div{padding:17px;background:#f1f6f9;border-radius:12px;}.case-added .cp-duo strong{font-size:12px;color:#37738f;}.case-added .cp-duo p{font-size:13px;margin-bottom:0;}.case-added .cp-dimpact{padding:12px 0;font-size:13px!important;}
.case-added .cp-outcome{margin-top:22px;border:1px solid #d6e6ee;border-radius:12px;padding:17px 20px;display:flex;gap:14px;align-items:center;background:#edf5f8;}.case-added .cp-outcome b{color:#327c99;}.case-added .cp-outcome span{font-size:12px;color:#58778b;}
.case-added .cp-visual{margin:24px 0 9px;border:1px solid #dce6ed;border-radius:17px;overflow:hidden;background:#f4f8fb;}.case-added .cp-visual figcaption{padding:13px 16px;border-bottom:1px solid #dfe9ef;background:white;display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;}.case-added .cp-visual figcaption b{font-size:11px;color:#275771;}.case-added .cp-visual figcaption span{font-size:11px;color:#8499a9;}.case-added .cp-vispad{padding:20px;}
.case-added .cp-mono{font-weight:800;font-size:10px;letter-spacing:1.1px;color:#5d93a8;}
.case-added .cp-student-ui{display:grid;grid-template-columns:35% 65%;gap:0;background:white;border-radius:12px;box-shadow:0 10px 38px #a1bbc52c;min-height:275px;overflow:hidden;border:1px solid #d8e4eb;}.case-added .cp-student-sidebar{padding:20px;background:#f8fbfd;border-right:1px solid #dfebef;}.case-added .cp-student-main{padding:18px;min-width:0;}.case-added .cp-person{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:800;padding:17px 0;}.case-added .cp-person small{display:block;font-size:10px;font-weight:500;color:#8296a5;}.case-added .cp-avatar{display:grid;place-items:center;background:#d8e9f3;color:#226887;border-radius:50%;width:35px;height:35px;}.case-added .cp-dataline{display:flex;justify-content:space-between;gap:5px;padding:10px 0;border-bottom:1px solid #e4edf2;font-size:11px;color:#678397;}.case-added .cp-dataline b{font-size:11px;}.case-added .cp-stay{font-size:10px;line-height:1.4;background:#d9ecf3;color:#34748d;border-radius:7px;display:inline-block;padding:7px;margin-top:18px;font-weight:700;}.case-added .cp-stay.alt{background:#e8f0f5;margin-top:5px;}.case-added .cp-tabs{display:flex;gap:14px;overflow:auto;white-space:nowrap;border-bottom:1px solid #dde8ee;margin-bottom:22px;padding-bottom:12px;font-size:11px;color:#8ba1b0;}.case-added .cp-tabs b{color:#236d8d;}.case-added .cp-skeleton{height:9px;border-radius:8px;background:#dfeaf0;width:67%;margin:12px 0;}.case-added .cp-skeleton.long{width:92%;}.case-added .cp-skeleton.short{width:39%;}.case-added .cp-fake-meal{display:flex;gap:10px;margin:19px 0;}.case-added .cp-fake-meal span{background:#edf3f7;border:1px solid #d8e6ef;border-radius:10px;min-height:54px;flex:1;font-size:11px;color:#54768e;display:grid;place-items:center;text-align:center;}
.case-added .cp-meal-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:14px;}.case-added .cp-meal-photo,.case-added .cp-meal-comments{border:1px solid #e0e9f0;background:white;border-radius:12px;padding:15px;min-width:0;}.case-added .cp-photo-art{height:175px;display:grid;place-items:center;background:#e0e9df;border-radius:9px;}.case-added .cp-dish{width:138px;height:138px;border:11px solid #fff;box-shadow:0 4px 20px #97a49e77;border-radius:50%;background:#dfedcb;position:relative;}.case-added .cp-dish i{position:absolute;width:35px;height:25px;border-radius:70% 40% 65% 45%;background:#8bb58e;top:42px;left:25px;transform:rotate(20deg)}.case-added .cp-dish i:nth-child(2){background:#e4a27d;top:30px;left:65px;transform:rotate(-20deg)}.case-added .cp-dish i:nth-child(3){background:#f4cf77;top:70px;left:58px;transform:rotate(60deg)}.case-added .cp-dish i:nth-child(4){background:#b1c47a;top:67px;left:14px}.case-added .cp-dish i:nth-child(5){background:#98bea8;top:21px;left:12px}.case-added .cp-mini-controls{display:flex;align-items:center;justify-content:space-around;padding:9px 12px;font-size:11px;color:#5c8598;}.case-added .cp-mini-controls span:first-child,.case-added .cp-mini-controls span:last-child{font-size:17px;font-weight:750;}.case-added .cp-mini-controls.less{border-top:1px solid #e3edf1;}.case-added .cp-meal-comments small{font-size:10px;color:#4e8fa7;letter-spacing:1.5px;font-weight:800;}.case-added .cp-meal-comments h4{font-size:17px;margin:11px 0;}.case-added .cp-meal-comments p{font-size:12px;}.case-added .cp-fake-action{font-size:11px;border-radius:7px;padding:10px 12px;margin:9px 0;background:#f0f6f9;color:#52778b;}.case-added .cp-fake-action.selected{background:#d9ecf5;color:#21678c;font-weight:800;}.case-added .cp-fake-action.muted{opacity:.8;}
.case-added .cp-diet-board{border-radius:13px;background:white;border:1px solid #dde7ed;padding:21px;}.case-added .cp-diet-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;}.case-added .cp-diet-head small{display:block;color:#6196ab;font-size:10px;font-weight:800;letter-spacing:1px;}.case-added .cp-diet-head b{font-size:16px;}.case-added .cp-week{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;}.case-added .cp-day{border:1px solid #d9e7ee;background:#f0f6f9;border-radius:9px;padding:12px 6px;text-align:center;min-width:0;}.case-added .cp-day small{font-size:10px;display:block;color:#7e98a8;font-weight:850;}.case-added .cp-day b{font-size:11px;display:block;margin:13px 0;color:#3b6b83;}.case-added .cp-day span{font-size:10px;color:#5b91a4;}.case-added .cp-day.cp-exception{background:#eaf0fa;border-color:#88aac3;}.case-added .cp-diet-note{border-top:1px solid #e3ebf0;margin-top:16px;padding-top:14px;display:flex;gap:12px;align-items:start;}.case-added .cp-diet-note strong{font-size:12px;}.case-added .cp-diet-note p{font-size:11px;margin:1px 0;}.case-added .cp-marker{height:13px;width:13px;border-radius:50%;background:#8cb5d0;flex:none;margin-top:4px;}.case-added .cp-diet-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:7px;align-items:center;}.case-added .cp-diet-steps>div:not(.cp-step-arrow){background:white;border:1px solid #d9e6ed;border-radius:11px;padding:15px;min-height:110px;}.case-added .cp-diet-steps small{display:block;color:#679ab0;font-weight:800;}.case-added .cp-diet-steps b{display:block;font-size:13px;margin:9px 0;}.case-added .cp-diet-steps p{font-size:11px;line-height:1.55;margin:0;}.case-added .cp-step-arrow{font-size:20px;color:#86a6b7;}
.case-added .cp-matrix{background:white;border:1px solid #dae6ee;padding:13px;border-radius:12px;}.case-added .cp-matrix-h,.case-added .cp-matrix-row{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:6px;text-align:center;align-items:center;}.case-added .cp-matrix-h{font-size:10px;letter-spacing:.6px;color:#6790a5;}.case-added .cp-matrix-row{border-top:1px solid #e2edf1;padding:12px 0;}.case-added .cp-matrix-row b{font-size:11px;text-align:left;}.case-added .cp-state{padding:8px 3px;font-size:10px;border-radius:6px;background:#f0f4f6;color:#7a8e9d;}.case-added .cp-state.on{background:#e2f0f5;color:#427c91;}.case-added .cp-state.done{background:#e4f0e9;color:#448476;}.case-added .cp-matrix-caption{padding-top:11px;border-top:1px solid #e2edf1;color:#708999;font-size:11px;line-height:1.65;}
.case-added .cp-habit-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;}.case-added .cp-habit-compare>div:not(.cp-divider-arrow){border:1px solid #dce8ef;border-radius:12px;background:white;padding:18px;min-height:260px;}.case-added .cp-habit-compare small{font-size:10px;font-weight:800;color:#5b94aa;letter-spacing:1px;}.case-added .cp-habit-compare h4{font-size:14px;margin:10px 0 14px;}.case-added .cp-habit-compare p{font-size:11px;margin:13px 0;}.case-added .cp-many-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:190px;max-width:100%;margin:14px auto;}.case-added .cp-many-icons span{border-radius:9px;background:#e8eff4;padding:11px;color:#98b0c2;text-align:center;}.case-added .cp-many-icons.cp-header-icons{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;width:100%;margin:14px auto;}.case-added .cp-header-icons span{font-size:12px;line-height:1.4;padding:7px 0;border-radius:6px;color:#66889d;background:#e9f0f5;}.case-added .cp-divider-arrow{font-size:22px;color:#76a8bc;}.case-added .cp-habit-screen{border:1px solid #dce7ee;background:#f6fafc;padding:12px;border-radius:12px;}.case-added .cp-habit-screen strong{display:block;font-size:12px;margin:12px 0;}.case-added .cp-habit-task{border:1px solid #e0e9ef;background:white;border-radius:8px;margin:7px 0;padding:8px;font-size:11px;display:flex;gap:10px;align-items:center;}.case-added .cp-habit-task span:first-child{font-size:15px;color:#488fa8;}.case-added .cp-nav-bottom{display:flex;justify-content:space-around;border-top:1px solid #dee9ef;margin-top:12px;padding-top:10px;font-size:10px;color:#7895a7;}
/* Project card art is drawn in CSS to avoid leaking internal screenshots. */
.cp-project .cp-thumb{background:linear-gradient(135deg,#dcecf3 5%,#edf4f8 68%,#cfe1eb);display:flex;justify-content:center;align-items:center;padding:20px 16px;overflow:hidden;}.cp-project .cp-thumb .index-tag{position:absolute;top:12px;left:14px;z-index:2;}.cp-thumb-art{width:88%;height:74%;max-height:220px;display:flex;justify-content:center;align-items:stretch;box-shadow:0 12px 24px #86a5b63b;border-radius:11px;overflow:hidden;}.cp-cover-side{flex:0 0 31%;background:#f8fbfc;display:flex;flex-direction:column;align-items:center;padding:22px 10px;gap:11px;}.cp-cover-circle{display:grid;place-items:center;background:#bcd4e5;width:40px;height:40px;border-radius:50%;color:#477e97;}.cp-cover-side i{background:#dae6eb;height:8px;width:70%;border-radius:8px;}.cp-cover-main{flex:1;background:white;padding:15px;}.cp-cover-tabs{display:flex;gap:9px;}.cp-cover-tabs i{width:33px;height:8px;border-radius:6px;background:#a2cedb;}.cp-cover-picture{display:grid;place-items:center;height:65%;margin-top:11px;border-radius:8px;background:#e3ede7;color:#8fba9b;font-size:55px;}.cp-cover-lines i{display:block;background:#dfebef;height:7px;margin-top:8px;border-radius:5px;width:80%;}.cp-cover-lines i:nth-child(2){width:48%;}.cp-cover-plan{background:white;padding:20px;width:100%;}.cp-cover-plan span{font-size:11px;color:#7ca4b4;letter-spacing:1px;}.cp-cover-plan>div{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:18px 0;}.cp-cover-plan i{height:95px;background:#d9ebf1;border-radius:7px;}.cp-cover-plan i:nth-child(5){background:#aecbdc;}.cp-cover-plan b{display:block;color:#547b91;font-size:16px;}.cp-cover-phone{background:white;padding:24px 16px;margin:auto;align-self:stretch;width:min(55%,220px);border-radius:20px;border:7px solid #a3becd;}.cp-cover-phone small{display:block;font-size:10px;color:#86afbb;}.cp-cover-phone strong{display:block;margin:10px 0;font-size:14px;color:#37667f;}.cp-cover-phone>span{display:block;background:#ebf3f5;border-radius:7px;margin-top:10px;font-size:10px;padding:9px;color:#547787;}.cp-cover-phone>div{font-size:9px;color:#6c98a8;text-align:center;border-top:1px solid #dce8ee;margin-top:12px;padding-top:9px;}
@media(max-width:960px){.case-added .cp-layout{grid-template-columns:160px minmax(0,1fr);gap:28px;}.case-added .cp-flow{grid-template-columns:repeat(2,1fr);}.case-added .cp-principles{grid-template-columns:1fr;}.case-added .cp-week{grid-template-columns:repeat(4,1fr);}.case-added .cp-diet-steps{grid-template-columns:repeat(2,1fr);}.case-added .cp-step-arrow{display:none;}}
@media(max-width:700px){.case-added main{padding:0 19px;}.case-added .cp-hero{padding:51px 0 28px;}.case-added .cp-hero h1{letter-spacing:-1.9px;font-size:clamp(35px,9.3vw,50px);}.case-added .cp-lead{font-size:14px;}.case-added .cp-meta{grid-template-columns:repeat(2,1fr);gap:15px;}.case-added .cp-layout{display:block;padding-top:22px;}.case-added .cp-side{position:relative;top:auto;max-height:none;overflow:auto;flex-direction:row;white-space:nowrap;gap:1px;margin:0 -18px 30px;padding:10px 18px;border-bottom:1px solid var(--cp-line);}.case-added .cp-side a{border-left:0;border-bottom:2px solid transparent;padding:10px;font-size:11px;}.case-added .cp-sec{padding-bottom:40px;margin-bottom:42px;}.case-added .cp-summary,.case-added .cp-info-grid,.case-added .cp-duo,.case-added .cp-meal-grid{grid-template-columns:1fr;}.case-added .cp-flow{grid-template-columns:repeat(2,1fr);}.case-added .cp-flow>div{padding:12px;}.case-added .cp-quote{font-size:16px;padding:17px 19px;}.case-added .cp-student-ui{grid-template-columns:40% 60%;}.case-added .cp-student-sidebar{padding:11px;}.case-added .cp-student-main{padding:11px;}.case-added .cp-vispad{padding:12px;}.case-added .cp-tabs{gap:9px;}.case-added .cp-dataline{flex-direction:column;}.case-added .cp-diet-steps{grid-template-columns:repeat(2,1fr);}.case-added .cp-habit-compare{grid-template-columns:1fr;}.case-added .cp-divider-arrow{transform:rotate(90deg);text-align:center;}.case-added .cp-habit-compare>div:not(.cp-divider-arrow){min-height:auto;}.case-added .cp-week{grid-template-columns:repeat(4,1fr);}.case-added .cp-outcome{display:block;}.case-added .cp-outcome span{display:block;margin-top:5px;}}
@media(max-width:375px){.case-added .cp-flow{grid-template-columns:1fr 1fr;}.case-added .cp-meta{grid-template-columns:1fr 1fr;}.case-added .cp-matrix-h,.case-added .cp-matrix-row{grid-template-columns:1fr repeat(3,minmax(0,1fr));}.case-added .cp-week{grid-template-columns:repeat(3,1fr);}}

/* Selected Work: explicit path to full portfolio */
#home .work-block .selected-view-all{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;font-size:14px;font-weight:750;color:#235f8d;text-decoration:none;border-bottom:1px solid #bfd1df;padding:0 0 7px;transition:color .18s,border-color .18s}
#home .work-block .selected-view-all:hover,#home .work-block .selected-bottom-cta a:hover{color:#174c78;border-color:#174c78}
#home .work-block .selected-view-all:focus-visible,#home .work-block .selected-bottom-cta a:focus-visible{outline:3px solid #91b9da;outline-offset:5px;border-radius:3px}
#home .work-block .selected-description{font-size:14px;color:#688398;line-height:1.7;margin:-11px 0 27px}
#home .work-block .selected-bottom-cta{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-top:27px;padding:20px 23px;border-radius:13px;border:1px solid #dce8f1;background:#f2f7fb}
#home .work-block .selected-bottom-cta span{font-size:13px;color:#72889b}
#home .work-block .selected-bottom-cta a{font-size:14px;font-weight:800;color:#23679b;text-decoration:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
#home .work-block .selected-bottom-cta a span{color:inherit;font-size:16px}
@media(max-width:700px){#home .work-block .section-heading{display:flex;align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:20px}#home .work-block .selected-description{margin:0 0 22px}#home .work-block .selected-bottom-cta{align-items:flex-start;padding:19px;gap:10px;flex-direction:column}}

/* Student Monitoring: schematic before/after evidence, with no production data */
#student-monitoring .sm-compare {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;padding:18px;background:#f3f7fb;}
#student-monitoring .sm-compare-card {min-width:0;border:1px solid #dbe5ec;border-radius:15px;background:white;overflow:hidden;box-shadow:0 4px 20px #2147690a;}
#student-monitoring .sm-compare-head {display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 15px;border-bottom:1px solid #e4ebf0;}
#student-monitoring .sm-compare-head strong {font-size:13px;color:#27465e;}
#student-monitoring .sm-state {font-size:10px;font-weight:850;letter-spacing:.07em;padding:5px 8px;border-radius:6px;background:#edf1f4;color:#667987;}
#student-monitoring .sm-state.is-after {background:#dfeef9;color:#1e608a;}
#student-monitoring .sm-compare-desc {font-size:12px!important;line-height:1.7!important;color:#668092!important;margin:0!important;padding:0 15px 14px!important;min-height:60px;}
#student-monitoring .sm-screen {height:248px;display:flex;overflow:hidden;background:#f8fafc;margin:14px 13px 0;border:1px solid #e1e8ef;border-radius:9px;}
#student-monitoring .sm-screen * {box-sizing:border-box;}
#student-monitoring .sm-screen .sm-lines {display:flex;flex-direction:column;gap:7px;}
#student-monitoring .sm-screen .sm-lines i {height:6px;border-radius:3px;background:#d8e3ed;display:block;}
#student-monitoring .sm-screen .sm-lines i:nth-child(2n) {width:74%;}
#student-monitoring .sm-screen .sm-lines i:nth-child(3n) {width:55%;}
#student-monitoring .sm-oldnav {width:25%;flex-shrink:0;background:#138879;padding:11px 8px;display:flex;flex-direction:column;gap:8px;}
#student-monitoring .sm-oldnav i {display:block;border-radius:3px;background:#9cdbd1;height:7px;opacity:.85;}
#student-monitoring .sm-oldnav i:nth-child(3),#student-monitoring .sm-oldnav i:nth-child(7){margin-top:12px;}
#student-monitoring .sm-oldrail {width:8%;flex-shrink:0;background:#00a795;display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:12px;}
#student-monitoring .sm-oldrail i {width:14px;height:14px;display:block;border-radius:4px;background:#d3f5ee;opacity:.85;}
#student-monitoring .sm-oldrail i:nth-child(4){background:#e5ad42;}
#student-monitoring .sm-oldmain {flex:1;min-width:0;overflow:hidden;background:#f8fbfc;}
#student-monitoring .sm-toolbar {height:22px;background:white;border-bottom:1px solid #e1e8ec;display:flex;align-items:center;gap:7px;padding:0 10px;}
#student-monitoring .sm-toolbar i {display:block;height:5px;width:40%;background:#d2dee5;border-radius:2px;}
#student-monitoring .sm-toolbar i:nth-child(2){width:19%;}
#student-monitoring .sm-daterow {display:flex;gap:7px;padding:9px 7px;border-bottom:1px solid #e4ebee;}
#student-monitoring .sm-daterow i {height:13px;flex:1;border-radius:2px;background:#e4ebef;}
#student-monitoring .sm-oldtabs {height:20px;margin:5px 8px;background:linear-gradient(90deg,#abddd9 0 26%,#dfe6eb 26%);border-radius:3px;}
#student-monitoring .sm-record {margin:8px;background:white;border:1px solid #e2eaee;border-radius:4px;padding:10px;min-height:150px;}
#student-monitoring .sm-record .sm-rectfood {width:52%;height:66px;margin-top:12px;border-radius:4px;background:linear-gradient(135deg,#deebe4,#c8ddcf);position:relative;}
#student-monitoring .sm-record .sm-rectfood:after {content:'';width:34px;height:34px;border:6px solid #f8f9f5;position:absolute;left:14px;top:13px;border-radius:50%;background:#a8c28a;}
#student-monitoring .sm-newrail {width:7%;flex-shrink:0;background:#fdfefe;border-right:1px solid #e5edf3;display:flex;align-items:center;flex-direction:column;padding-top:13px;gap:15px;}
#student-monitoring .sm-newrail i {display:block;height:12px;width:12px;border:2px solid #a9bccb;border-radius:3px;}
#student-monitoring .sm-newrail i:nth-child(3){background:#80bed2;border-color:#80bed2;}
#student-monitoring .sm-newlist {width:18%;flex-shrink:0;background:#f6f9fb;border-right:1px solid #e5edf3;padding:14px 5px;}
#student-monitoring .sm-newlist i {display:block;height:13px;margin-bottom:9px;border-radius:3px;background:#d9e5ed;}
#student-monitoring .sm-newlist i:nth-child(3) {background:#b3d2e6;}
#student-monitoring .sm-newcontext {width:25%;flex-shrink:0;background:#fcfdff;border-right:1px solid #dce7ef;padding:10px 6px;display:flex;flex-direction:column;gap:7px;}
#student-monitoring .sm-newcontext .sm-avatar {width:23px;height:23px;border-radius:50%;background:#9fc8d1;margin:0 auto 4px;}
#student-monitoring .sm-newcontext .sm-contextcard {border:1px solid #dfe9ef;background:white;border-radius:4px;padding:7px 5px;}
#student-monitoring .sm-newcontext .sm-contextcard i {height:5px;background:#e0e9ef;display:block;margin-bottom:5px;border-radius:3px;}
#student-monitoring .sm-newcontext .sm-contextcard i:last-child {width:65%;margin-bottom:0;}
#student-monitoring .sm-newmain {flex:1;min-width:0;background:#f6f9fc;overflow:hidden;}
#student-monitoring .sm-newtabs {height:24px;background:#3377af;display:flex;align-items:flex-end;gap:4px;padding:3px 8px 0;}
#student-monitoring .sm-newtabs i {display:block;flex:1;height:12px;background:#bdd7e8;border-radius:5px 5px 0 0;opacity:.7;}
#student-monitoring .sm-newtabs i:nth-child(2){background:#fff;opacity:1;height:17px;}
#student-monitoring .sm-newdate {height:25px;background:#fff;display:flex;gap:8px;padding:8px;}
#student-monitoring .sm-newdate i {display:block;height:8px;flex:1;background:#d5e1ec;border-radius:3px;}
#student-monitoring .sm-newsummary {margin:6px;background:white;border:1px solid #dce9f4;border-left:7px solid #2b7cb7;padding:9px 7px;border-radius:4px;}
#student-monitoring .sm-newsummary .sm-bars {display:flex;gap:4px;margin-top:9px;}
#student-monitoring .sm-newsummary .sm-bars i {display:block;background:#8bc9d2;height:8px;flex:1;border-radius:3px;}
#student-monitoring .sm-newsummary .sm-bars i:nth-child(2){background:#aac7e8;}
#student-monitoring .sm-newsummary .sm-bars i:nth-child(3){background:#a6d6b7;}
#student-monitoring .sm-newdaily {background:#d6e6f6;height:22px;margin:6px;border-radius:3px;}
#student-monitoring .sm-newentry {height:46px;background:#fff;border:1px solid #dce6ed;margin:5px 6px;border-radius:4px;}
#student-monitoring .sm-compare-note {font-size:11px!important;margin:0!important;padding:2px 16px 14px!important;color:#8194a3!important;}
#student-monitoring .sm-callouts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 18px 18px;}
#student-monitoring .sm-callout {background:white;border:1px solid #dfe9f0;padding:13px 12px;border-radius:10px;}
#student-monitoring .sm-callout small {font-size:10px;font-weight:850;color:#46809f;letter-spacing:.09em;display:block;margin-bottom:7px;}
#student-monitoring .sm-callout strong {font-size:12px;line-height:1.45;display:block;color:#244861;}
#student-monitoring .sm-callout p {font-size:11px!important;line-height:1.6!important;margin:5px 0 0!important;color:#6e8799!important;}
#student-monitoring .sm-fignote {background:#f8fbfe;border-top:1px solid #e1ebf2;padding:12px 18px;font-size:11px;color:#688296;line-height:1.65;}
@media(max-width:900px){#student-monitoring .sm-compare{grid-template-columns:1fr;gap:12px;}#student-monitoring .sm-screen{height:210px;}#student-monitoring .sm-compare-desc{min-height:unset;}#student-monitoring .sm-callouts{grid-template-columns:1fr;}}
@media(max-width:380px){#student-monitoring .sm-compare{padding:10px;}#student-monitoring .sm-screen{height:175px;margin:10px 8px 0;}#student-monitoring .sm-compare-desc{padding:0 10px 12px!important;}#student-monitoring .sm-compare-head{padding:10px;}#student-monitoring .sm-newcontext .sm-contextcard{padding:3px;}}

/* Student Monitoring public-safe visual evidence */
.sm-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:24px}
.sm-mode-panel{border:1px solid #dfe8ef;background:#fff;border-radius:14px;overflow:hidden;min-width:0}
.sm-mode-heading{display:flex;justify-content:space-between;gap:8px;padding:14px 16px;align-items:center;font-size:14px}
.sm-mode-heading>span{font-size:10px;font-weight:700;letter-spacing:.11em;color:#45749a}
.sm-mode-screen{background:#eff5fb;border-top:1px solid #e4ebf1;border-bottom:1px solid #e4ebf1;margin:0 14px;padding:12px;min-height:210px}
.sm-mode-bar{display:flex;gap:6px;margin-bottom:12px}
.sm-mode-bar i{height:8px;width:18%;border-radius:10px;background:#c1d6e6}
.sm-mode-bar i:nth-child(2){width:12%;background:#78b0d4}
.sm-mode-summary{border-radius:6px;background:#c1dbec;padding:12px;margin-bottom:12px;display:flex;gap:6px}
.sm-mode-summary i{height:8px;width:28%;border-radius:4px;background:#fff;opacity:.9}
.sm-mode-total{display:flex;gap:7px;margin-bottom:12px}
.sm-mode-total span{flex:1;height:20px;border-radius:5px;background:#d4e5ee}
.sm-mode-entry{display:flex;gap:12px;background:#fff;border-radius:8px;padding:10px;margin-bottom:8px}
.sm-mode-entry>b{display:block;flex:0 0 34px;height:34px;border-radius:5px;background:#dce9e0}
.sm-mode-entry>div{flex:1;padding-top:2px}
.sm-mode-entry>div i{display:block;height:6px;background:#d8e0ea;border-radius:4px;margin-bottom:6px;width:88%}
.sm-mode-entry>div i:nth-child(2){width:56%}
.sm-mode-entry>div i:nth-child(3){width:68%;background:#bfd5e9}
.sm-mode-step .sm-mode-entry-focus{display:grid;grid-template-columns:55% 1fr;gap:9px;margin-top:15px;min-height:138px}
.sm-mode-bigphoto{background:#dbe8df;border-radius:9px;position:relative;overflow:hidden}
.sm-mode-bigphoto:before{content:'';position:absolute;width:80px;height:80px;border-radius:50%;background:#a7c5ab;left:calc(50% - 40px);top:22px;border:9px solid #f4f2db}
.sm-mode-bigphoto span{position:absolute;width:34px;height:22px;background:#d4bc8d;left:42%;top:50px;border-radius:60% 45% 45% 60%;transform:rotate(24deg)}
.sm-mode-detail{background:#fff;padding:13px 8px;border-radius:9px}
.sm-mode-detail i{display:block;height:7px;width:94%;border-radius:3px;background:#d6e2ee;margin:0 0 14px}
.sm-mode-detail i:nth-child(2){width:75%}.sm-mode-detail i:nth-child(3){width:88%}.sm-mode-detail i:nth-child(4){width:47%}
.sm-mode-pagination{display:flex;justify-content:center;gap:8px;margin-top:12px}
.sm-mode-pagination i{width:14px;height:5px;background:#b4d0e8;border-radius:6px}.sm-mode-pagination i:first-child{background:#3878b6}
.sm-mode-caption{padding:15px 16px 18px}.sm-mode-caption strong{display:block;margin-bottom:4px}.sm-mode-caption p{font-size:13px;line-height:1.65;color:#607286;margin:0}
.sm-mode-insight{padding:0 24px 24px}.sm-mode-insight b{font-size:12px;letter-spacing:.03em}.sm-mode-insight p{margin:6px 0 0;font-size:13px;line-height:1.7;color:#566c80}
.sm-review-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:24px}
.sm-review-item{border:1px solid #dfe8ef;background:white;border-radius:13px;padding:15px;min-width:0}
.sm-review-kicker{display:block;color:#547c9a;font-weight:700;font-size:10px;letter-spacing:.08em;margin-bottom:12px}
.sm-review-item strong{font-size:14px;display:block;margin-top:13px}
.sm-review-item p{font-size:12px;color:#617186;line-height:1.7;margin:7px 0 0}
.sm-review-preview,.sm-review-lines,.sm-review-skip{height:126px;border-radius:8px;background:#eef4f9;position:relative;overflow:hidden;padding:12px}
.sm-review-food{width:88px;height:84px;background:#d6e7d8;border-radius:9px;margin:auto;position:relative;display:flex;align-items:center;justify-content:center;gap:6px}
.sm-review-food i{width:19px;height:32px;border-radius:60% 30% 50% 40%;background:#a5c49b;transform:rotate(22deg)}
.sm-review-food i:nth-child(2){background:#e5c38b;width:24px;height:24px;border-radius:50%}
.sm-review-navigation{position:absolute;bottom:6px;left:0;right:0;display:flex;justify-content:center;gap:7px}
.sm-review-navigation span{font-size:13px;color:#47667f;background:#fff;padding:1px 7px;border-radius:8px}
.sm-review-lines>i{display:block;width:88%;height:7px;margin-bottom:11px;background:#c4d8e8;border-radius:4px}
.sm-review-lines>i:nth-child(2){width:60%}.sm-review-lines>i:nth-child(3){width:76%}
.sm-review-comment{background:#fff;border-radius:5px;padding:12px 9px;margin-top:12px}
.sm-review-comment i{display:block;width:95%;height:7px;margin-bottom:8px;background:#d8e5f0;border-radius:4px}.sm-review-comment i:nth-child(2){width:60%}
.sm-review-muted{filter:grayscale(.8);opacity:.55}
.sm-review-muted i{display:block;width:83%;height:11px;margin-bottom:13px;background:#bdcedb;border-radius:5px}.sm-review-muted i:nth-child(2){width:60%}
.sm-review-skipmark{position:absolute;right:12px;bottom:12px;font-size:11px;letter-spacing:.05em;color:#607c90;border:1px solid #a3b8ca;padding:3px 10px;border-radius:6px;background:#fff}
.sm-review-footnote{font-size:11px;color:#6b7e90;line-height:1.7;padding:0 24px 24px;margin:0}
@media(max-width:760px){.sm-mode-grid{grid-template-columns:1fr;padding:15px;gap:12px}.sm-mode-insight{padding:0 15px 20px}.sm-review-sequence{grid-template-columns:1fr;padding:15px}.sm-review-footnote{padding:0 15px 18px}}

/* Case evidence: synthetic meal overview in full-page editing illustration */
.sm-mode-overview{background:#fff;border-radius:8px;padding:10px 12px;margin:0 0 10px;border:1px solid #d7e6f0}
.sm-mode-overview-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:11px;color:#3b5f7b}
.sm-mode-overview-head span{color:#748a9c;font-size:10px}
.sm-mode-foodgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:10px}
.sm-mode-foodgrid>span{height:39px;background:#eaf3f3;border:1px solid #d2e6eb;border-radius:5px;display:flex;align-items:center;justify-content:center}
.sm-mode-foodgrid>span:nth-child(2){background:#f4f0e6}.sm-mode-foodgrid>span:nth-child(3){background:#e8f1df}.sm-mode-foodgrid>span:nth-child(4){background:#f0e8ed}
.sm-mode-foodgrid>span i{display:block;width:22px;height:14px;background:#a1bdc6;border-radius:10px 12px 8px 10px;transform:rotate(-13deg)}
.sm-mode-foodgrid>span:nth-child(2) i{background:#d6c28f;transform:rotate(15deg)}.sm-mode-foodgrid>span:nth-child(3) i{background:#a8c797}.sm-mode-foodgrid>span:nth-child(4) i{background:#c7a8b8;transform:rotate(28deg)}
.sm-mode-overview-bars{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}
.sm-mode-overview-bars i{height:7px;border-radius:8px;background:#b8d1e3}
.sm-mode-overview-bars i:nth-child(2){background:#bfd7ab}.sm-mode-overview-bars i:nth-child(3){background:#e4d0a4}.sm-mode-overview-bars i:nth-child(4){background:#c6b8de}
@media (max-width:380px){.sm-mode-overview-head{flex-wrap:wrap}.sm-mode-foodgrid>span{height:32px}}

/* Student Monitoring Decision 2: corrected visual comparison; both modes are synthetic and do not include client records. */
#student-monitoring .sm-mode-corrected .sm-mode-heading{align-items:flex-start;line-height:1.5;min-height:66px}
#student-monitoring .sm-mode-corrected .sm-mode-heading>span{white-space:nowrap;letter-spacing:0;font-size:11px;color:#2f7794;background:#edf6fa;border-radius:30px;padding:3px 8px}
#student-monitoring .sm-mode-corrected .sm-mode-screen{min-height:315px;background:#f2f7fb}
#student-monitoring .sm-mode-switch{display:flex;gap:5px;justify-content:center;margin:0 0 11px}
#student-monitoring .sm-mode-switch span{display:inline-flex;align-items:center;justify-content:center;background:#e1ebf4;color:#617d95;font-size:11px;font-weight:750;width:25px;height:25px;border-radius:50%}
#student-monitoring .sm-mode-switch span.is-active{background:#168ea9;color:white}
#student-monitoring .sm-mode-a-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:9px;height:205px}
#student-monitoring .sm-mode-a-photo{position:relative;background:#d8edef;border:1px solid #c5e0e6;border-radius:9px;min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center}
#student-monitoring .sm-mode-a-art{width:84%;height:75%;border-radius:10px;background:#b4d7d3;position:relative;display:flex;align-items:center;justify-content:center}
#student-monitoring .sm-mode-a-art i:first-child{display:block;background:#92bcb3;border:10px solid #e7edcf;width:85px;height:85px;border-radius:50%}
#student-monitoring .sm-mode-a-art i:last-child{display:block;width:28px;height:20px;background:#d9bc88;border-radius:50%;position:absolute;transform:rotate(-16deg)}
#student-monitoring .sm-mode-a-arrows{position:absolute;left:7px;right:7px;top:46%;display:flex;justify-content:space-between}
#student-monitoring .sm-mode-a-arrows span{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;background:#21556c;color:#fff;border-radius:50%;font-size:22px;line-height:1}
#student-monitoring .sm-mode-a-photo small{position:absolute;left:0;right:0;bottom:7px;text-align:center;font-size:10px;font-weight:650;color:#37677a}
#student-monitoring .sm-mode-a-edit{background:#fff;border:1px solid #dbe5ec;border-radius:9px;padding:11px 8px;overflow:hidden}
#student-monitoring .sm-mode-a-edit strong{display:block;color:#3c5d76;font-size:11px;margin-bottom:15px}
#student-monitoring .sm-mode-a-edit>i{display:block;width:88%;height:7px;margin:0 0 12px;border-radius:8px;background:#cbdce7}
#student-monitoring .sm-mode-a-edit>i:nth-child(3){width:72%}
#student-monitoring .sm-mode-a-edit>i:nth-child(4){width:90%}
#student-monitoring .sm-mode-a-note{background:#f4f8fb;border:1px solid #e1e8ef;border-radius:5px;padding:10px 7px;margin-top:20px}
#student-monitoring .sm-mode-a-note i{display:block;width:93%;height:6px;background:#d6e2ec;border-radius:5px;margin-bottom:7px}
#student-monitoring .sm-mode-a-note i:last-child{width:67%;margin-bottom:0}
#student-monitoring .sm-mode-a-bottom{display:flex;justify-content:space-between;gap:5px;margin-top:11px;font-size:10px;color:#356d86;font-weight:750}
#student-monitoring .sm-mode-a-bottom span{background:#fff;border:1px solid #dae6f0;border-radius:6px;padding:6px;flex:1;text-align:center}
#student-monitoring .sm-mode-b{display:flex;flex-direction:column;gap:4px}
#student-monitoring .sm-mode-b-overview,#student-monitoring .sm-mode-b-editor{background:#fff;border:1px solid #dae6ef;border-radius:9px;padding:10px}
#student-monitoring .sm-mode-b-label{display:flex;align-items:center;justify-content:space-between;gap:6px;line-height:1.45;margin-bottom:6px}
#student-monitoring .sm-mode-b-label b{font-size:11px;color:#385d77}
#student-monitoring .sm-mode-b-label small{font-size:9px;color:#66899a}
#student-monitoring .sm-mode-b .sm-mode-foodgrid{margin:0 0 6px}
#student-monitoring .sm-mode-b .sm-mode-foodgrid>span{height:26px}
#student-monitoring .sm-mode-b .sm-mode-foodgrid>span i{width:15px;height:9px}
#student-monitoring .sm-mode-b-comment{background:#ecf4fa;border-radius:4px;padding:4px 6px;font-size:10px;color:#567d94}
#student-monitoring .sm-mode-b-down{text-align:center;font-size:10px;font-weight:750;color:#5b859f}
#student-monitoring .sm-mode-b-editrow{display:grid;grid-template-columns:1fr 1.35fr;gap:9px;height:62px}
#student-monitoring .sm-mode-b-photo{border-radius:6px;background:#c4ded9;position:relative}
#student-monitoring .sm-mode-b-photo:after{content:'';width:21px;height:19px;border-radius:50%;background:#d8c294;position:absolute;top:18px;left:calc(50% - 10px)}
#student-monitoring .sm-mode-b-lines{padding-top:4px}
#student-monitoring .sm-mode-b-lines i{display:block;height:6px;margin:0 0 9px;background:#d5e1ea;border-radius:5px;width:96%}
#student-monitoring .sm-mode-b-lines i:nth-child(2){width:68%}
#student-monitoring .sm-mode-b-lines i:nth-child(3){width:81%}
#student-monitoring .sm-mode-b-back{text-align:center;background:#f5f8fb;border-top:1px solid #dbe6ee;margin:6px -10px -10px;padding:5px;font-size:10px;color:#55788f;font-weight:700;border-radius:0 0 9px 9px}
@media(max-width:760px){#student-monitoring .sm-mode-corrected .sm-mode-heading{min-height:0}#student-monitoring .sm-mode-corrected .sm-mode-screen{min-height:302px}}
@media(max-width:380px){#student-monitoring .sm-mode-a-layout{height:190px}#student-monitoring .sm-mode-a-art i:first-child{width:62px;height:62px}#student-monitoring .sm-mode-a-bottom{font-size:9px}#student-monitoring .sm-mode-b-label{flex-wrap:wrap}}

/* Mode B journey clarified: diary record → edit-mode overview/photos → individual rating → return to diary for meal comment. */
#student-monitoring .sm-mode-b-journey{display:flex;flex-direction:column;gap:5px;min-height:0;padding:10px;background:#f2f7fb}
#student-monitoring .sm-mode-b-stage{background:#fff;border:1px solid #dce7ef;border-radius:8px;padding:8px 9px;min-width:0}
#student-monitoring .sm-mode-b-stage-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.5}
#student-monitoring .sm-mode-b-stage-head b{font-size:11px;color:#315e79}
#student-monitoring .sm-mode-b-stage-head small{margin-left:auto;font-size:9px;color:#70879a}
#student-monitoring .sm-mode-b-num{background:#dcecf4;border-radius:50%;width:20px;height:20px;flex:none;display:inline-flex;justify-content:center;align-items:center;color:#2b7897;font-size:10px;font-weight:800}
#student-monitoring .sm-mode-b-diary-content{display:flex;align-items:center;gap:6px;margin-top:8px}
#student-monitoring .sm-mode-b-diary-content>i{height:24px;width:31px;background:#d6e9e9;border-radius:5px}
#student-monitoring .sm-mode-b-diary-edit{margin-left:auto;background:#e5f7fc;border:1px solid #9cd0e3;color:#246e89;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:750}
#student-monitoring .sm-mode-b-transition{color:#5f8299;font-size:10px;font-weight:730;text-align:center;line-height:1.4}
#student-monitoring .sm-mode-b-top-overview{background:#eaf3fb;border:1px solid #cfe2f0;padding:6px 7px;border-radius:6px;margin-top:7px}
#student-monitoring .sm-mode-b-top-overview>b,#student-monitoring .sm-mode-b-photo-row>b{display:block;font-size:10px;color:#446a84;line-height:1.35;margin-bottom:5px}
#student-monitoring .sm-mode-b-top-overview>div,#student-monitoring .sm-mode-b-photo-row>div{display:flex;gap:5px}
#student-monitoring .sm-mode-b-top-overview i{height:19px;min-width:0;flex:1;border-radius:4px;background:#c3d9e9}
#student-monitoring .sm-mode-b-top-overview i:nth-child(2){background:#d6e7cf}
#student-monitoring .sm-mode-b-top-overview i:nth-child(3){background:#efe1c8}
#student-monitoring .sm-mode-b-top-overview i:nth-child(4){background:#e5d9e6}
#student-monitoring .sm-mode-b-photo-row{margin-top:7px}
#student-monitoring .sm-mode-b-photo-row i{height:20px;width:35px;border-radius:4px;background:#b7dad9}
#student-monitoring .sm-mode-b-photo-row i:nth-child(2){background:#c9e2de}
#student-monitoring .sm-mode-b-photo-row i:nth-child(3){background:#deeae1}
#student-monitoring .sm-mode-b-rate-layout{display:grid;grid-template-columns:70px 1fr;gap:10px;margin-top:6px;align-items:center}
#student-monitoring .sm-mode-b-rate-photo{display:block;height:43px;border-radius:6px;background:#cae4e0;position:relative}
#student-monitoring .sm-mode-b-rate-photo:after{content:'';position:absolute;left:23px;top:12px;width:22px;height:20px;border-radius:55%;background:#dabf87}
#student-monitoring .sm-mode-b-rate-fields i{display:block;height:6px;margin:0 0 6px;border-radius:7px;background:#cfdfec;width:89%}
#student-monitoring .sm-mode-b-rate-fields i:nth-child(2){width:62%}
#student-monitoring .sm-mode-b-rate-fields i:nth-child(3){width:78%;margin-bottom:0}
#student-monitoring .sm-mode-b-return{font-size:10px;line-height:1.6;padding:7px 8px;background:#e4f2f6;border:1px dashed #91c2d4;border-radius:6px;color:#235b76;font-weight:750}
@media(max-width:760px){#student-monitoring .sm-mode-b-stage-head small{margin-left:auto}#student-monitoring .sm-mode-b-journey{padding:10px}}
@media(max-width:380px){#student-monitoring .sm-mode-b-stage-head small{margin-left:26px}#student-monitoring .sm-mode-b-rate-layout{grid-template-columns:56px 1fr}#student-monitoring .sm-mode-b-rate-photo:after{left:17px}}

/* Habit Module: anonymous three-state design evidence (AI prototype → LIFF / App).
   All elements are synthetic HTML/CSS; no production assets or account data. */
#habit-module .hm-evidence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
#habit-module .hm-evidence-card{min-width:0;background:#fff;border:1px solid #dbe5ec;border-radius:15px;padding:13px;display:flex;flex-direction:column;gap:12px}
#habit-module .hm-stage{min-height:43px;display:flex;flex-direction:column;gap:3px}
#habit-module .hm-stage span{font-size:10px;letter-spacing:1px;font-weight:800;color:#527d94}
#habit-module .hm-stage strong{font-size:13px;font-weight:800;color:#2f5266}
#habit-module .hm-phone{min-width:0;width:100%;min-height:292px;border:1px solid #d4e0e7;border-radius:18px;background:#f8fafb;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 7px 18px rgba(46,79,101,.07)}
#habit-module .hm-phone-head{min-height:42px;background:#fff;border-bottom:1px solid #e3e9ec;padding:9px 10px;display:flex;align-items:center;gap:7px;font-size:12px;color:#344b5f}
#habit-module .hm-phone-head b{font-size:12px;color:#2d3d4b}
#habit-module .hm-muted{color:#a4b1ba}
#habit-module .hm-avatar{width:21px;height:21px;background:#dce6eb;border-radius:50%;flex:0 0 auto}
#habit-module .hm-mini-more,#habit-module .hm-head-stat{margin-left:auto;font-size:16px;color:#567f92}
#habit-module .hm-proto-icons{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin:10px 7px 7px}
#habit-module .hm-proto-icons span{display:grid;place-items:center;min-height:25px;line-height:1;border-radius:6px;background:#e7eef8;color:#526f8f;font-size:12px}
#habit-module .hm-proto-icons span:nth-child(4),#habit-module .hm-proto-icons span:nth-child(5){background:#e9f3ee;color:#568b78}
#habit-module .hm-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;background:#fff;border-bottom:1px solid #e2e9ed;padding:9px 6px}
#habit-module .hm-weekdays span{text-align:center;font-size:10px;color:#94a4af}
#habit-module .hm-weekdays span:first-child{font-weight:900;color:#128e74}
#habit-module .hm-phone-content{padding:12px 10px 16px;flex:1;min-height:0;display:flex;flex-direction:column;gap:9px}
#habit-module .hm-proto-score{border-radius:11px;background:linear-gradient(130deg,#168f78,#136c61);color:white;min-height:65px;padding:10px;display:flex;flex-direction:column}
#habit-module .hm-proto-score small{color:#daf3ea;font-weight:600;font-size:9px;letter-spacing:0}
#habit-module .hm-proto-score strong{color:white;font-size:25px}
#habit-module .hm-proto-metrics{display:grid;grid-template-columns:1fr 1fr;gap:5px}
#habit-module .hm-proto-metrics span{background:white;border:1px solid #e6ecef;border-radius:8px;padding:12px 3px;font-size:9px;color:#758997;text-align:center}
#habit-module .hm-phone-section-title{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-top:4px;color:#355568;font-weight:800;font-size:12px}
#habit-module .hm-phone-section-title span{color:#13806b;font-weight:700;font-size:10px;white-space:nowrap}
#habit-module .hm-task-card{border-radius:11px;border:1px solid #e2e9ec;padding:10px 8px;background:#fff;display:flex;align-items:center;gap:6px;font-size:10px;color:#3a5769;min-height:46px}
#habit-module .hm-task-card i{display:grid;place-items:center;width:23px;height:23px;background:#e4f5ed;border-radius:7px;color:#17966c;font-size:15px;font-style:normal;flex:0 0 auto}
#habit-module .hm-task-card span:nth-child(2){flex:1;min-width:0}
#habit-module .hm-task-circle{border:2px solid #dae1e6;border-radius:50%;width:17px;height:17px;flex:0 0 auto}
#habit-module .hm-local-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border-top:1px solid #dce7e9;padding:11px 4px 12px;gap:3px}
#habit-module .hm-local-nav>*{text-align:center;font-size:10px;color:#667e8e;font-weight:700}
#habit-module .hm-local-nav b{color:#0a9676}
#habit-module .hm-global-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;background:#fff;border-top:1px solid #dde5e9;padding:11px 2px 12px}
#habit-module .hm-global-nav>*{color:#9aa9b3;font-size:9px;line-height:1.2;text-align:center}
#habit-module .hm-global-nav b{color:#0d9471}
#habit-module .hm-add-fab{margin-top:auto;align-self:flex-end;display:grid;place-items:center;background:#169e7b;color:white;width:34px;height:34px;border-radius:50%;font-size:23px;box-shadow:0 3px 9px rgba(22,100,83,.18)}
#habit-module .hm-evidence-card>p{font-size:11px;line-height:1.7;margin:0;color:#607988;flex:1}
#habit-module .hm-evidence-card>p strong{color:#31576b}
#habit-module .hm-visual-conclusion{margin-top:14px;padding-top:14px;border-top:1px solid #dfe9ee;display:flex;flex-direction:column;gap:6px}
#habit-module .hm-visual-conclusion b{font-size:13px;color:#315469}
#habit-module .hm-visual-conclusion span{font-size:12px;color:#557488;line-height:1.6}
@media(max-width:1000px){#habit-module .hm-evidence{grid-template-columns:1fr}#habit-module .hm-phone{max-width:340px;margin-left:auto;margin-right:auto}#habit-module .hm-evidence-card{padding:16px}#habit-module .hm-evidence-card>p{font-size:12px}}

/* Flexible Diet: retain seven chronological days in narrow viewports instead of wrapping to a misleading 4+3 grid. */
#flexible-diet-planning .fd-week-swipe-note{display:none}
@media(max-width:960px){
 #flexible-diet-planning .cp-week{grid-template-columns:repeat(7,minmax(96px,1fr));overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:9px;scrollbar-width:thin}
 #flexible-diet-planning .fd-week-swipe-note{display:block;font-size:11px;line-height:1.5;color:#668799;margin:7px 0 0}
}

/* Flexible Diet: structure-faithful, privacy-safe UI evidence reconstructed from four supplied screenshots. */
#flexible-diet-planning .fd-product-evidence .cp-vispad{padding:19px}
#flexible-diet-planning .fd-setting-visual{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.82fr);gap:16px;align-items:start}
#flexible-diet-planning .fd-ui-frame{background:#f8fafc;border:1px solid #d6e3ec;border-radius:12px;overflow:hidden;box-shadow:0 9px 24px #b2c6d121}
#flexible-diet-planning .fd-ui-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 15px;background:#eaf3f8;border-bottom:1px solid #d8e4ee;color:#23546b}
#flexible-diet-planning .fd-ui-bar b{font-size:13px}
#flexible-diet-planning .fd-ui-bar span{font-size:10px;color:#658598}
#flexible-diet-planning .fd-setting-panel{background:#fff;border:1px solid #e0e8ef;border-radius:9px;margin:11px;padding:13px 14px}
#flexible-diet-planning .fd-setting-panel>strong{display:block;font-size:13px;color:#245c77!important;border-left:3px solid #10a6bb;padding-left:9px;margin-bottom:12px}
#flexible-diet-planning .fd-ui-field{display:grid;grid-template-columns:87px minmax(0,1fr);gap:8px;align-items:center;margin:8px 0}
#flexible-diet-planning .fd-ui-field>span{font-size:11px;color:#4e6779}
#flexible-diet-planning .fd-ui-field i,#flexible-diet-planning .fd-range i{border:1px solid #e0e8ef;border-radius:6px;font-size:11px;font-style:normal;color:#8ba0af;background:#fbfcfe;min-height:28px;display:flex;align-items:center;padding:5px 9px;min-width:0}
#flexible-diet-planning .fd-range{display:flex;gap:5px;align-items:center;min-width:0}
#flexible-diet-planning .fd-range i{flex:1}
#flexible-diet-planning .fd-range em{font-size:10px;color:#7e98aa;font-style:normal}
#flexible-diet-planning .fd-muted-panel{background:#f5f9fb}
#flexible-diet-planning .fd-muted-panel>span{font-size:11px;color:#7e95a3}
#flexible-diet-planning .fd-visual-notes{display:grid;gap:10px}
#flexible-diet-planning .fd-visual-notes>div{background:#fff;border:1px solid #dce8ef;border-radius:12px;padding:16px}
#flexible-diet-planning .fd-visual-notes small{font-size:10px;font-weight:850;color:#3082a0;letter-spacing:.5px}
#flexible-diet-planning .fd-visual-notes strong{font-size:13px;display:block;margin:7px 0;color:#2c5368}
#flexible-diet-planning .fd-visual-notes p{margin:0;font-size:11px;line-height:1.65}
#flexible-diet-planning .fd-product-evidence .cp-matrix-caption{font-size:11px;line-height:1.65;color:#728a9b;margin-top:15px;padding-top:11px}
#flexible-diet-planning .fd-product-evidence .fd-stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#flexible-diet-planning .fd-stage{min-width:0;background:#fff;border:1px solid #dbe6ed;border-radius:13px;padding:15px;display:flex;flex-direction:column}
#flexible-diet-planning .fd-stage-heading{display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding-bottom:13px;border-bottom:1px solid #e6edf1;align-items:center}
#flexible-diet-planning .fd-stage-heading small{grid-column:1 / -1;font-size:10px;letter-spacing:1.5px;color:#3387a4;font-weight:850}
#flexible-diet-planning .fd-stage-heading strong{font-size:14px;color:#2c566b!important}
#flexible-diet-planning .fd-stage-heading>span{font-size:10px;color:#658498;text-align:right}
#flexible-diet-planning .fd-stage>p{font-size:11px;line-height:1.65;color:#547184;margin:11px 0 0}
#flexible-diet-planning .fd-mini-window{background:#f8fafc;border:1px solid #e0e9ef;border-radius:9px;margin:13px 0 0;min-height:212px;padding:11px}
#flexible-diet-planning .fd-mini-modal{background:#fff}
#flexible-diet-planning .fd-mini-modal-title{font-size:13px;color:#314c60;font-weight:850;margin-bottom:9px}
#flexible-diet-planning .fd-mini-tint{background:#edf6f9;border-radius:7px;padding:10px;margin-bottom:8px}
#flexible-diet-planning .fd-mini-tint small{display:block;font-size:9px;color:#7597a9}
#flexible-diet-planning .fd-mini-tint strong{display:block;font-size:11px;margin-top:3px}
#flexible-diet-planning .fd-mini-subtitle{font-size:10px;color:#35677e;font-weight:850;margin:9px 0 6px}
#flexible-diet-planning .fd-mini-compact{display:grid;grid-template-columns:73px minmax(0,1fr);align-items:center;gap:5px;margin-top:6px}
#flexible-diet-planning .fd-mini-compact>span{font-size:10px;color:#556d7d}
#flexible-diet-planning .fd-mini-compact i{display:block;padding:6px;border:1px solid #e4ecf0;border-radius:5px;background:#fafcfd;color:#8297a7;font-size:10px;font-style:normal}
#flexible-diet-planning .fd-mini-button{background:#13a1b7;border-radius:6px;text-align:center;padding:9px;margin-top:11px;color:#fff;font-size:10px;font-weight:850}
#flexible-diet-planning .fd-mini-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:3px 0 12px;font-size:11px;color:#40687b}
#flexible-diet-planning .fd-mini-toolbar span{font-size:10px;color:#7293a8;white-space:nowrap}
#flexible-diet-planning .fd-mini-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
#flexible-diet-planning .fd-mini-week>div{border:1px solid #e0e8ef;background:white;border-radius:4px;min-width:0;min-height:119px;padding:6px 2px;display:flex;flex-direction:column;align-items:center;gap:10px}
#flexible-diet-planning .fd-mini-week b{font-size:9px;color:#69899b}
#flexible-diet-planning .fd-mini-week span{font-size:9px;color:#fff;background:#518bbd;border-radius:3px;padding:3px 2px;max-width:100%;white-space:nowrap}
#flexible-diet-planning .fd-mini-week small{font-size:9px;color:#758c9b;text-align:center;line-height:1.3}
#flexible-diet-planning .fd-mini-week .fd-exception{border-color:#41a4a2;background:#f1fbf7}
#flexible-diet-planning .fd-mini-week .fd-exception span{background:#318ca0}
#flexible-diet-planning .fd-mini-week-explain{font-size:10px;text-align:center;color:#698599;margin-top:12px}
#flexible-diet-planning .fd-mini-placeholder{border:1px dashed #d7e3ea;border-radius:6px;background:#f3f7fa;color:#8ba0ae;font-size:10px;text-align:center;padding:13px 6px}
#flexible-diet-planning .fd-design-insight{background:#eaf3f8;border:1px solid #d4e6ee;border-radius:10px;padding:16px 18px;margin-top:14px}
#flexible-diet-planning .fd-design-insight strong{display:block;font-size:13px;color:#2c5970}
#flexible-diet-planning .fd-design-insight p{font-size:12px;line-height:1.75;margin:7px 0 0}
@media(max-width:850px){#flexible-diet-planning .fd-setting-visual{grid-template-columns:1fr}#flexible-diet-planning .fd-visual-notes{grid-template-columns:repeat(3,minmax(0,1fr))}#flexible-diet-planning .fd-visual-notes>div{padding:12px}}
@media(max-width:700px){#flexible-diet-planning .fd-product-evidence .cp-vispad{padding:10px}#flexible-diet-planning .fd-product-evidence .fd-stage-grid{grid-template-columns:1fr}#flexible-diet-planning .fd-visual-notes{grid-template-columns:1fr}#flexible-diet-planning .fd-stage{padding:12px}#flexible-diet-planning .fd-stage-heading{grid-template-columns:1fr}#flexible-diet-planning .fd-stage-heading>span{text-align:left}#flexible-diet-planning .fd-ui-bar{flex-wrap:wrap}#flexible-diet-planning .fd-ui-field{grid-template-columns:76px minmax(0,1fr)}}