header nav a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}main:focus{outline:none}.element-cell{text-decoration:none}.element-cell:focus-visible{opacity:1}.periodic-panel .element-bottom{grid-template-columns:1fr}.periodic-panel .element-test form{max-width:740px}.periodic-panel .element-test form>button{width:auto;min-width:220px}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:13px;margin:0 0 28px;color:var(--muted)}.breadcrumb a{text-decoration:none}.element-hero{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:0 0 36px;border-bottom:1px solid var(--line);margin-bottom:30px}.element-hero>div:first-child{max-width:720px}.element-hero h1{font-size:44px;margin:12px 0}.element-hero h1 span{display:block;font:400 20px 'Segoe UI';color:#7b8d7e;margin-top:7px;letter-spacing:1px}.element-hero p{font-size:17px;color:#5f7666;margin:16px 0}.identity-chips{display:flex;gap:9px;flex-wrap:wrap}.identity-chips span{background:#e6eddf;border:1px solid #d5e1ce;border-radius:20px;padding:6px 12px;font-size:12px}.element-poster{background:var(--family);border:1px solid #ffffff;border-radius:22px;width:215px;min-width:215px;min-height:230px;padding:22px;display:flex;flex-direction:column;box-shadow:9px 9px 0 #e6ede0;transform:rotate(2deg);text-align:center}.element-poster small{font-size:12px;text-align:left}.element-poster strong{font:600 90px 'Segoe UI';line-height:1.5}.element-poster span{font:16px 'Segoe UI'}.element-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px}.element-main,.element-side{min-width:0}.info-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:25px;margin-bottom:20px}.card-heading{display:flex;gap:13px;align-items:center;margin-bottom:21px}.card-heading>span{font:12px 'Segoe UI';display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#edf3e8;color:#77906e}.card-heading h2{font-size:20px}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0}.property{border-bottom:1px solid #edf0e9;padding:15px 0;min-width:0}.property dt{font-size:12px;color:#7c897a;margin-bottom:8px}.property dd{margin:0;font-size:17px;font-weight:600;color:#2d4a38;overflow-wrap:anywhere}.property small{display:block;font-size:11px;color:#7b897b;line-height:1.7;margin-top:7px}.inline-note{font-size:12px;color:#7b897b;line-height:1.9;margin:19px 0 0}.reading-text{font-size:17px;line-height:2;color:#49624f;margin:0}.atom-identity{background:#edf4df;border:1px solid #d6e4c0;border-radius:15px;padding:24px;margin-bottom:20px}.proton-badge{width:112px;height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff8db;border:1px solid #e9e1b3;border-radius:50%;font:600 40px 'Segoe UI';margin:23px auto}.proton-badge small{font-size:14px;color:#8a885a;margin-top:4px}.atom-identity h2{font-size:20px;line-height:1.8}.atom-identity p{font-size:13px;color:#667e58}.element-side .info-card h2{font-size:17px}.detail-experiments{display:flex;flex-direction:column;margin:12px 0;gap:8px}.detail-experiments a{font-size:13px;border-bottom:1px solid #edf0e8;padding:10px 0;text-decoration:none}.detail-experiments a:hover{text-decoration:underline}.detail-experiments p{font-size:13px;color:#72816c}.link-button{display:block;text-decoration:none;text-align:center;font-size:12px!important;line-height:1.6}.source-card{padding:5px 15px}.source-card h2{font-size:15px;margin-bottom:12px}.source-card a{display:block;font-size:12px;margin:12px 0}.source-card p{font-size:11px;color:#829079}.element-pagination{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0;gap:15px;margin-top:15px}.element-pagination>a{font-size:15px;text-decoration:none}.element-pagination small{display:block;color:var(--muted);font:11px 'Segoe UI';margin-top:7px}.element-pagination a:last-child{text-align:right}.child-mode .reading-text{font-size:19px}.child-mode .property dd{font-size:19px}#elementPage:empty{min-height:60vh}@media(max-width:1000px){.element-page-layout{grid-template-columns:minmax(0,1fr) 260px}.element-hero h1{font-size:35px}.info-card{padding:20px}.element-poster{width:175px;min-width:175px;min-height:200px}.element-poster strong{font-size:70px}}@media(max-width:750px){.element-hero{gap:18px;align-items:start}.element-hero h1{font-size:28px}.element-hero h1 span{font-size:16px}.element-hero p{font-size:14px}.element-poster{width:115px;min-width:115px;min-height:142px;padding:12px;border-radius:13px;box-shadow:5px 5px 0 #e6ede0}.element-poster strong{font-size:52px}.element-poster small{font-size:9px}.element-poster span{font-size:11px}.element-page-layout{grid-template-columns:1fr}.element-side{display:grid;grid-template-columns:1fr 1fr;gap:15px}.source-card{grid-column:1 / -1}.atom-identity{padding:18px}.element-pagination>a{font-size:12px}.identity-chips span{font-size:10px;padding:5px 8px}.periodic-panel .element-test form>button{width:100%}.breadcrumb{font-size:12px;margin-bottom:22px}.reading-text,.child-mode .reading-text{font-size:16px}}@media(max-width:450px){.element-side{display:block}.property-grid{gap:0 14px}.property dd,.child-mode .property dd{font-size:15px}.property dt{font-size:11px}.info-card{padding:18px}.card-heading h2{font-size:18px}.element-hero{gap:12px}.element-hero h1{font-size:25px}.element-poster{width:98px;min-width:98px;min-height:132px}.element-poster strong{font-size:45px}.element-poster small{font-size:8px}.element-hero>div:first-child{min-width:0}.element-hero p{line-height:1.9}.element-pagination{gap:9px}.element-pagination>a{max-width:40%;font-size:11px}}
header.extended-nav{height:auto;min-height:92px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px;gap:12px}header.extended-nav nav{order:3;flex:1 0 100%;display:flex;flex-wrap:wrap;gap:4px;justify-content:center}header.extended-nav nav .tab{padding:10px 12px;min-height:44px}.revision-link{display:block;margin-top:18px;line-height:1.8}@media(max-width:600px){header.extended-nav nav .tab{flex:1 1 29%;padding:10px 6px;font-size:12px;text-align:center}header.extended-nav .child-toggle{font-size:11px}}