/* Optional stories and clear actions remain usable without additional scripts. */
.icped-deeper-learning{margin-block:2rem;padding:1.5rem;border:1px solid #cfe0db;border-radius:18px;background:#f7fbf9;overflow-wrap:anywhere}
.icped-deeper-learning>h2{margin-top:0;color:#123b45}.icped-deeper-learning>p{max-width:70ch}
.lesson-body details.icped-story{margin:1rem 0;padding:0;background:#fff;border:1px solid #b9d7d2;border-radius:12px;overflow:clip}
.lesson-body details.icped-story>summary{padding:1rem 1.2rem;cursor:pointer;color:#075f63;font-weight:750;min-height:48px;line-height:1.5}
.lesson-body details.icped-story>summary:hover{background:#edf6f3}.lesson-body details.icped-story>summary:focus-visible,.notification-bell:focus-visible{outline:3px solid #dc9b22;outline-offset:3px}
.lesson-body details.icped-story[open]>summary{border-bottom:1px solid #deebe7;background:#edf6f3}
.lesson-body details.icped-story>p,.lesson-body details.icped-story>ol,.lesson-body details.icped-story>ul{margin:1rem 1.3rem;max-width:68ch}
.lesson-body details.icped-story>ol,.lesson-body details.icped-story>ul{padding-left:1.5rem}.lesson-body .icped-story li{padding-left:.2rem;margin:.5rem 0}
.lesson-body .icped-story-feedback{margin:1rem 1.2rem;padding:.1rem 1rem .7rem;border-left:4px solid #e5ad47;background:#fcf7e9;border-radius:6px}
.lesson-body .icped-story-feedback>summary{cursor:pointer;font-weight:750;padding:.85rem 0;min-height:44px;color:#163d46}
.lesson-body .icped-story-feedback p{margin:.4rem 0;line-height:1.75}
.lesson-body a[href*="/tools"],.lesson-body a[href*="/practice"],.tool-page a[href*="action=asset"],.tool-page a[href*="action%3Dasset"]{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem 1rem;margin:.3rem .4rem .3rem 0;min-height:44px;border:1px solid #087076;border-radius:9px;font-weight:700;text-decoration:none;background:#f1f8f5;color:#075f63}
.tool-list a.tool-action{display:flex;justify-content:space-between;text-align:left;white-space:normal;width:100%;min-width:0}.tool-action span{flex:1;overflow-wrap:anywhere}.tool-action .icon{flex-shrink:0}
.tool-page-navigation{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem;padding-top:1rem;border-top:1px solid #d6e5df}.tool-page{overflow-wrap:anywhere}
.notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border:1px solid #d0e4dd;border-radius:50%;color:#075f63;background:#f3faf7;text-decoration:none}.notification-bell>.icon{width:23px;height:23px}
.notification-count{position:absolute;right:-5px;top:-4px;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;font-size:11px;line-height:1;font-weight:800;color:#fff;background:#b84438;border:2px solid #fff;border-radius:12px}
.new-learner-invitation{padding:1rem;margin-top:1.5rem;background:#edf7f2;border:1px solid #d4e5dd;border-radius:12px}.new-learner-invitation h2{font-size:1.2rem;margin:0 0 .4rem}.new-learner-invitation p{margin:.3rem 0 1rem}
.regional-reading-list{padding-left:1.2rem}.regional-reading-list li{margin:1rem 0}.regional-reading-list p{margin:.35rem 0}.regional-reading-note{border-left:4px solid #e7b553;padding:.7rem 1rem;background:#fff9ed}
@media(max-width:640px){.icped-deeper-learning{padding:1rem}.lesson-body details.icped-story>summary{padding:.8rem}.lesson-body details.icped-story>p,.lesson-body details.icped-story>ol,.lesson-body details.icped-story>ul{margin:.85rem}.lesson-body .icped-story-feedback{margin:.85rem;padding:.1rem .8rem .6rem}.portal-account-nav{gap:.35rem}.notification-bell{width:40px;height:40px}.tool-page-navigation>.button{width:100%}.new-learner-invitation .button{width:100%;white-space:normal}}
@media print{.icped-story:not([open])>summary:after{content:" — open this example online to read the story"}.notification-bell{display:none}.icped-deeper-learning{break-inside:auto}}

@media(max-width:640px){.portal-header{height:auto;min-height:0;padding:.6rem 1rem;gap:.4rem;align-items:center}.portal-brand.approved-portal-brand{min-width:0}.portal-account-nav{flex:1 1 100%;margin-left:0;max-width:100%;justify-content:space-between;flex-wrap:nowrap;gap:.35rem}.portal-account-nav .admin-shortcut{font-size:.72rem;max-width:76px;line-height:1.35}.portal-account-nav .profile-menu{min-width:0}.portal-account-nav .profile-menu summary{padding:.3rem;gap:.3rem;max-width:130px}.portal-account-nav .profile-initial{display:none}.portal-account-nav .profile-menu summary>span:last-of-type{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}.portal-account-nav .profile-menu summary:after{margin-left:.15rem}.portal-account-nav .profile-menu summary small{font-size:.65rem}.portal-account-nav .notification-bell{width:40px;height:40px}.portal-account-nav .portal-mobile-courses{font-size:.75rem;min-height:40px;padding-inline:.5rem}}

@media(max-width:640px){.lesson-body h2,.lesson-body h3{scroll-margin-top:145px}}

/* Useful pictures, readable examples and applying an idea to a different setting. */
.lesson-body .icped-teaching-visual,.lesson-body .icped-household-example{margin:1.5rem 0;border:1px solid #bfd8cf;border-radius:16px;overflow:hidden;background:#f5faf7;max-width:620px}
.lesson-body .icped-teaching-visual img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;margin:0;border-radius:0}
.lesson-body .icped-household-example img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;margin:0;border-radius:0}
.icped-teaching-visual figcaption,.icped-household-example figcaption{padding:1rem 1.2rem;color:#294e58;font-size:.9rem;line-height:1.65}
.icped-teaching-visual figcaption>strong{display:block;font-size:1.05rem}.icped-teaching-visual figcaption>p{margin:.5rem 0 .8rem}
.icped-visual-transcript{border-top:1px solid #cfe0d9;margin-top:.7rem;padding-top:.3rem}.icped-visual-transcript>summary{cursor:pointer;min-height:44px;display:list-item;padding:.65rem 0;font-weight:700;color:#075f63}.icped-visual-transcript ol{margin:.5rem 0;padding-left:1.3rem}.icped-visual-transcript li{margin-bottom:.6rem}
.lesson-body .icped-visual-open{display:inline-flex;align-items:center;min-height:44px;padding:.5rem .8rem;margin-top:.4rem;background:#fff;border:1px solid #78a99d;border-radius:8px;text-decoration:none;color:#075f63;font-weight:700}
.lesson-body .icped-transfer-bridge{padding:1rem 1.15rem;border-left:4px solid #0b6c6a;background:#e7f3ee;border-radius:0 10px 10px 0;color:#214b54}
.lesson-body .icped-worked-example{padding:1.2rem;margin:1.4rem 0;border:1px solid #dfc98e;border-left:4px solid #d19b29;border-radius:10px;background:#fff9e9;overflow-wrap:anywhere}.icped-worked-example h3{margin-top:0}.icped-worked-example table{font-size:.88rem;background:#fff}.icped-worked-example th{background:#f6ead0}
@media(max-width:640px){.icped-teaching-visual figcaption,.icped-household-example figcaption{padding:.9rem;font-size:.88rem}.lesson-body .icped-worked-example{padding:.9rem}.lesson-body .icped-worked-example table{display:table;table-layout:fixed;font-size:.78rem}.icped-worked-example th,.icped-worked-example td{overflow-wrap:anywhere}.icped-teaching-visual figcaption>strong{font-size:1rem}}

/* Keep worked examples readable on small screens without changing table semantics. */
@media(max-width:640px){
 .lesson-body aside.icped-worked-example{min-width:0;max-width:100%}
 .lesson-body .icped-worked-example .icped-table-scroll{min-width:0;max-width:100%;overflow-x:auto}
 .lesson-body aside.icped-worked-example table{display:block;width:100%;max-width:100%;overflow-x:auto;table-layout:auto;font-size:.95em;-webkit-overflow-scrolling:touch}
 .lesson-body aside.icped-worked-example table th,.lesson-body aside.icped-worked-example table td{min-width:100px;padding:8px;overflow-wrap:normal;word-break:normal;white-space:normal}
 .lesson-body aside.icped-worked-example:has(table)::after{content:"Swipe the table sideways to read all columns.";display:block;margin-top:.75rem;font-size:.95em;line-height:1.5;color:#46636a}
}
@media print{
 .lesson-body aside.icped-worked-example,.lesson-body .icped-worked-example .icped-table-scroll{max-width:none;overflow:visible}
 .lesson-body aside.icped-worked-example table{display:table;width:100%;max-width:none;overflow:visible;table-layout:auto;font-size:.95em}
 .lesson-body aside.icped-worked-example table th,.lesson-body aside.icped-worked-example table td{min-width:0;overflow-wrap:normal;word-break:normal;white-space:normal}
 .lesson-body aside.icped-worked-example:has(table)::after{display:none;content:none}
}

/* Context photographs and optional story scenes retain their full composition. */
.lesson-body figure.icped-scene{margin:1.5rem 0;max-width:620px;min-width:0;border:1px solid #bed7cf;border-radius:15px;overflow:hidden;background:#f5faf7}
.lesson-body figure.icped-scene img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;margin:0;border-radius:0}
.lesson-body .icped-scene figcaption{padding:.9rem 1.1rem;font-size:.92em;line-height:1.65;color:#294e58;overflow-wrap:anywhere}
.icped-scene-label{display:block;margin-bottom:.2rem;font-size:.83em;font-weight:750;letter-spacing:.04em;color:#09696b}
.lesson-body details.icped-story>figure.icped-scene{margin:1rem 1.3rem;max-width:calc(100% - 2.6rem)}
@media(max-width:640px){.lesson-body figure.icped-scene{margin:1.1rem 0;border-radius:12px}.lesson-body .icped-scene figcaption{padding:.8rem .9rem}.lesson-body details.icped-story>figure.icped-scene{margin:.85rem;max-width:calc(100% - 1.7rem)}}
@media print{.lesson-body figure.icped-scene{break-inside:avoid;max-width:14cm}.lesson-body figure.icped-scene img{max-height:8cm;width:auto;max-width:100%;margin-inline:auto}.lesson-body details.icped-story:not([open]) figure.icped-scene{display:none}}