.semantic-content{line-height:1.65}.semantic-content p{margin-block:1rem}.learning-module{border:1px solid var(--border,#ddd);contain:layout;border-radius:1rem;margin:1.5rem 0;padding:1rem}.learning-module svg{width:100%;max-height:380px;display:block}.learning-module figcaption{font-size:.92rem;line-height:1.5}.learning-module label{flex-direction:column;gap:.3rem;margin:.5rem;display:inline-flex}.learning-module input{max-width:9rem}.learning-module button{margin:.3rem}.learning-table{overflow:auto}.learning-module table{border-collapse:collapse;width:100%}.learning-module td,.learning-module th{border-bottom:1px solid #8885;padding:.5rem}:root{--help-drawer-width:30rem}.context-reader{width:var(--help-drawer-width);background:var(--background);min-width:0;max-width:100vw;height:100dvh;color:var(--foreground);z-index:80;border-left:1px solid var(--border);flex-direction:column;font-size:.9375rem;line-height:1.65;animation:.16s ease-out help-drawer-enter;display:flex;position:fixed;inset:0 0 0 auto;box-shadow:-8px 0 24px #0000000a}.experience-host:has(.context-reader) .is-focused{z-index:20;box-shadow:none}@media (min-width:1100px){.experience-host:has(.context-reader) .is-focused{right:calc(var(--help-drawer-width) + 1rem)}}.context-reader h1{letter-spacing:-.025em;max-width:none;margin:0 0 .75rem;font-size:1.625rem;line-height:1.25}.context-reader h2{margin:1.75rem 0 .75rem;font-size:1.125rem}.context-reader h3{font-size:1rem}.context-reader p{line-height:1.65}.help-drawer-header{background:var(--background);border-bottom:1px solid var(--border);flex:none;padding:.75rem 1rem .5rem}.help-drawer-toolbar,.help-drawer-actions,.help-drawer-navigation,.help-drawer-brand{align-items:center;gap:.375rem;display:flex}.help-drawer-toolbar{justify-content:space-between}.help-drawer-brand{gap:.5rem;font-size:.875rem;font-weight:650}.help-drawer-navigation{margin-top:.375rem}.help-drawer-navigation>:last-child,.context-reader .help-drawer-navigation>:last-child{margin-left:auto}.help-drawer-search-overlay{z-index:90}.help-search-dialog.help-drawer-search{z-index:100}.context-reader .help-drawer-icon,.help-drawer-navigation button{min-width:44px;min-height:44px;box-shadow:none;color:var(--foreground);background:0 0;border:0;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;margin:0;padding:.5rem;font-size:.8125rem;line-height:1.25;text-decoration:none;display:inline-flex}.context-reader .help-drawer-icon:hover,.help-drawer-navigation button:hover,.help-drawer-icon[aria-pressed=true]{background:var(--surface)}.help-drawer-navigation button:disabled{opacity:.4;cursor:default}.help-drawer-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:1.5rem;scroll-padding-block:1.5rem;overflow:auto}.help-drawer-summary{margin:0 0 1.5rem}.help-drawer-related{border-top:1px solid var(--border);margin-top:2rem}.help-drawer-related a{min-height:44px;padding-block:.625rem;display:block}.help-drawer-operation{border-bottom:1px solid var(--border);flex:none;padding:.5rem 1rem}.help-drawer-operation button{margin-top:.25rem;display:block}.help-drawer-browse h2{margin-top:0}.help-drawer-browse summary{cursor:pointer;min-height:44px;padding-block:.625rem;font-weight:600}.help-drawer-browse ul{margin:0 0 .75rem;padding-left:1.25rem}.help-drawer-browse a{align-items:center;min-height:44px;display:inline-flex}.explanation-link{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:color-mix(in srgb, var(--accent) 5%, var(--background));min-height:32px;color:var(--accent);vertical-align:middle;border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.8125rem;line-height:1.4;text-decoration:none;display:inline-flex}.explanation-link svg{flex-shrink:0}.explanation-link:hover{background:color-mix(in srgb, var(--accent) 10%, var(--background));text-decoration:none}@media (min-width:1100px){body:has(.context-reader){padding-right:var(--help-drawer-width)}}@keyframes help-drawer-enter{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}.prepared-example{border:1px solid #8885;border-radius:.7rem;padding:1rem}.prepared-example h2{margin-top:0}.prepared-target{flex-wrap:wrap;gap:1rem 2rem;margin-block:1.25rem .5rem;display:flex}.prepared-target dt{color:var(--muted);text-transform:none;margin-top:0;font-size:.875rem}.prepared-target>div{border:0;padding:0}.prepared-target dd{font-variant-numeric:tabular-nums;margin:.25rem 0 0;font-weight:600}.prepared-target-help,.prepared-action-help{font-size:.9rem;line-height:1.5}.prepared-action-help{max-width:42rem;margin-bottom:0}.prepared-example :focus-visible{outline:3px solid var(--accent,#327bb1);outline-offset:3px}.semantic-content pre{overflow:auto}.semantic-content img{max-width:100%;height:auto}.learning-controls{flex-wrap:wrap;gap:.5rem;display:flex}.learning-feedback{font-variant-numeric:tabular-nums}.context-reader :focus-visible,.explanation-link:focus-visible,.learning-module :focus-visible{outline:3px solid var(--accent,#327bb1);outline-offset:3px}@media (max-width:1099px){.context-reader{border-left:0;width:100%}.help-drawer-scroll{padding:1.25rem}}@media (prefers-reduced-motion:reduce){.context-reader,.learning-module *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.learning-module{overflow-wrap:anywhere;min-width:0}.learning-module table{display:block;overflow:auto}.learning-static dl{grid-template-columns:max-content minmax(0,1fr);gap:.25rem 1rem;display:grid}.learning-static dd{font-variant-numeric:tabular-nums;margin:0}.learning-source{background:color-mix(in srgb, currentColor 4%, transparent);border-radius:.5rem;margin-block:1rem;padding:.75rem}.learning-source-beginner{background:var(--surface,#f6f7fa);flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.learning-source-beginner h3,.semantic-content .learning-source-beginner p,.learning-module .learning-source-beginner label,.learning-module .learning-source-beginner button{margin:0}.learning-source-beginner h3{font-size:1.125rem}.learning-source-beginner p{max-width:45rem}.learning-source-beginner label{align-self:stretch;max-width:28rem}.learning-source-beginner select{width:100%;min-width:0}.learning-module .experiment-scene{margin:1rem 0}.learning-media{border:1px solid var(--border,#ddd);border-radius:.75rem;margin-block:1.5rem;padding:1rem}.learning-media iframe{aspect-ratio:16/9;border:0;width:100%}.learning-media video,.learning-media audio{width:100%;max-height:480px}.media-transcript{white-space:pre-wrap}
