.notes-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:30px;border-radius:26px;background:linear-gradient(135deg,#231412,#8f241b 68%,#d34b35);color:#fff;box-shadow:var(--shadow)}
.notes-hero h1{margin:7px 0 9px;font-size:clamp(34px,8vw,54px)}.notes-hero p{max-width:580px;margin:0;color:#fae9e5;line-height:1.6}.notes-hero-mark{display:grid;place-items:center;width:86px;height:86px;border:2px solid #ffffff3d;border-radius:25px;background:#ffffff16;font-size:48px;font-weight:900}
.notes-search-card{margin-top:14px}.notes-search-card>label,.notes-inline-search label,.periodic-controls label{display:grid;gap:8px;color:var(--ink);font-size:13px;font-weight:850}.notes-search-input{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;margin-top:8px;padding:0 13px;border:1px solid var(--line);border-radius:14px;background:#fff}.notes-search-input>span{color:var(--muted);font-size:24px}.notes-search-input input{width:100%;padding:14px 0;border:0;background:transparent;color:var(--ink);font:inherit;outline:0}.notes-search-results{display:grid;gap:7px;margin-top:12px}.notes-search-result{display:grid;justify-content:stretch;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#f8f5f1;color:var(--ink);box-shadow:none}.notes-search-result:hover{border-color:#cda49b}.notes-search-result span{color:var(--red);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.notes-search-result b{margin-top:3px}.notes-search-result small{margin-top:3px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notes-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.notes-hub-card{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:14px;color:var(--ink);text-decoration:none;transition:.2s}.notes-hub-card:hover{transform:translateY(-2px);border-color:#d4bbb4}.notes-hub-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#fce7e4;color:var(--red);font-size:22px;font-weight:900}.notes-hub-card.periodic .notes-hub-icon{font-size:15px}.notes-hub-card h2{margin:2px 0 6px;font-size:19px}.notes-hub-card p{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.45}.notes-hub-card small{color:var(--red);font-weight:850}
.notes-hub-card.computer .notes-hub-icon{background:#e8f2ff;color:#245b8c}.notes-hub-card.logic .notes-hub-icon{background:#eee8ff;color:#5b3f91}.notes-hub-card.english .notes-hub-icon{background:#e8f7ef;color:#21734b;font-size:15px}
.notes-study-tip{display:grid;grid-template-columns:auto 1fr;gap:12px;margin:14px 0 20px;padding:15px 17px;border:1px solid #d7b56a;border-radius:15px;background:#fff8e8;color:#704108;line-height:1.5}.notes-study-tip span{font-size:13px}.notes-section-nav{display:flex;gap:7px;margin:0 0 20px;padding:5px;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow-x:auto;scrollbar-width:none}.notes-section-nav::-webkit-scrollbar{display:none}.notes-section-nav a{flex:1;min-width:max-content;padding:9px 12px;border-radius:10px;color:var(--muted);font-size:12px;font-weight:800;text-align:center;text-decoration:none}.notes-section-nav a:hover{background:#f2ede8;color:var(--red)}
.notes-page-head{align-items:center}.notes-page-head .button.primary{color:#fff}.notes-lead{max-width:680px;margin:-5px 0 17px;color:var(--muted);line-height:1.6}.notes-inline-search{margin-bottom:12px}.notes-inline-search input,.periodic-controls input,.periodic-controls select{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:inherit}.note-accordion,.history-sections{display:grid;gap:11px}.note-chapter,.history-section{padding:0;overflow:hidden;scroll-margin-top:100px}.note-chapter>summary,.history-section>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 19px;cursor:pointer;list-style:none}.note-chapter>summary::-webkit-details-marker,.history-section>summary::-webkit-details-marker{display:none}.note-chapter>summary span,.history-section>summary span{display:grid;gap:3px}.note-chapter>summary small,.history-section>summary small{color:var(--red);font-size:10px;font-style:normal;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.note-chapter>summary b,.history-section>summary b{font-size:18px}.note-chapter>summary em,.history-section>summary em{color:var(--muted);font-size:12px;font-style:normal;font-weight:500;line-height:1.4}.note-chapter>summary i,.history-section>summary i{font-size:22px;font-style:normal;transition:transform .2s}.note-chapter[open]>summary,.history-section[open]>summary{border-bottom:1px solid var(--line);background:#f8f5f1}.note-chapter[open]>summary i,.history-section[open]>summary i{transform:rotate(180deg)}
.note-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:14px}.note-fact{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}.note-fact h3{margin:0 0 5px;font-size:15px}.note-fact p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.note-fact code{max-width:100%;padding:7px 9px;border-radius:8px;background:#f0eae5;color:#7b251d;font:700 13px ui-monospace,SFMono-Regular,Consolas,monospace;white-space:normal}.note-tip{padding:7px 9px;border-radius:9px;background:#fff3cf;color:#764700;font-size:11px;line-height:1.45}.notes-empty{padding:16px;border:1px dashed var(--line);border-radius:13px;color:var(--muted);text-align:center}.notes-focus{animation:notesFocus 1.7s ease}@keyframes notesFocus{0%,100%{box-shadow:var(--shadow)}35%{box-shadow:0 0 0 4px #f5b7ad,0 12px 30px #b4231826}}
.notes-sources{margin-top:22px}.notes-sources h2{margin-top:0;font-size:18px}.notes-sources p{color:var(--muted);font-size:12px;line-height:1.55}.notes-sources ul{display:grid;gap:7px;margin:13px 0 0;padding-left:20px}.notes-sources a{color:var(--red);font-size:12px;font-weight:750}
.periodic-controls{display:grid;grid-template-columns:1.2fr .8fr;gap:11px;margin-bottom:10px}.periodic-legend{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 13px}.periodic-legend span{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;font-weight:750}.periodic-legend i{width:10px;height:10px;border-radius:3px;background:#ddd}.periodic-legend .alkali i,.periodic-element.alkali,.element-detail-symbol.alkali{--element:#ffb4ab}.periodic-legend .alkaline i,.periodic-element.alkaline,.element-detail-symbol.alkaline{--element:#ffd6a1}.periodic-legend .transition i,.periodic-element.transition,.element-detail-symbol.transition{--element:#f3c6d4}.periodic-legend .post i,.periodic-element.post,.element-detail-symbol.post{--element:#cbd5e1}.periodic-legend .metalloid i,.periodic-element.metalloid,.element-detail-symbol.metalloid{--element:#bce0c2}.periodic-legend .nonmetal i,.periodic-element.nonmetal,.element-detail-symbol.nonmetal{--element:#a9d8f5}.periodic-legend .halogen i,.periodic-element.halogen,.element-detail-symbol.halogen{--element:#d7c3f1}.periodic-legend .noble i,.periodic-element.noble,.element-detail-symbol.noble{--element:#b7d9f8}.periodic-legend .lanthanide i,.periodic-element.lanthanide,.element-detail-symbol.lanthanide{--element:#f4c3a2}.periodic-legend .actinide i,.periodic-element.actinide,.element-detail-symbol.actinide{--element:#e5b7a9}.periodic-legend span i{background:var(--element)}
.element-detail{display:grid;gap:15px;margin-bottom:12px}.element-detail-head{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:15px}.element-detail-symbol{display:grid;grid-template-columns:1fr;place-items:center;width:66px;height:66px;border:1px solid #0002;border-radius:15px;background:var(--element);color:#211d1a}.element-detail-symbol small{font-size:10px}.element-detail-symbol b{font-size:27px;line-height:1}.element-detail h2{margin:3px 0 4px}.element-detail-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.element-property-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.element-property-grid>div{display:grid;align-content:start;gap:4px;min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:#f8f5f1}.element-property-grid small{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.element-property-grid b{font-size:12px;line-height:1.4;overflow-wrap:anywhere}.element-property-grid .wide{grid-column:span 2}.element-detail .element-source-note{margin:0;padding-top:2px;color:var(--muted);font-size:10px;line-height:1.55}
.periodic-scroll{margin:0 -4px 12px;padding:3px 4px 9px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-color:#c9bbb1 transparent}.periodic-grid{display:grid;grid-template-columns:repeat(18,minmax(58px,1fr));grid-template-rows:24px repeat(7,72px);gap:4px;min-width:1140px}.periodic-group{display:grid;place-items:center;color:var(--muted);font-size:9px;font-weight:800}.periodic-element{position:relative;display:grid;grid-template-columns:1fr;align-content:center;justify-items:center;gap:1px;min-width:0;padding:4px;border:1px solid #00000020;border-radius:8px;background:var(--element);color:#211d1a;box-shadow:none;transition:opacity .15s,transform .15s}.periodic-element:hover,.periodic-element:focus-visible{z-index:2;transform:scale(1.07);outline:2px solid #7f1d1d;outline-offset:1px}.periodic-element small{position:absolute;top:3px;left:4px;font-size:8px}.periodic-element b{font-size:20px;line-height:1}.periodic-element span{width:100%;font-size:7px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.periodic-element.dimmed{opacity:.13}.periodic-placeholder{display:grid;place-items:center;padding:3px;border:1px dashed #0003;border-radius:8px;background:var(--element);color:#493a34;font-size:8px;font-weight:800;text-align:center}.periodic-placeholder.lanthanide{--element:#f4c3a2}.periodic-placeholder.actinide{--element:#e5b7a9}.f-block-scroll{margin-top:4px}.periodic-f-block{display:grid;grid-template-columns:repeat(15,58px);grid-template-rows:repeat(2,72px);gap:4px;width:max-content;margin:auto}.periodic-f-block .periodic-element{grid-row:var(--row)}
.history-timeline{padding:7px 16px 15px}.history-person{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.history-person:last-child{border-bottom:0}.history-years{color:var(--red);font-size:12px;font-weight:850}.history-person h3{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;font-size:15px}.history-person h3 mark{padding:4px 7px;border-radius:99px;background:#dcfae6;color:#067647;font-size:9px;text-transform:uppercase}.history-person p{margin:3px 0 0;color:var(--muted);font-size:12px}.history-person small{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.45}.memory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.memory-card>span{color:var(--red);font-size:11px;font-weight:850;text-transform:uppercase}.memory-card h3{margin:8px 0 13px;font-size:20px;letter-spacing:.07em}.memory-card blockquote{margin:0;padding:13px;border-left:4px solid var(--red);border-radius:0 12px 12px 0;background:#f8f2ed;color:var(--ink);font-weight:750;line-height:1.55}.memory-card p{margin:13px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.memory-disclaimer{padding:10px 2px;color:var(--muted);font-size:11px;line-height:1.5}

.periodic-element em{position:absolute;top:3px;right:4px;max-width:32px;color:#4b413d;font-size:6px;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.history-classification-note{display:grid;grid-template-columns:auto 1fr;gap:12px;margin:0 0 12px;padding:14px 16px;border:1px solid #c6d7eb;border-radius:14px;background:#f3f8fe;color:#23476b;line-height:1.5}.history-classification-note span{font-size:12px}.political-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.political-tags span{padding:4px 7px;border-radius:7px;background:#f0e9e5;color:#5e443c;font-size:9px;font-weight:800;line-height:1.35}.political-tags .area{background:#e9f2fb;color:#285273}

html[data-theme="dark"] .notes-search-input,html[data-theme="dark"] .notes-search-result,html[data-theme="dark"] .note-fact{background:#111113;border-color:var(--line)}
html[data-theme="dark"] .notes-section-nav a:hover,html[data-theme="dark"] .note-chapter[open]>summary,html[data-theme="dark"] .history-section[open]>summary,html[data-theme="dark"] .memory-card blockquote{background:#242125}
html[data-theme="dark"] .notes-study-tip,html[data-theme="dark"] .note-tip{background:#332a12;border-color:#826824;color:#f7d98b}
html[data-theme="dark"] .note-fact code{background:#2d2020;color:#ffaaa4}
html[data-theme="dark"] .notes-inline-search input,html[data-theme="dark"] .periodic-controls input,html[data-theme="dark"] .periodic-controls select{background:#111113;color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .notes-hero{background:linear-gradient(145deg,#161116,#3d1718 65%,#70221f)}
html[data-theme="dark"] .history-person h3 mark{background:#123125;color:#8ce0b5}
html[data-theme="dark"] .element-property-grid>div{background:#181719;border-color:var(--line)}
html[data-theme="dark"] .history-classification-note{background:#17212b;border-color:#31516c;color:#b8d7ee}
html[data-theme="dark"] .political-tags span{background:#2b2726;color:#e7d3ca}html[data-theme="dark"] .political-tags .area{background:#172b3d;color:#a8d3ef}

@media(max-width:700px){.notes-hub-grid,.note-fact-grid,.memory-grid{grid-template-columns:1fr}.notes-hero{padding:23px}.notes-hero-mark{width:62px;height:62px;border-radius:19px;font-size:34px}.periodic-controls{grid-template-columns:1fr}.notes-page-head{align-items:flex-start}.notes-page-head .button{flex:0 0 auto}.element-property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-person{grid-template-columns:95px minmax(0,1fr)}}
@media(max-width:480px){.notes-hero{grid-template-columns:1fr}.notes-hero-mark{display:none}.notes-page-head{display:grid;gap:12px}.notes-page-head .button{width:100%}.notes-section-nav{margin-bottom:14px}.notes-study-tip,.history-classification-note{grid-template-columns:1fr}.element-property-grid .wide{grid-column:1/-1}.history-person{grid-template-columns:1fr;gap:4px}.periodic-grid{grid-template-columns:repeat(18,54px);grid-template-rows:24px repeat(7,68px);min-width:1040px}.periodic-f-block{grid-template-columns:repeat(15,54px);grid-template-rows:repeat(2,68px)}.notes-hub-card{padding:15px}.note-chapter>summary,.history-section>summary{padding:15px}}
@media(min-width:1000px){main.notes-wide-page{width:calc(100% - 36px);max-width:1380px}.notes-wide-page .periodic-grid{min-width:1240px;grid-template-rows:24px repeat(7,78px)}.notes-wide-page .periodic-element b{font-size:23px}.notes-wide-page .periodic-element span{font-size:8px}.notes-wide-page .periodic-f-block{grid-template-columns:repeat(15,64px);grid-template-rows:repeat(2,78px)}}
@media(min-width:1100px){.notes-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:700px) and (max-width:1180px){html.tablet-pwa .notes-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html.tablet-pwa .note-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html.tablet-pwa .notes-section-nav a{padding-block:12px}html.tablet-pwa main.notes-wide-page{width:calc(100% - 20px);max-width:none}.tablet-pwa .periodic-grid{grid-template-columns:repeat(18,minmax(62px,1fr));min-width:1180px}.tablet-pwa .periodic-scroll{margin-inline:-2px}}