/* Shared learning and measurement surfaces, using Synko's table-room palette. */
.learning-page{--lesson-edge:clamp(20px,4vw,72px);background:linear-gradient(150deg,#faf9f3,#eef3ed)}
.learning-hero{position:relative;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;min-height:290px;overflow:hidden;background:#073c30;color:#f8f5e9;padding:36px var(--lesson-edge);isolation:isolate}
.learning-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% 10%,#60806255,transparent 65%)}
.learning-hero-copy{max-width:760px;z-index:1}
.learning-hero .mini-eyebrow{color:#dec88d;letter-spacing:.18em}
.learning-hero h1{font:600 clamp(36px,4vw,66px)/1.08 var(--serif);margin:14px 0}
.learning-hero p{max-width:620px;line-height:1.7;color:#dee9df;margin:12px 0 18px}
.learning-hero .inline-link{color:#e7d4a5;border-bottom:1px solid #ad9454;padding-bottom:4px}
.learning-hero>img{width:100%;height:260px;object-fit:contain;mix-blend-mode:lighten;filter:drop-shadow(0 18px 22px #00180faa);transform:rotate(-4deg)}
.learning-courses{padding:36px var(--lesson-edge) 56px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px}
.learning-course{border:1px solid #d6dfd5;border-radius:22px;overflow:hidden;box-shadow:0 12px 30px #123d2410;background:#fff}
.course-visual{height:clamp(200px,20vw,340px);position:relative;background:#073c30;overflow:hidden}
.course-visual img{height:100%;width:100%;object-fit:cover;transition:transform .4s ease}
.learning-course:hover .course-visual img{transform:scale(1.025)}
.course-number{position:absolute;inset-inline-start:28px;bottom:20px;font:600 52px/1 var(--serif);color:#fff9e5;text-shadow:0 2px 10px #001c13;background:#073c30c9;border:1px solid #c8a76888;border-radius:50%;width:76px;height:76px;display:grid;place-items:center}
.course-body{padding:clamp(22px,2.5vw,38px);display:flex;align-items:stretch;flex-direction:column;gap:14px}
.course-body .mini-eyebrow{color:#796131;font-size:11px;letter-spacing:.14em}
.course-body h2{font:600 clamp(30px,2.6vw,44px)/1.1 var(--serif);margin:0;color:#123f32}
.course-body p{font-size:15px;line-height:1.65;margin:0;color:#52645b}
.course-body .course-format{font-size:13px;border-block:1px solid #e0e6dc;padding:14px 0;color:#405d4c}
.course-objectives{padding:0;list-style:none;counter-reset:objective;display:grid;gap:14px;margin:4px 0 8px}
.course-objectives li{counter-increment:objective;display:grid;grid-template-columns:25px 1fr;gap:10px;align-items:start;font-size:14px;line-height:1.55}
.course-objectives li:before{content:counter(objective);background:#eaf1e7;color:#1b5943;border-radius:50%;font-size:12px;width:25px;height:25px;display:grid;place-items:center}
.course-complete{align-self:start;background:#e1efe0;color:#16572f;font-size:12px;font-weight:600;padding:6px 12px;border-radius:20px}
.course-body .btn{min-height:48px}
.course-body label{font-size:14px;color:#204937;line-height:1.5}
.course-body .checkbox-label{display:flex;align-items:flex-start;gap:10px}
.course-conventions{padding:16px;background:#f5f6ef;border-radius:12px;border:1px solid #e0e5d8}
.course-conventions summary{font-weight:600;color:#23533e}
.course-conventions blockquote{margin:14px 0;padding-inline-start:14px;border-inline-start:2px solid var(--gold);font-size:14px;line-height:1.6}
.learning-coach{display:grid;grid-template-columns:1fr auto;gap:16px;padding:16px 26px;background:#fffaf0;border-block-end:1px solid #e5d6b2;color:#374c37}
.learning-coach strong{font-size:12px;letter-spacing:.04em;color:#7c612c}
.learning-coach p{font-size:14px;line-height:1.5;margin:4px 0 0;max-width:1000px}
.learning-coach details{max-width:440px;font-size:14px}.learning-coach summary{cursor:pointer;font-weight:600;padding:6px 0}
.learning-coach .small-button{margin-top:10px}
.agent-guide{background:linear-gradient(125deg,#edf4ec,#faf8ed);border:1px solid #d3dfd0;border-radius:14px;padding:20px;margin:20px 0}
.agent-steps{display:flex;gap:12px;justify-content:space-between;counter-reset:guide;list-style:none;padding:0;margin:0 0 18px}
.agent-steps li{counter-increment:guide;display:flex;gap:8px;align-items:center;font-size:12px;color:#25523c;font-weight:600}
.agent-steps li:before{content:counter(guide);width:24px;height:24px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;border:1px solid #a9bda7;background:#fff}
.agent-guide p{font-size:14px;line-height:1.6}.agent-guide summary{font-size:13px;cursor:pointer;font-weight:600}
.guide-example{font-size:12px;padding:14px;background:#0e382d;color:#e2ebdf;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere}
.guide-presets{display:flex;flex-wrap:wrap;gap:8px}.agent-diagnostic:not(:empty){background:#fff7df;border-inline-start:3px solid var(--gold);padding:14px;font-size:14px;line-height:1.6}
.live-shell .agent-insights,.live-shell .history-review{margin:24px var(--live-edge);padding:28px;min-width:0}
.agent-insights h2,.history-review h2{font-family:var(--serif);color:#163f31}.history-review:empty{display:none}
.agent-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:1px;background:#dde5d9;border:1px solid #dde5d9;border-radius:14px;overflow:hidden;margin:20px 0}
.agent-metric-grid>div{padding:18px 20px;background:linear-gradient(120deg,#fbfcf8,#f2f6ee)}
.agent-metric-grid dt{font-size:12px;color:#546454;line-height:1.5}.agent-metric-grid dd{margin:10px 0 0;font-size:23px;line-height:1.3;color:#174b37;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:600}
.measurement-note{font-size:13px;line-height:1.6;color:#576456;max-width:940px}
.agent-insights details,.review-operations{border-top:1px solid #dfe6dd;padding:16px 0}.agent-insights summary,.review-operations summary{cursor:pointer;color:#20503b;font-weight:600}
.agent-call-list{list-style:none;padding:0;font-size:13px;line-height:1.5}.agent-call-list li{display:flex;flex-wrap:wrap;gap:8px 18px;border-bottom:1px solid #e5eade;padding:12px 0}.agent-call-list time{color:#667366}.agent-call-list strong{overflow-wrap:anywhere}
.metric-error{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#8c442d;overflow-wrap:anywhere}.incident-note{padding:16px;background:#fff4da;border-radius:10px;color:#6c5223}
.review-operations p{font-size:14px;line-height:1.6;max-width:900px}.review-operations small{display:block;color:#617061;margin-bottom:12px}
.reflection-form{border-top:1px solid #dce5d6;margin-top:24px;padding-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}.reflection-form h3,.reflection-form>p,.reflection-form>label,.reflection-form>textarea{grid-column:1/-1;margin:0}.reflection-form h3{font:600 29px/1.2 var(--serif);color:#174b37}.reflection-form>p,.reflection-form label{font-size:14px;line-height:1.5}.reflection-form textarea{min-height:90px}.reflection-form button{justify-self:start}
.reflection-progress{display:flex;gap:10px;flex-wrap:wrap}.reflection-progress a{border:1px solid #d5e1d0;border-radius:10px;padding:12px;display:grid;gap:10px;font-size:13px;background:#f6f8f1}
#history-rows .small-button{display:block;margin-block:8px}#history-rows small{display:block;max-width:240px}
@media(max-width:800px){.learning-hero{grid-template-columns:1fr;min-height:250px}.learning-hero>img{position:absolute;inset-inline-end:-50px;bottom:0;width:55%;height:180px;opacity:.22}.learning-hero-copy{max-width:580px}.learning-courses{grid-template-columns:1fr;padding-top:22px;gap:22px}.course-visual{height:230px}.learning-coach{grid-template-columns:1fr;padding:14px 18px;gap:6px}.agent-steps{flex-wrap:wrap}.live-shell .agent-insights,.live-shell .history-review{margin:18px;padding:20px}.agent-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-metric-grid>div{padding:16px 12px}.agent-metric-grid dd{font-size:21px}.reflection-form{grid-template-columns:1fr}.reflection-form>*{grid-column:1!important}}
@media(prefers-reduced-motion:reduce){.course-visual img{transition:none}.learning-course:hover .course-visual img{transform:none}}

.result-hero .handwritten-left,.result-hero .handwritten-right{display:none}

.page-statistics .live-shell .stats-layout{display:block;min-height:0}
.page-statistics .sidebar{display:flex;align-items:center;justify-content:space-between;gap:24px;border:0;padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid var(--line)}
.page-statistics .live-shell .profile-card{padding:0;background:transparent;box-shadow:none;border:0;min-width:170px;text-align:start}
.page-statistics .profile-card p{margin:5px 0 0;font-size:13px}
.page-statistics .side-nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px}.page-statistics .side-nav a{padding:10px 12px;font-size:13px;height:auto;min-height:44px}
@media(max-width:600px){
 .page-statistics .sidebar{display:block;padding-bottom:14px;margin-bottom:18px}.page-statistics .side-nav{margin-top:10px}.page-statistics .side-nav a{padding:8px;font-size:12px}
 .page-statistics .table-history thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 .page-statistics .table-history,.page-statistics .table-history tbody{display:block}
 .page-statistics .table-history tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;padding:8px;margin:12px 0;background:#fbfcf8}
 .page-statistics .live-shell .table-history td{display:block;border:0;padding:8px;font-size:13px;overflow-wrap:anywhere}
 .page-statistics .table-history td:before{content:attr(data-label);display:block;color:var(--muted);font-size:11px;margin-bottom:5px}
 .page-statistics .table-history td:last-child{grid-column:1/-1;border-top:1px solid var(--line);margin-top:4px}
 .page-statistics .chart-card{padding:16px}.page-statistics .stats-grid-4{gap:8px}.page-statistics .metric-card{padding:14px;min-height:120px}
}