/* Useful links stay close to the entrance, then scroll away with the page. */
html body .ilmdosh-community-access{box-sizing:border-box;display:flex;justify-content:flex-end;gap:10px;position:relative;z-index:2;width:100%;margin:0;padding:10px 24px;background:#f5f8fa;border:0;border-bottom:1px solid #dce5ea;box-shadow:none}
html body .ilmdosh-community-access a{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 16px;border:1.5px solid #5f9c98;border-radius:13px;background:#e8f5f1;color:#155d58;-webkit-text-fill-color:currentColor;font:800 14px/1.35 Nunito,system-ui,sans-serif;letter-spacing:0;text-decoration:none;text-align:center;box-shadow:0 2px 0 #1933470a;transform:none}
html body .ilmdosh-community-access .community-support{color:#80501a;border-color:#c7a365;background:#fff4df}
html body .ilmdosh-community-access .community-help{color:#354e91;border-color:#899fce;background:#edf2ff}
html body .ilmdosh-community-access a:hover{filter:brightness(.97)}
html body .ilmdosh-community-access a:focus-visible{outline:3px solid #193347;outline-offset:3px}
html body .ilmdosh-community-access a[aria-current=page]{border-width:2px;box-shadow:inset 0 -3px currentColor}
html body .ilmdosh-community-access svg{flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html body .ilmdosh-community-access span{color:inherit;-webkit-text-fill-color:currentColor}
@media(max-width:700px){
 html body .ilmdosh-community-access{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px 16px}
 html body .ilmdosh-community-access a{min-width:0;min-height:54px;gap:7px;padding:8px;font-size:13px;border-radius:12px}
 html body .ilmdosh-community-access svg{width:20px;height:20px}
 html body .ilmdosh-community-access span{overflow-wrap:anywhere}
 html body .ilmdosh-community-access .community-help{grid-column:1/-1;min-height:44px}
}
@media(max-width:360px){html body .ilmdosh-community-access{padding-inline:10px}html body .ilmdosh-community-access a{font-size:12px;gap:5px}html body .ilmdosh-community-access svg{width:18px;height:18px}}
@media print{html body .ilmdosh-community-access{display:none!important}}

/* One compact secondary row, below the three learning destinations. */
html body.has-community-dock .dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:auto;gap:0;padding-bottom:env(safe-area-inset-bottom,0px)}
html body .dock>.ilmdosh-community-access{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px 10px 7px;border-top:1px solid #dce5ea;border-bottom:0;background:#fff}
html body .dock>.ilmdosh-community-access a{display:flex;flex-direction:row;grid-column:auto;min-height:44px;padding:6px 4px;gap:5px;font-size:12px;border:0;border-radius:10px}
html body .dock>.ilmdosh-community-access svg{width:22px;height:22px;padding:3px;box-sizing:content-box;border-radius:9px;background:#fff}
html body .dock>.ilmdosh-community-access a span{font:inherit;white-space:nowrap}
@media(max-width:700px){html body.has-community-dock{padding-bottom:calc(138px + env(safe-area-inset-bottom,0px))!important}html body.has-community-dock .dock{position:fixed;bottom:0;left:0;right:0;z-index:90;background:#fff;box-shadow:0 -4px 18px #19334714}html body.has-community-dock .dock>a,html body.has-community-dock .dock>button{min-height:58px}}
@media(min-width:701px){html body.has-community-dock .dock{position:relative;max-width:640px;margin:24px auto;border:1px solid #bacbd3;border-radius:16px;overflow:hidden}}
.service-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:14px;margin:24px 0}.service-steps article{padding:20px;border:1.5px solid #afc9c6;border-radius:18px;background:#f0f8f6}.service-steps strong{display:block;font-size:18px;margin:8px 0}.service-steps p{margin:0;line-height:1.6}.service-form{display:grid;gap:14px;padding:24px;margin:24px 0;background:#f4f6ff;border:1.5px solid #b4bfdf;border-radius:20px}.service-form label{display:grid;gap:7px;font-weight:700}.service-form :is(input,textarea,select){width:100%;box-sizing:border-box;padding:12px;border:1px solid #95aebc;border-radius:10px;font:inherit;background:#fff;color:#193347}.service-form textarea{min-height:110px}

html body.has-community-dock .dock>a,html body.has-community-dock .dock>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:#fff;color:#294353;text-decoration:none;font:800 12px/1.3 Nunito,system-ui,sans-serif;padding:8px;min-height:58px;cursor:pointer}html body.has-community-dock .dock>a>span,html body.has-community-dock .dock>button>span{font-size:25px}

@media(max-width:700px){html body.has-community-dock{--tools-bottom:140px}html body.has-community-dock .ilmdosh-context-toggle:not(.context-positioned){bottom:140px!important}html body.has-community-dock.notes-floating .player-foot{bottom:132px!important}html body.has-community-dock .dock{z-index:40}}

@media print{html body.has-community-dock .dock{display:none!important}html body.has-community-dock{padding-bottom:0!important}}
@media(max-width:700px){
 html body.has-community-dock{padding-bottom:calc(var(--community-dock-height,138px) + 16px)!important;--tools-bottom:calc(var(--community-dock-height,138px) + 12px)}
 html body.has-community-dock .dock{box-sizing:border-box;padding:0 0 env(safe-area-inset-bottom,0px)}
 html body.has-community-dock .dock>a,html body.has-community-dock .dock>button{box-sizing:border-box;margin:0}
 html body.has-community-dock :is(.calculator-launcher,#calculatorButton):not(.tool-positioned),
 html body.has-community-dock .ilmdosh-context-toggle:not(.context-positioned){bottom:calc(var(--community-dock-height,138px) + 12px)!important}
}
@media print{html body.has-community-dock{padding-bottom:0!important}}

/* Keep the dock compact even when a subject stylesheet adds grid rows. */
@media(max-width:700px){html body.has-community-dock .dock{min-height:0!important;grid-template-rows:auto auto!important;align-content:end!important;row-gap:0!important;padding-bottom:0!important}}

/* Give mobile lessons and selected sections the entire learning area. */
@media(max-width:700px){
 html body.has-community-dock:is(.learning-focus,[data-catalog-view="subjects"]) .dock{display:none!important}
 html body.has-community-dock:is(.learning-focus,[data-catalog-view="subjects"]){padding-bottom:16px!important;--community-dock-height:0px!important;--tools-bottom:12px!important}
 html body.has-community-dock:is(.learning-focus,[data-catalog-view="subjects"]).notes-floating .player-foot{bottom:12px!important}
}
