/* Visible context for the introductory lessons and symbolic chart readings. */
.content-context{padding-top:30px;padding-bottom:0}
.content-context-card{display:flex;gap:20px;align-items:flex-start;padding:25px 28px;border:1px solid #d6bd8880;border-radius:14px;background:linear-gradient(120deg,#fffdf7,#f5edda);color:#73603f}
.content-context-symbol{flex-shrink:0;display:grid;place-items:center;width:43px;height:47px;border:1px solid #c6a56280;border-radius:9px;color:#94702f;font:27px/1 var(--chinese);background:#fffaf0}
.content-context-card h2{font-family:var(--sans);font-size:16px;font-weight:600;letter-spacing:0;line-height:1.85;color:#654c25;margin:0 0 7px}
.content-context-card p{font-size:13px;line-height:1.95;margin:0;max-width:88ch}
.content-context-card p+p{margin-top:5px}
.chart-content-note{display:flex;gap:20px;align-items:baseline;padding:17px 21px;margin:0 0 25px;border:1px solid #d4bb8680;border-left:3px solid #b48c43;border-radius:10px;background:#f6edda;color:#735b34}
.chart-content-note strong{flex-shrink:0;font-size:13px;font-weight:600;color:#654b24}
.chart-content-note p{font-size:12px;line-height:1.95;margin:0}
.result-header .result-scope{max-width:68ch;font-size:12px;line-height:1.95;color:#79613b;margin:12px 0 0}
@media(max-width:800px){.content-context-card{padding:22px;gap:16px}.content-context-card h2{font-size:15px}.content-context-card p{font-size:12px}.chart-content-note{display:block}.chart-content-note p{margin-top:5px}}
@media(max-width:560px){.content-context{padding-top:23px}.content-context-card{padding:20px 18px;gap:12px;border-radius:12px}.content-context-symbol{width:31px;height:36px;font-size:22px}.content-context-card h2{font-size:14px;line-height:1.9}.content-context-card p{font-size:12px;line-height:2}.chart-content-note{padding:15px 17px;margin-bottom:20px}.chart-content-note strong,.chart-content-note p{font-size:12px}.result-header .result-scope{font-size:12px;line-height:2}}
@media print{.content-context-card,.chart-content-note{background:#fff;color:#333;border-color:#aaa;box-shadow:none;break-inside:avoid}.content-context-card h2,.chart-content-note strong{color:#222}.content-context-symbol{background:#fff;color:#444;border-color:#aaa}.chart-content-note{display:block;margin-bottom:15px;padding:10px 12px}.chart-content-note p{margin-top:4px}.result-header .result-scope{color:#333}}