/* Compact, decorative illustrations and shared reading cues for columns only. */
.inner-page.column-reading-page #main .column-answer{border-radius:24px;background:#f3fbf8}
.inner-page.column-reading-page #main .column-answer-illustrated{display:grid;grid-template-columns:minmax(0,1fr) 176px;column-gap:22px;row-gap:0;align-items:start}
.inner-page.column-reading-page #main .column-answer-illustrated>h2{grid-column:1;grid-row:1}
.inner-page.column-reading-page #main .column-answer-copy{grid-column:1;grid-row:2;min-width:0}
.inner-page.column-reading-page #main .column-answer .column-answer-copy>p{font-size:17px;line-height:1.95;margin:10px 0 0;max-width:50em}
.inner-page.column-reading-page #main .column-answer .column-answer-copy>.column-answer-title{font-size:21px;line-height:1.7;font-weight:600;color:#153e33;margin:0 0 12px}
.inner-page.column-reading-page #main .column-topic-art{grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:end;width:176px;max-width:100%;min-width:0;pointer-events:none}
.inner-page.column-reading-page #main .column-topic-art img{display:block;width:100%;height:auto;aspect-ratio:6/5;object-fit:contain}
.inner-page.column-reading-page #main :is(.column-answer h2,.column-section-label,.column-sources h2){display:flex;align-items:center;gap:9px;min-width:0}
.inner-page.column-reading-page #main .column-cute-icon{display:inline-flex;flex:0 0 30px;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;color:#365966;background:#e3f2e9;vertical-align:middle}
.inner-page.column-reading-page #main .column-cute-icon svg{display:block;width:22px;height:22px;overflow:visible}
.inner-page.column-reading-page #main .column-cute-icon-idea{background:#ffedc7}
.inner-page.column-reading-page #main .column-cute-icon-memo{background:#e8e2fc}
.inner-page.column-reading-page #main .column-cute-icon-source{background:#f9e5df}
.inner-page.column-reading-page #main .column-step-number{background:#e8f6ef;border-color:#c5dfd2;box-shadow:3px 3px 0 #eef4ec}
.inner-page.column-reading-page #main #article-2 .column-step-number{background:#fbe8e8;border-color:#efd5d8;box-shadow:3px 3px 0 #f7f0e9}
.inner-page.column-reading-page #main #article-3 .column-step-number{background:#eeebfc;border-color:#dcd7ec;box-shadow:3px 3px 0 #f0f1fa}
.inner-page.column-reading-page #main #article-4 .column-step-number{background:#fff3d7;border-color:#e8dfc7;box-shadow:3px 3px 0 #f7f3e8}
.inner-page.column-reading-page #main #article-5 .column-step-number{background:#e3f4f4;border-color:#c6dfdf;box-shadow:3px 3px 0 #eff7f5}
.inner-page.column-reading-page #main .column-concept{border-radius:22px;background:#f8f7fd;border-color:#dedfed}
.inner-page.column-reading-page #main .article-worksheet{border:1px solid #dce5dc;border-radius:22px;background:linear-gradient(120deg,#fbfbf1,#f2f9f4)}
.inner-page.column-reading-page #main .article-worksheet .column-section-label{margin-bottom:14px}
.inner-page.column-reading-page #main .column-sources .column-cute-icon{flex-basis:34px;width:34px;height:34px}
@media(max-width:960px){
 .inner-page.column-reading-page #main .column-answer-illustrated{grid-template-columns:minmax(0,1fr) 144px;column-gap:18px}
 .inner-page.column-reading-page #main .column-topic-art{width:144px}
}
@media(max-width:720px){
 .inner-page.column-reading-page #main .column-answer-illustrated{grid-template-columns:minmax(0,1fr) 88px;column-gap:12px}
 .inner-page.column-reading-page #main .column-answer-illustrated>h2{align-self:center;margin-bottom:0}
 .inner-page.column-reading-page #main .column-answer-copy{grid-column:1 / -1;grid-row:2}
 .inner-page.column-reading-page #main .column-topic-art{grid-column:2;grid-row:1;width:88px;margin-bottom:9px}
 .inner-page.column-reading-page #main .column-answer .column-answer-copy>.column-answer-title{font-size:20px;line-height:1.75}
 .inner-page.column-reading-page #main .column-cute-icon{flex-basis:26px;width:26px;height:26px;border-radius:9px}
 .inner-page.column-reading-page #main .column-cute-icon svg{width:20px;height:20px}
}
@media(max-width:400px){
 .inner-page.column-reading-page #main .column-answer-illustrated{grid-template-columns:minmax(0,1fr) 72px;column-gap:10px}
 .inner-page.column-reading-page #main .column-topic-art{width:72px}
}
@media(forced-colors:active){
 .inner-page.column-reading-page #main .column-cute-icon{outline:1px solid CanvasText;background:Canvas;color:CanvasText}
 .inner-page.column-reading-page #main .column-step-number{box-shadow:none}
}