.learning-figure{margin:20px 0;padding:12px;border:1px solid #dce3de;border-radius:8px;background:#fff;color:#172019;max-width:720px}
.learning-figure img{display:block;width:100%;height:auto;max-height:350px;object-fit:contain}
.learning-figure figcaption{font-size:13px;color:#465149;margin:4px 0 10px}
.learning-figure summary{cursor:pointer;min-height:44px;padding:10px 0;color:#086341;font-weight:650}
.learning-figure details p{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.learning-figure details img{margin-top:8px}
.learning-figure :focus-visible,.learning-table-wrap:focus-visible,.learning-context :focus-visible{outline:3px solid #0b7a53;outline-offset:3px}
.learning-table-wrap{max-width:100%;overflow-x:auto;margin:18px 0;border:1px solid #dce3de;border-radius:8px;background:#fff}
.app-page .notes-sections,.app-page .notes-section{min-width:0;max-width:100%}
.learning-table{border-collapse:collapse;width:100%;min-width:560px;font:14px/1.55 'Segoe UI',Arial,sans-serif;color:#172019;text-align:left}
.learning-table th,.learning-table td{padding:12px 14px;vertical-align:top;border-bottom:1px solid #dce3de;overflow-wrap:anywhere}
.learning-table thead{background:#e9f6ef}.learning-table tbody th{font-weight:650;width:26%}.learning-table tr:last-child>*{border-bottom:0}
.learning-context{max-width:1000px;margin:36px auto;padding:24px;border-top:1px solid #dce3de;color:#172019;font:15px/1.6 'Segoe UI',Arial,sans-serif;overflow-wrap:anywhere}
.learning-context h2{font-size:20px}.learning-context a{color:#086341}.learning-context nav{display:flex;flex-wrap:wrap;gap:12px 22px}.learning-context .learning-notice{border-left:3px solid #0b7a53;padding-left:14px}
.app-page .practice-card>.learning-figure{margin:0 auto 20px;width:100%}
.app-page .practice-card--visual{grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);align-items:start;gap:20px}
.app-page .practice-card--visual>.learning-figure{grid-column:1;margin:0}
.app-page .practice-card--visual>.flashcard-practice-frame{grid-column:2;grid-template-columns:32px minmax(0,1fr) 32px;gap:8px}
.app-page .practice-card--visual .card-nav-button{width:32px;height:48px;font-size:0}
.app-page .practice-card--visual .flashcard-card-stack{height:420px}
.app-page .practice-card--visual>.practice-source-row{grid-column:1/-1}
.app-page .practice-card--visual .flip-study-card,.app-page .practice-card--visual .flip-card-inner{min-height:420px}
.app-page .practice-card--visual .flip-card-face{padding:0}.app-page .practice-card--visual .flip-card-title{font-size:clamp(22px,2.2vw,30px);flex-shrink:0}
.app-page .practice-card--visual .flip-card-header{padding:18px 18px 0}.app-page .practice-card--visual .flip-card-scroll{padding:20px 18px 24px}
@media(max-width:850px){.app-page .practice-card--visual{grid-template-columns:minmax(0,1fr);gap:12px}.app-page .practice-card--visual>.flashcard-practice-frame,.app-page .practice-card--visual>.learning-figure{grid-column:1}.app-page .practice-card--visual .learning-figure img{max-height:190px}.app-page .practice-card--visual .flip-study-card,.app-page .practice-card--visual .flip-card-inner{min-height:300px}.app-page .practice-card--visual .flashcard-card-stack{height:300px}.app-page .practice-card--visual .learning-figure{padding:6px}.app-page .practice-card--visual .learning-figure figcaption{font-size:12px}.app-page .practice-card--visual .learning-figure summary{font-size:13px}}
@media(max-width:780px){.app-page .practice-card--visual>.flashcard-practice-frame{grid-template-columns:repeat(2,minmax(0,1fr))}.app-page .practice-card--visual .card-nav-button{width:100%;height:44px}}
@media(max-width:700px){.learning-figure{padding:8px}.learning-figure img{max-height:240px}.learning-context{margin:20px 12px;padding:16px 4px}.learning-table{min-width:520px}}