/* Shared educational layers: quiet rules, practical examples, readable data. */
.cupec-rebuild .learn-dialog { width:min(980px,94vw); max-width:none; max-height:92dvh; border:1px solid var(--rb-line); padding:0; margin:auto; background:var(--rb-paper); color:var(--rb-ink); overscroll-behavior:contain; }
.cupec-rebuild .learn-dialog::backdrop { background:#252d245c; }
.learn-dialog-bar { position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:14px 30px;background:var(--rb-paper);border-bottom:1px solid var(--rb-line);font:11px var(--rb-sans);letter-spacing:.08em;text-transform:uppercase; }
.learn-dialog-bar button { border:0;background:none;color:inherit;min-height:44px;cursor:pointer;font-size:14px; }
.learn-content { padding:40px clamp(22px,5vw,60px); font:15px/1.8 var(--rb-sans); }
.learn-page { max-width:1120px!important;padding:35px var(--rb-gutter) 80px; }
.learn-page .learn-content { padding:30px 0; }
.learn-content h1 { font-size:clamp(40px,5vw,64px); margin:0 0 22px; }
.learn-content h2 { font-size:clamp(26px,3vw,36px); margin:36px 0 14px; }
.learn-content p { max-width:780px; }
.learn-lead { font-size:19px;line-height:1.75; }
.learn-eyebrow { font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--rb-muted);margin:0 0 18px; }
.learn-flow { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:40px 0; }
.learn-flow>div { border-top:1px solid var(--rb-line);padding-top:20px; }
.learn-flow h2 { font-size:28px;margin:8px 0 14px; }
.learn-flow span { color:var(--rb-muted);font-size:11px; }
.learn-flow p { font-size:14px; }
.learn-controls { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px; }
.learn-controls label { display:block;font:12px/1.7 var(--rb-sans); }
.learn-controls input,.learn-controls select { display:block;width:100%;min-width:0;max-width:100%;margin-top:7px;border:1px solid #bfc8b6;padding:12px;background:var(--rb-paper);color:var(--rb-ink);font:16px var(--rb-sans);border-radius:0; }
.learn-example { margin:30px 0;padding:26px;background:#eff2e9;border:1px solid #d8ded0; }
.learn-example input:focus-visible,.learn-controls select:focus-visible { outline:2px solid #758a64;outline-offset:3px; }
.learn-result { display:flex;flex-wrap:wrap;gap:22px 32px;border-top:1px solid #c8d0be;margin-top:24px;padding-top:24px;font-size:14px; }
.learn-result>div { flex:1 1 180px; }
.learn-result strong { display:block;font:36px/1.1 var(--rb-serif); }
.learn-result span { display:block;font-size:13px;margin-top:10px; }
.learn-result p { flex-basis:100%;margin:0; }
.learn-note,.learn-source { font:12px/1.8 var(--rb-sans);color:var(--rb-muted); }
.learn-note { margin-top:22px; }
.learn-next { display:flex;flex-wrap:wrap;gap:20px 30px;border-top:1px solid var(--rb-line);margin-top:35px;padding-top:25px;font:13px/1.7 var(--rb-sans); }
.learn-financial-chart { display:block;width:100%;height:auto; margin:20px 0; }
.learn-financial-chart text { font:12px var(--rb-sans);fill:var(--rb-ink); }
.learn-company { margin-top:35px;padding-top:25px;border-top:1px solid var(--rb-line); }
.learn-table-scroll { overflow-x:auto; }
.learn-table-scroll table { border-collapse:collapse;width:100%;font-size:13px; }
.learn-table-scroll th,.learn-table-scroll td { padding:10px;text-align:right;border-bottom:1px solid var(--rb-line); }
.learn-table-scroll th:first-child { text-align:left; }
.learn-links { display:flex;flex-wrap:wrap;gap:12px 24px;margin:20px 0;font-size:13px;line-height:1.7; }
.learn-cards { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:30px 0; }
.learn-card { text-decoration:none;border-top:1px solid var(--rb-line);padding:22px 0;display:block; }
.learn-card strong { display:block;font:30px/1.15 var(--rb-serif);margin:14px 0; }
.learn-card>span { display:block;font-size:13px;line-height:1.7;color:var(--rb-muted); }
.learn-card:hover strong { color:#6d7d5d; }
.learn-card:focus-visible { outline-offset:4px; }
.learn-inline { margin:20px 0;border-top:1px solid var(--rb-line);border-bottom:1px solid var(--rb-line);padding:15px 0; }
.learn-inline summary { cursor:pointer;font-size:13px;line-height:1.7; }
.learn-inline .learn-example { margin-bottom:12px; }
.metrics .learn-metric,.dossier-stats .learn-metric { display:block;text-align:left;padding:0;border:0;background:none;color:inherit;width:100%;cursor:pointer; }
.metrics .learn-metric>span,.dossier-stats .learn-metric>span { text-decoration:underline;text-decoration-color:#b3bba9;text-underline-offset:4px; }
.learn-margin { padding:0;background:none;border:0;text-decoration:underline;text-underline-offset:4px;color:inherit;font:inherit;cursor:pointer; }
.learn-related { border-top:1px solid var(--rb-line);margin-top:25px;padding-top:20px; }
.learn-related h3 { font-size:25px!important; }
.learn-home-preview { display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid var(--rb-line);margin-top:55px;padding-top:35px;align-items:center; }
.learn-home-preview h3 { font-size:34px;line-height:1.1;max-width:380px; }
.learn-home-preview p { font-size:13px;line-height:1.8; }
.learn-preview-chart { display:block;text-decoration:none; }
.learn-preview-row { display:grid;grid-template-columns:95px 1fr 48px;gap:12px;align-items:center;margin:18px 0;font-size:11px; }
.learn-preview-track { height:12px;background:#e3e7dc; }
.learn-preview-track>span { display:block;height:100%;background:#81916f; }
.learn-preview-row:nth-child(2) .learn-preview-track>span { background:#a6aca0; }
.learn-preview-row b { font-weight:500; }
.learn-home-preview .learn-source { font-size:10px;margin:12px 0; }
@media(max-width:650px) {
  .cupec-rebuild .learn-dialog { width:100%;height:100dvh;max-height:100dvh;margin:0;border:0; }
  .learn-dialog-bar { padding:8px 22px;padding-top:calc(8px + env(safe-area-inset-top)); }
  .learn-content { padding:28px 22px 50px; }
  .learn-flow,.learn-cards,.learn-home-preview { grid-template-columns:1fr;gap:14px; }
  .learn-controls { grid-template-columns:1fr;gap:14px; }
  .learn-example { padding:20px; }
  .learn-lead { font-size:17px; }
  .learn-preview-row { grid-template-columns:90px 1fr 44px; }
  .learn-links a { min-height:44px;display:inline-flex;align-items:center; }
}
@media print { .cupec-rebuild .learn-dialog { display:none!important; } }

.learn-company { scroll-margin-top:90px; }
@media(max-width:650px) { .learn-financial-chart text { font-size:18px; } }