.app-layout{display:grid;grid-template-rows:var(--topnav-height) 1fr;min-height:100vh}.app-layout--fullscreen{grid-template-rows:1fr!important}.topnav{height:var(--topnav-height);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--surface-glass-border);background:var(--surface-glass-background);box-shadow:var(--surface-glass-shadow);-webkit-backdrop-filter:var(--surface-glass-filter);backdrop-filter:var(--surface-glass-filter)}.topnav__control-button{border-color:var(--surface-glass-border)!important;background:linear-gradient(180deg,color-mix(in srgb,#ffffff 20%,transparent),transparent 58%),color-mix(in srgb,var(--color-bg-secondary) 52%,transparent)!important}.topnav__control-button:focus-visible,.topnav__control-button:hover{background:linear-gradient(180deg,color-mix(in srgb,#ffffff 26%,transparent),transparent 58%),color-mix(in srgb,var(--color-bg-secondary) 68%,transparent)!important}.topnav__search{border:1px solid var(--surface-glass-border);border-radius:.5rem;border-color:var(--surface-glass-border)!important;background:linear-gradient(180deg,color-mix(in srgb,#ffffff 18%,transparent),transparent 62%),color-mix(in srgb,var(--color-bg-secondary) 58%,transparent)!important;transition:border-color .16s ease,background .16s ease}.topnav__search:focus-within,.topnav__search:hover{border-color:color-mix(in srgb,var(--color-accent) 34%,var(--surface-glass-border))!important;background:linear-gradient(180deg,color-mix(in srgb,#ffffff 24%,transparent),transparent 62%),color-mix(in srgb,var(--color-bg-secondary) 74%,transparent)!important}.topnav__search-input{border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important}.topnav__search-context{border-left:1px solid var(--surface-glass-border)}.topnav__search-context .teaching-context-chip{display:inline-flex;max-width:100%;min-height:1.75rem;align-items:center;gap:.3rem;border:1px solid var(--color-border);border-radius:999px;padding:.1rem .55rem .1rem .7rem;background:rgba(255,255,255,.82);color:var(--color-text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;line-height:1.3}.teaching-context-chip__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teaching-context-chip:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-text-primary)}.teaching-context-chip:focus-visible{outline:2px solid color-mix(in srgb,var(--color-accent) 40%,transparent);outline-offset:2px}.teaching-context-chip:disabled{cursor:default;opacity:.62}.teaching-context-chip__popover{width:min(18rem,calc(100vw - 2rem))!important}.teaching-context-nav-control{max-width:min(38vw,30rem);border:0;border-radius:0 .5rem .5rem 0;background:transparent!important}.teaching-context-bar__tokens{display:inline-flex;min-width:0;align-items:center;gap:.35rem;white-space:nowrap}.teaching-context-bar__tokens--compact{max-width:100%;flex-wrap:wrap;gap:.45rem;white-space:normal}.teaching-context-bar__token-wrap{min-width:0;display:inline-flex;align-items:center;gap:.35rem}.teaching-context-bar__separator{flex:0 0 auto;color:var(--color-text-muted);font-size:.9rem;font-weight:700;line-height:1}.teaching-context-bar__summary-token{max-width:min(38vw,18rem);min-width:0;overflow:hidden;color:var(--color-text-primary);font-size:.82rem;font-weight:700;line-height:1.1;text-align:left;text-overflow:ellipsis;white-space:nowrap}.teaching-context-sentence{max-width:100%;color:var(--color-text-primary);font-size:.88rem;line-height:1.55}.teaching-context-sentence__control{display:inline;max-width:100%;border:0;border-bottom:1px dotted;border-radius:0;margin:0;padding:0 .05rem .05rem;background:transparent;color:var(--color-accent-dark);cursor:pointer;font:inherit;font-weight:700;line-height:inherit;text-align:left;text-decoration:none;text-underline-offset:.2em}.teaching-context-sentence__control:focus-visible,.teaching-context-sentence__control:hover{color:var(--color-accent);outline:none}.teaching-context-sentence__control:focus-visible{border-bottom-style:solid;outline:2px solid color-mix(in srgb,var(--color-accent) 26%,transparent);outline-offset:2px}.teaching-context-sentence__control--disabled{cursor:default;opacity:.62}.teaching-context-sentence__popover{width:min(18rem,calc(100vw - 2rem))!important}.teaching-context-nav-control{display:inline-flex;max-width:min(32vw,24rem);min-height:44px;min-width:44px;align-items:center;gap:.5rem;overflow:hidden;border:1px solid var(--surface-glass-border);border-radius:999px;padding:0 .8rem;color:var(--color-text-primary);font-size:.82rem;transition:border-color .16s ease,background .16s ease,color .16s ease}.teaching-context-nav-control:focus-visible,.teaching-context-nav-control:hover{border-color:color-mix(in srgb,var(--color-accent) 34%,var(--surface-glass-border));color:var(--color-accent-dark)}.teaching-context-nav-control:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.main-content{overflow-y:auto;max-height:calc(100vh - var(--topnav-height));max-height:calc(100dvh - var(--topnav-height))}.app-layout[data-content-kind],.main-content{background:var(--background-page)}.app-layout[data-content-kind]>.main-content{background:transparent}.main-content--fullscreen{padding:0!important;overflow:hidden;max-height:100vh;max-height:100dvh}@media print{.tool-page-shell--printable{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;gap:0!important}}@media (max-width:768px){.main-content{padding:var(--spacing-4)}}@media (max-width:480px){.main-content{padding:var(--spacing-3)}}.home-daily-banner{margin:calc(-1 * var(--spacing-6)) calc(-1 * var(--spacing-6)) var(--spacing-6)}@media (min-width:1024px){.home-daily-banner{margin-inline:calc(-1 * var(--spacing-8))}}@media (max-width:768px){.home-daily-banner{margin:calc(-1 * var(--spacing-4)) calc(-1 * var(--spacing-4)) var(--spacing-4)}}@media (max-width:480px){.home-daily-banner{margin:calc(-1 * var(--spacing-3)) calc(-1 * var(--spacing-3)) var(--spacing-3)}}@media (max-width:768px){.home-daily-banner--bottom{margin:0 calc(-1 * var(--spacing-4)) calc(-1 * var(--spacing-4))}}@media (max-width:480px){.home-daily-banner--bottom{margin:0 calc(-1 * var(--spacing-3)) calc(-1 * var(--spacing-3))}}.teaching-context-nav-control--compact{width:44px;height:44px;min-width:44px;justify-content:center;padding:0}@media (max-width:400px){.topnav>div{gap:.25rem;padding-inline:.5rem}.topnav>div>div:first-child,.topnav>div>div:last-child{gap:.25rem}}