.periodic-scope{--card:var(--lp-card-bg);--card2:var(--lp-paper-2);--ink:var(--lp-ink);--soft:var(--lp-ink-soft);--mute:var(--lp-ink-soft);--line:var(--lp-line);--navy:var(--lp-blue);--gold:var(--lp-gold)}.periodic-scope .pt{padding:0}.periodic-scope .pt[data-expanded]{height:var(--pt-maxh,calc(100dvh - 24px))}.periodic-scope .pt[data-expanded] .pt-bar{padding:4px 8px}.periodic-scope .pt[data-expanded] .pt-bar>.pt-title{align-self:center;padding:0 8px;font-size:14px}.periodic-scope .pt[data-expanded] .pt-tool-controls{border:0;flex:1;min-width:0;padding:0 8px}.periodic-scope .pt[data-expanded] :is(.pt-view-switch,.pt-reference-tools) button{min-height:32px;padding-block:4px}.periodic-scope .pt[data-expanded] .pt-x{width:36px;height:36px}.periodic-scope .pt[data-expanded] .pt-reference-tools{padding-block:4px}.periodic-scope .pt[data-expanded] .pt-reference-scroll{--pt-fit-width:max(612px, min(852px, 100cqw - 8px, (100cqh - 8px) * var(--pt-page-ratio)))}.periodic-scope .pt[data-expanded] .pt-reference[data-fit=page] .pt-reference-scroll{--pt-fit-width:min(100cqw - 8px, (100cqh - 8px) * var(--pt-page-ratio))}.periodic-scope .pt[data-expanded] .pt-reference-stage{padding:4px}.periodic-scope .pt[data-expanded] .pt-reference-source{display:none}.periodic-launcher{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.periodic-scope .pt[hidden]{display:none}.periodic-scope .pt :is(.pt-el,.pt-gap,.pt-card,.pt-key i,.pt-chips span){border-color:var(--line)}.periodic-scope .pt :is(.pt-drag,.pt-x):hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}.periodic-page{max-width:1000px;margin:0 auto 48px}.periodic-board-picker{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;font-weight:700;display:flex}.periodic-board-picker select{border:2px solid var(--line);background:var(--card);color:var(--ink);font:inherit;border-radius:10px;padding:8px 12px}.periodic-help{color:var(--soft);margin:16px 0;line-height:1.6}html[data-theme=dark] .periodic-scope .pt{--pt-metal:#294b69;--pt-nonmetal:#5c481e;--pt-metalloid:#633b49;--pt-unknown:#3e424c}html[data-theme=dark] .periodic-scope .pt-el:hover{background-image:linear-gradient(#ffffff18,#ffffff18)}html[data-theme=dark] .periodic-scope .pt-el[aria-pressed=true]{background-image:linear-gradient(#ffffff28,#ffffff28)}.periodic-scope .pt-tool-controls{border-bottom:1px solid var(--line);flex-wrap:wrap;flex:none;align-items:center;gap:8px 16px;padding:10px 12px;display:flex}.periodic-scope .periodic-board-picker{flex-basis:100%;margin:0}.periodic-scope .periodic-board-picker select{min-width:0;max-width:100%}.periodic-scope .pt-course-label{flex:1;margin:0;font-size:13px;font-weight:700}.periodic-scope :is(.pt-view-switch,.pt-reference-tools,.pt-reference-tools>div){flex-wrap:wrap;align-items:center;gap:8px;display:flex}.periodic-scope :is(.pt-view-switch button,.pt-reference-tools button,.pt-search button){border:1.5px solid var(--line);background:var(--card);min-height:40px;color:var(--ink);font:700 14px/1.3 var(--f-body);cursor:pointer;border-radius:9px;padding:6px 12px}.periodic-scope :is(.pt-view-switch,.pt-reference-tools) button[aria-pressed=true]{background:var(--lp-blue-soft);border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}.periodic-scope button:disabled{opacity:.5;cursor:default}.periodic-scope :is(.pt-tool-controls,.pt-reference,.pt-search) :is(button,select,input,a):focus-visible{outline:3px solid var(--navy);outline-offset:2px}.periodic-scope .pt-learning-note{color:var(--soft);flex-basis:100%;margin:0;font-size:12px;line-height:1.5}.periodic-scope .pt-reference{flex-direction:column;flex:1;min-height:0;display:flex}.periodic-scope .pt-reference-tools{flex:none;padding:8px 12px;font-size:13px}.periodic-scope .pt-reference-tools a{color:var(--navy);text-underline-offset:3px;text-decoration:underline}.periodic-scope .pt-reference-tools>div{margin-right:auto}.periodic-scope .pt-reference-tools button{min-width:40px}.periodic-scope .pt-reference-scroll{background:var(--card2);overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;flex:auto;height:min(70dvh,640px);min-height:0;overflow:auto;container-type:size}.periodic-scope .pt-reference-stage{box-sizing:border-box;place-items:center;width:max-content;min-width:100%;min-height:100%;padding:12px;display:grid}.periodic-scope .pt-reference-scroll{--pt-fit-width:max(612px, 100cqw - 24px)}.periodic-scope .pt-reference[data-fit=page] .pt-reference-scroll{--pt-fit-width:min(100cqw - 24px, (100cqh - 24px) * var(--pt-page-ratio))}.periodic-scope .pt-reference-scroll img{width:calc(var(--pt-fit-width) * var(--pt-zoom));height:calc(var(--pt-fit-width) / var(--pt-page-ratio) * var(--pt-zoom));object-fit:contain;background:#fff;max-width:none;display:block}.periodic-scope .pt-inline .pt-reference-scroll{height:auto;aspect-ratio:var(--pt-page-ratio);flex:none;max-height:70dvh}.periodic-scope .pt-inline .pt-reference{container-type:inline-size}.periodic-scope .pt-inline .pt-reference[data-fit=read] .pt-reference-scroll{height:calc(max(612px, 100cqw - 24px) / var(--pt-page-ratio) + 24px);aspect-ratio:auto;min-height:0;max-height:none}.periodic-scope .pt-reference-source{border-top:1px solid var(--line);color:var(--soft);flex:none;margin:0;padding:8px 12px;font-size:11px;line-height:1.5}.periodic-scope .pt-reference-empty{padding:24px 16px}.periodic-scope .pt-reference-empty p{margin:0 0 8px}.periodic-scope .pt-search{flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:8px 12px;display:flex}.periodic-scope .pt-search label{font-size:13px;font-weight:700}.periodic-scope .pt-search input{border:1.5px solid var(--line);min-width:150px;color:var(--ink);background:var(--card);font:inherit;border-radius:8px;flex:1;padding:8px 10px;font-size:14px}.periodic-scope .pt-search [role=status]:not(:empty){color:var(--soft);flex-basis:100%;font-size:12px}.periodic-scope .pt-learning-facts{border-top:1px solid var(--line);flex:none;padding:10px 12px;font-size:12px;line-height:1.5}.periodic-scope .pt-learning-facts summary{cursor:pointer;font-weight:700}.periodic-scope .pt-learning-facts summary:focus-visible{outline:3px solid var(--navy);outline-offset:2px}.periodic-scope .pt-learning-facts p{margin:4px 0 0}@media (max-width:640px){.periodic-scope .pt[data-expanded] .pt-bar>.pt-title{display:none}.periodic-scope .pt-course-label{flex-basis:100%}.periodic-scope .periodic-board-picker{display:block}.periodic-scope .periodic-board-picker label{margin-bottom:4px;display:block}.periodic-scope .periodic-board-picker select{width:100%}.periodic-scope .pt-reference-tools{gap:6px 12px}.periodic-scope .pt-reference-tools button{padding-inline:8px}.periodic-scope .pt-reference-tools>div{flex-basis:100%}}