.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-input{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}.topnav__search-input:focus-visible,.topnav__search-input: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}.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:2.5rem;min-width:0;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);outline:none}.main-content{overflow-y:auto;max-height:calc(100vh - var(--topnav-height));max-height:calc(100dvh - var(--topnav-height));background:var(--background-page)}.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)}}