/* A reading desk for static and dynamic observation, with progressive detail. */
.observation-desk{max-width:1160px;margin-inline:auto}
.observation-desk .body-check-selector{gap:8px;padding:6px;background:#e8ecdf;border:1px solid #d3dcc8;border-radius:12px;margin-bottom:18px}
.observation-desk .body-check-selector button{border-radius:8px;min-height:48px;font-weight:650}
.observation-desk .body-check-selector button[aria-pressed=true]{background:#284d3f;color:#fffdf4;box-shadow:0 3px 8px #16362612}
.observation-desk .body-phase-tabs{padding-bottom:16px;border-bottom:1px solid #d2dacb}
.observation-desk .observation-heading{padding:24px 0 20px}
.observation-desk .observation-heading h2{font-size:clamp(28px,3vw,38px);line-height:1.2}
.observation-desk .observation-counter{font-size:12px;padding:7px 11px;border:1px solid #d6ddce;border-radius:20px;background:#f6f7ef;margin-top:9px}
.observation-desk .observation-orientation{border:1px solid #d4dbca;border-left:3px solid #b78945;border-radius:10px;padding:14px 18px;margin-bottom:24px;background:#f2f3e9}
.observation-orientation span{font-size:13px;line-height:1.6}.observation-orientation b{font-size:11px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}
.observation-lesson-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(250px,1fr);gap:24px;align-items:start}
.observation-section-heading{margin:0 0 14px}.observation-section-heading h3{margin:0 0 5px;font-size:18px}.observation-section-heading>span{font-size:13px;color:#63715d}
.observation-desk .observation-point{border-radius:10px;box-shadow:0 3px 12px #30473604}
.observation-desk .observation-point>summary{align-items:flex-start;padding:18px;gap:14px;font-size:16px;line-height:1.4}
.observation-desk .observation-point>summary small{font-size:13px;line-height:1.5;font-weight:450;margin-top:6px;max-width:60ch}
.observation-desk .observation-number{border-radius:8px;width:32px;height:32px;background:#f8f3e7;border-color:#ded1b6;margin-top:1px;font-variant-numeric:tabular-nums}
.observation-desk .observation-point[open]>summary{background:#eaf0e4;border-bottom:1px solid #d1ddc6}
.observation-desk .observation-point-body{padding:4px 20px 20px}
.observation-desk .observation-explain{grid-template-columns:1fr;gap:0}
.observation-point-body :is(p,li){font-size:15px;line-height:1.7}
.observation-test{padding:4px 0 12px}.observation-test h3{font-size:14px;color:#385d48;margin:10px 0 5px}.observation-test p{margin:0}
.observation-desk .observation-example{background:#f6f0e2;border:1px solid #e9dfc8;border-radius:8px;margin:12px 0}.observation-example p{margin:0}
.observation-desk .observation-limit{font-size:13px;line-height:1.65;padding:8px 0 8px 12px;background:#f6f7f0;margin-bottom:0}
.observation-reading-guide{display:grid;gap:12px;min-width:0;padding-top:0}
.observation-principle{background:#284d3f;color:#fffaf0;border-radius:12px;padding:23px}.observation-principle .eyebrow{font-size:10px;letter-spacing:.13em;color:#e6c88e}.observation-principle h3{font-family:Georgia,serif;font-weight:400;font-size:25px;line-height:1.2;color:inherit;margin:10px 0 14px}.observation-principle p{font-size:15px;line-height:1.75;margin:0;color:#eef2e7}
.observation-decision{padding:16px 18px;border:1px solid #d6decc;border-radius:10px;background:#f2f5eb}.observation-decision h3{font-size:14px;line-height:1.4;margin:0 0 8px}.observation-decision p{font-size:14px;line-height:1.7;color:#53644f;margin:0}
.observation-vocabulary,.observation-evidence{border:1px solid #d3dbc9;background:#fffef9;border-radius:10px;overflow:hidden}
.observation-vocabulary>summary,.observation-evidence>summary{cursor:pointer;min-height:52px;padding:16px;font-size:14px;font-weight:650;line-height:1.45}
.observation-vocabulary dl{margin:0;padding:0 18px}.observation-vocabulary dl>div{border-top:1px solid #e3e6dc;padding:12px 0}.observation-vocabulary dt{font-size:14px;font-weight:700;color:#345842}.observation-vocabulary dd{margin:5px 0 0;font-size:14px;line-height:1.65;color:#52624e}.observation-vocabulary>p{padding:0 18px 14px;margin:0;font-size:12px;line-height:1.6;color:#69715f}
.observation-reading-guide .observation-photo>summary{min-height:58px;padding:16px;font-size:14px}.observation-reading-guide .observation-photo>summary small{font-size:12px;line-height:1.4}.observation-reading-guide .body-lesson-photo{display:block}.observation-reading-guide .body-lesson-photo header{flex-wrap:wrap}.observation-reading-guide .body-lesson-photo img{max-height:350px;width:100%;object-fit:contain}.observation-reading-guide .body-lesson-photo figcaption{font-size:13px;padding:14px}.observation-reading-guide .body-lesson-photo :is(p,li){font-size:13px;line-height:1.65}.observation-reading-guide .body-lesson-photo h4{font-size:17px}
.observation-desk .observation-extras{margin-top:24px;padding-top:22px;border-top:1px solid #d1dac7}.observation-desk .observation-extras>details>summary{font-size:15px;min-height:58px}.observation-evidence summary small{font-weight:400;font-size:12px;display:block;margin:5px 0 0;color:#68765e}.observation-evidence>div{padding:0 20px 18px}.observation-evidence p{font-size:14px;line-height:1.7}.observation-evidence ul{font-size:14px;line-height:1.7;padding-left:20px}
@container workspace (max-width:870px){.observation-lesson-layout{grid-template-columns:1fr;gap:18px}.observation-reading-guide{grid-template-columns:1fr 1fr}.observation-principle{grid-column:1/-1}.observation-reading-guide .observation-photo{grid-column:1/-1}.observation-principle h3{font-size:23px;margin-bottom:10px}}
@media(max-width:600px){.observation-reading-guide{grid-template-columns:1fr}.observation-desk .observation-heading{padding:20px 0 16px}.observation-desk .observation-heading h2{font-size:29px}.observation-desk .observation-point>summary{padding:14px;gap:10px}.observation-desk .observation-point-body{padding:4px 15px 17px}.observation-desk .observation-orientation{padding:12px 14px}.observation-principle{padding:20px}.observation-desk .observation-counter{margin-top:6px}.observation-desk .body-phase-tabs button{flex:1 1 125px}}
@media print{.observation-lesson-layout{display:block}.observation-reading-guide{break-inside:avoid}.observation-principle{color:#264b3e;background:#f1f3e9}.observation-principle p{color:inherit}}

.observation-metric-help{border-top:1px solid #d9dfd1;margin-top:14px}.observation-metric-help>summary{font-size:14px;padding:14px 0;cursor:pointer;font-weight:650}.observation-metric-help dl{margin:0}.observation-metric-help dl>div{padding:10px 0;border-top:1px solid #e6e9e0}.observation-metric-help dt{font-size:14px;font-weight:650}.observation-metric-help dd{font-size:14px;line-height:1.65;margin:5px 0 0}
.observation-vocabulary>summary,.observation-evidence>summary{list-style:none;position:relative;padding-right:44px}.observation-vocabulary>summary::-webkit-details-marker,.observation-evidence>summary::-webkit-details-marker{display:none}.observation-vocabulary>summary::after,.observation-evidence>summary::after{content:'+';position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:400;color:#65724f}.observation-vocabulary[open]>summary::after,.observation-evidence[open]>summary::after{content:'−'}