@font-face{font-family:IRANSansX;src:url('../fonts/IRANSansXFaNum-Regular.woff2') format('woff2');font-weight:100 400;font-display:swap}
@font-face{font-family:IRANSansX;src:url('../fonts/IRANSansXFaNum-Medium.woff2') format('woff2');font-weight:450 550;font-display:swap}
@font-face{font-family:IRANSansX;src:url('../fonts/IRANSansXFaNum-Bold.woff2') format('woff2');font-weight:600 900;font-display:swap}
:root{color-scheme:light;--bg:#fafbfc;--surface:#fff;--text:#202f3b;--muted:#657683;--line:#dce3e9;--accent:#1768a8;--hover:#edf5fc;--shadow:0 10px 40px #233b5120}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px IRANSansX,Tahoma,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:var(--surface);border-radius:5px;padding:7px 10px}button:hover{background:var(--hover)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #268bdc;outline-offset:3px}input,select{border:1px solid var(--line);border-radius:5px;padding:7px;background:var(--surface);color:var(--text)}input[type=checkbox],input[type=range]{accent-color:var(--accent)}input[type=checkbox]{vertical-align:middle}input[type=range]{cursor:pointer}button[aria-pressed=true]{background:var(--hover);color:var(--accent);border-color:var(--accent)}.skip{position:fixed;top:-100px;right:10px;z-index:30;background:var(--surface);padding:15px}.skip:focus{top:10px}.topbar{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);background:var(--surface);padding:0 22px;min-height:73px}.brand{display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;white-space:nowrap;font-size:19px;font-weight:750;text-align:right}.brand small{display:block;font-size:10px;font-weight:450;color:var(--muted);margin-top:1px}.brand-icon{display:grid;place-items:center;background:var(--accent);color:#fff;width:39px;height:43px;border-radius:4px;font-size:27px;font-weight:700}.tabs{display:flex;align-self:stretch;gap:6px}.tabs button{background:none;border:0;border-radius:0;border-bottom:3px solid transparent;padding:15px 17px;font-weight:600;color:var(--muted);white-space:nowrap}.tabs button span{font:25px Arial;margin-left:6px;vertical-align:middle}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--hover)}.header-actions{display:flex;gap:7px;margin-right:auto}.header-actions button{white-space:nowrap;border:0;font-size:17px}.header-actions button span{font-size:12px}.utilitybar{display:flex;align-items:center;gap:16px;padding:12px 24px;border-bottom:1px solid var(--line);font-size:12px}.search-wrap{display:flex;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:0 9px;gap:6px;width:280px}.search-wrap>span{font:24px Arial}.search-wrap input{width:100%;border:0;min-width:0;background:none}.search-wrap kbd{color:var(--muted);border:1px solid var(--line);padding:0 4px;border-radius:3px}.display-options{display:flex;gap:20px;margin-right:auto}.text-button{border:0;color:var(--accent);background:none}.workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:21px;padding:20px 24px 10px;max-width:1920px;margin:auto}.detail{min-width:0;align-self:start;background:var(--surface);border:1px solid var(--line);border-radius:7px;overflow:hidden}.element-heading{padding:16px 20px 12px;background:var(--element-bg);color:#22303a;border-bottom:1px solid #0001;position:relative;min-height:165px}.element-heading .atomic{font:20px Arial;position:absolute;left:18px;top:16px}.element-heading .symbol{font:700 60px/1.1 Arial;direction:ltr}.element-heading h1{font-size:21px;margin:8px 0 0}.element-heading .en{font:12px Arial;color:#34434c}.element-heading .mass{font:17px Arial;position:absolute;left:18px;bottom:15px}.element-heading .category-tag{font-size:10px;border:1px solid #0003;border-radius:3px;padding:2px 5px;position:absolute;left:12px;top:49px}.element-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:5px}.element-nav button{border:0;font-size:11px}.element-nav button:first-child,.element-nav button:last-child{font-size:18px}.prop-row{display:flex;justify-content:space-between;gap:10px;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:right;padding:9px 12px;font-size:12px;background:none;min-height:39px}.prop-row.active{box-shadow:inset -3px 0 var(--accent);background:var(--hover);color:var(--accent)}.prop-row .value{font:12px Arial;direction:ltr;display:flex;align-items:center;gap:4px;text-align:left}.prop-row small{color:var(--muted);font:9px Arial}.detail-note{padding:10px 12px;color:var(--muted);font-size:11px;line-height:1.9;margin:0}.detail-subtitle{padding:10px 12px;font-weight:650;border-bottom:1px solid var(--line)}.table-area{min-width:0}.control-strip{display:flex;gap:12px;align-items:center;min-height:50px;padding:0 0 14px;font-size:12px;flex-wrap:wrap}.control-strip label{display:flex;align-items:center;gap:7px}.temperature-slider{flex:1;min-width:120px;direction:ltr;background:linear-gradient(90deg,#568ed7,#beddec,#f3e888,#f49350,#c84642);height:7px;border-radius:8px}.temperature-number{width:80px;direction:ltr;text-align:center}.small-note{font-size:11px;color:var(--muted)}.control-strip .property-picker{max-width:200px}.table-scroll{overflow:auto;padding:4px 4px 10px;scrollbar-width:thin;direction:ltr}.periodic-grid{display:grid;grid-template-columns:18px repeat(18,minmax(41px,1fr));grid-template-rows:20px repeat(7,minmax(70px,1fr)) 16px repeat(2,minmax(70px,1fr));gap:3px;min-width:860px;direction:ltr;position:relative}.periodic-grid.wide{grid-template-columns:18px repeat(32,minmax(42px,1fr));grid-template-rows:20px repeat(7,minmax(72px,1fr));min-width:1510px}.group-label,.period-label{display:flex;justify-content:center;align-items:center;font:11px Arial;color:var(--muted)}.element{--cell:#ddd;min-width:0;position:relative;border:1px solid #0002;background:var(--cell);border-radius:3px;padding:4px 3px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#23323a;transition:opacity .12s,box-shadow .12s;line-height:1.15}.element:hover{background:var(--cell);box-shadow:0 0 0 2px var(--text);z-index:2;transform:translateY(-1px)}.element.selected{outline:2px solid var(--accent);outline-offset:1px;z-index:3}.element .z{align-self:flex-start;font:10px Arial;line-height:1.1}.element .sym{font:700 clamp(18px,1.8vw,26px)/1.08 Arial;letter-spacing:-.5px}.element .fa{font:10px IRANSansX,Tahoma;margin-top:3px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;direction:rtl}.element .val{font:10px Arial;white-space:nowrap;margin-top:3px;max-width:100%;overflow:hidden}.element .sym.gas{color:#b0202b}.element .sym.liquid{color:#2348b1}.element .sym.unknown{color:#666c70}.element.dim{opacity:.15}.element.dim:hover,.element.dim:focus-visible{opacity:.7}.series-placeholder{background:var(--surface);border:1px dashed var(--line);display:flex;flex-direction:column;justify-content:center;align-items:center;font:11px Arial;color:var(--muted);border-radius:3px}.legend{grid-column:5 / 14;grid-row:2 / 5;direction:rtl;display:flex;flex-direction:column;justify-content:center;padding:5px 20px 12px;gap:10px}.legend-title{font-size:12px;font-weight:550;color:var(--muted);display:flex;justify-content:space-between;gap:6px}.legend-title button{font-size:10px;border:0;background:none;padding:0;color:var(--accent)}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.category-grid button{font-size:10px;padding:7px 3px;background:var(--cat);color:#25313a;border:1px solid #0002;min-height:40px;line-height:1.7}.category-grid button.active{outline:2px solid var(--accent)}.heat-legend{height:13px;background:linear-gradient(90deg,#d6edf8,#73b9cf,#d8d888,#de744b,#ac304e);border-radius:3px;margin:8px 0}.heat-labels{display:flex;justify-content:space-between;font:11px Arial;direction:ltr}.legend .preview-symbol{font:700 45px Arial}.legend .preview-line{font-size:12px;line-height:1.9}.table-caption{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);margin:3px 20px 15px;line-height:1.9}.table-caption>span:last-child{white-space:nowrap}.state-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#23323a;margin:0 6px 0 2px}.state-dot.liquid{background:#2348b1}.state-dot.gas{background:#b0202b}.state-dot.unknown{background:#92989e}.explorer{border-top:1px solid var(--line);padding-top:14px}.explorer:empty{display:none}.explorer h2{font-size:17px;margin:0 0 10px}.explorer h3{font-size:14px;margin:14px 0 10px}.explorer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.explorer-head h2{margin:0}.explorer p{line-height:1.9}.explorer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:16px;min-width:0}.panel p{color:var(--muted);font-size:12px}.data-table{border-collapse:collapse;width:100%;font-size:12px}.data-table th,.data-table td{padding:9px;border-bottom:1px solid var(--line);text-align:right}.data-table th{font-weight:600;color:var(--muted)}.data-table .numeric{direction:ltr;text-align:left;font-family:Arial}.numeric,code{direction:ltr;unicode-bidi:isolate;font-family:Arial,sans-serif}.data-table tr:hover{background:var(--hover)}.table-overflow{overflow:auto;max-height:450px}.orbital-config{direction:ltr;display:flex;gap:10px;flex-wrap:wrap;padding:12px 0}.orbital-group{display:flex;flex-direction:column;align-items:center;gap:6px;font:12px Arial}.orbital-boxes{display:flex;gap:2px}.orbital-box{border:1px solid var(--line);padding:5px 3px;min-width:23px;text-align:center;font:17px monospace;background:var(--surface);border-radius:2px}.orbital-box:focus-visible,.orbital-box:hover{background:var(--hover);color:var(--accent)}.electron-visual{display:flex;align-items:center;justify-content:space-around;gap:15px}.bohr{width:220px;max-width:100%;height:auto}.bohr circle{fill:none;stroke:var(--line);stroke-width:1}.bohr .electron{fill:var(--accent);stroke:none}.bohr .nucleus{fill:var(--accent);stroke:none}.bohr text{fill:white;font:700 15px Arial;text-anchor:middle}.orbital-canvas{width:100%;height:270px;touch-action:none;cursor:grab;background:#111d2b;border-radius:5px}.orbital-canvas:active{cursor:grabbing}.iso-cards{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0;max-height:215px;overflow:auto;padding:3px}.iso-card{direction:ltr;min-width:63px;min-height:53px;background:var(--surface);border-top:3px solid #aa774e;font-family:Arial}.iso-card.stable{border-top-color:#3d9373}.iso-card.active{outline:2px solid var(--accent);background:var(--hover)}.iso-card small{display:block;font:9px IRANSansX;margin-top:5px;color:var(--muted)}.decay{direction:ltr;unicode-bidi:isolate}.formula-input{direction:ltr;font:20px Arial;flex:1;min-width:0}.formula-form{display:flex;gap:8px}.primary{background:var(--accent);color:white;border-color:var(--accent)}.primary:hover{background:#145588;color:white}.formula-result{font:32px Arial;direction:ltr;padding:15px 0}.formula-result small{font-size:14px;color:var(--muted)}.error{color:#b6313c!important;line-height:1.8}.compound-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:8px;max-height:335px;overflow:auto}.compound-card{display:flex;align-items:center;justify-content:space-between;text-align:right;gap:8px;padding:12px;font-size:12px}.compound-card span{font:15px Arial;direction:ltr}.mix-chips{display:flex;gap:6px;flex-wrap:wrap;min-height:34px;margin-bottom:10px;direction:ltr}.mix-chips button{border-radius:20px;font:13px Arial;padding:6px 11px}.mass-bar{height:7px;background:var(--accent);border-radius:5px;margin-top:5px}.property-summary{display:flex;gap:24px;align-items:center;justify-content:space-between}.property-summary p{margin:0;color:var(--muted);font-size:12px}.property-summary strong{font-size:18px;color:var(--text)}.link-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding:20px 25px;margin-top:22px;color:var(--muted);font-size:11px}footer nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}footer button{padding:0;border:0;background:none;color:var(--accent);font-size:11px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 25px;border-radius:6px;background:var(--text);color:var(--surface);box-shadow:var(--shadow);z-index:30;max-width:90vw}dialog{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);max-width:720px;width:90vw;padding:22px;line-height:2}dialog::backdrop{background:#152b4766}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-head h2{font-size:20px;margin:0}.dialog-head button{font-size:24px;border:0}.article-text{white-space:pre-line}.article-text[lang=en]{direction:ltr;text-align:left}.workspace.top-layout{grid-template-columns:1fr}.top-layout .detail{display:grid;grid-template-columns:210px 1fr;width:100%}.top-layout .element-heading{grid-row:1 / 3}.top-layout .element-nav{grid-column:2}.top-layout #detail-content{display:grid;grid-template-columns:repeat(4,1fr);max-height:215px;overflow:auto}.top-layout .detail-note{grid-column:1 / -1}.workspace.hide-panel{grid-template-columns:1fr}.hide-panel .detail{display:none}.no-names .element .fa{display:none}.no-values .element .val{display:none}.dark{color-scheme:dark;--bg:#131b23;--surface:#1b2530;--text:#e0e7ed;--muted:#99aab9;--line:#344452;--accent:#6aaee6;--hover:#233d51;--shadow:0 10px 40px #0005}.dark .element,.dark .element-heading,.dark .category-grid button{filter:saturate(.75) brightness(.86)}.dark .element.selected{outline-color:#98d1ff}.dark .primary{background:#286995;color:#fff}.dark .brand-icon{color:#14212a}.article-page{max-width:1000px;margin:35px auto;padding:0 25px;line-height:2.15}.article-page h1{font-size:29px}.article-page h2{font-size:20px;margin-top:30px}.article-page .lead{color:var(--muted);font-size:16px}.article-page li{margin-bottom:10px}.article-page details{border-bottom:1px solid var(--line);padding:15px 0}.article-page summary{cursor:pointer;font-weight:650}.article-page .resources{display:grid;grid-template-columns:1fr 1fr;gap:18px}.article-page .panel{padding:23px}.article-page .button-link{display:inline-block;padding:7px 15px;border:1px solid var(--line);border-radius:5px}.cards-print{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.flashcard{border:1px solid #999;border-radius:8px;padding:20px;min-height:190px;break-inside:avoid;color:#22303a}.flashcard strong{font:700 45px Arial;display:block}.flashcard h2{margin:5px 0;font-size:20px}.flashcard p{font-size:12px;margin:3px 0}
@media(min-width:1600px){.periodic-grid{grid-template-rows:20px repeat(7,minmax(85px,1fr)) 16px repeat(2,minmax(85px,1fr))}.element .fa{font-size:12px}.element .val{font-size:11px}.element .sym{font-size:29px}.legend{padding:15px 40px}.category-grid button{font-size:12px}}
@media(max-width:1150px){.topbar{gap:14px;padding:0 14px}.tabs button{padding:14px 10px}.header-actions button span{display:none}.workspace{grid-template-columns:220px minmax(0,1fr);gap:14px;padding:16px 14px}.utilitybar{padding:10px 14px}.display-options{gap:10px}.periodic-grid{min-width:800px}.legend{padding:5px 8px}.category-grid button{font-size:9px}.element .fa{font-size:9px}.element .sym{font-size:22px}.table-caption{flex-wrap:wrap}.explorer-grid{grid-template-columns:1fr}}
@media(max-width:760px){.topbar{flex-wrap:wrap;gap:0;min-height:0;padding:10px 12px 0}.brand{font-size:16px}.brand-icon{width:32px;height:35px;font-size:23px}.brand small{font-size:9px}.header-actions{order:1}.tabs{order:2;width:100%;margin-top:9px;justify-content:space-between;gap:0}.tabs button{flex:1;padding:10px 4px;font-size:12px}.tabs button span{font-size:20px;margin-left:3px}.utilitybar{flex-wrap:wrap;gap:8px;padding:10px 12px}.search-wrap{width:auto;flex:1}.display-options{order:3;width:100%;font-size:10px;justify-content:space-between}.utilitybar .text-button{padding:4px}.workspace{display:flex;flex-direction:column;padding:12px;gap:20px}.table-area{order:0;width:100%}.detail{order:1;width:100%;display:grid;grid-template-columns:130px 1fr}.element-heading{grid-row:1 / 3;padding:12px;min-height:190px}.element-heading .symbol{font-size:45px;margin-top:20px}.element-heading .atomic{font-size:15px;left:10px;top:10px}.element-heading .category-tag{position:static;display:inline-block;margin-top:10px;font-size:9px}.element-heading h1{font-size:19px}.element-heading .mass{position:static;margin-top:10px;font-size:16px}.element-nav{grid-column:2}.element-nav button{font-size:10px}#detail-content{max-height:335px;overflow:auto}.periodic-grid{min-width:870px;grid-template-rows:18px repeat(7,73px) 14px repeat(2,73px)}.table-scroll{border:1px solid var(--line);border-radius:5px;padding:8px 5px}.control-strip{gap:8px}.temperature-slider{order:3;min-width:100%;margin:6px 0 10px}.temperature-number{width:67px}.control-strip select{max-width:160px;font-size:11px}.table-caption{margin:8px 0 14px;gap:4px;font-size:10px}.legend{padding:5px 13px}.category-grid button{font-size:10px}.explorer-grid{grid-template-columns:1fr}.panel{padding:12px}.electron-visual{flex-wrap:wrap}.property-summary{gap:10px}.workspace.hide-panel .detail{display:none}.top-layout .detail{display:block}.top-layout #detail-content{display:block;max-height:335px}.top-layout .element-heading{min-height:180px}.article-page{margin:20px auto;padding:0 17px}.article-page h1{font-size:24px}.article-page .resources{grid-template-columns:1fr}.cards-print{grid-template-columns:repeat(2,1fr)}footer{padding:18px 13px;gap:12px}footer nav{gap:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{@page{size:A4 landscape;margin:8mm}:root,.dark{--bg:white;--surface:white;--text:#111;--muted:#444;--line:#ccc;--accent:#1768a8}body{background:white;color:black;print-color-adjust:exact;-webkit-print-color-adjust:exact}.topbar,.utilitybar,.detail,.control-strip,footer,.table-caption,.skip,.toast,dialog{display:none!important}.workspace{display:block;padding:0;max-width:none}.table-scroll{overflow:visible;border:0;padding:0}.periodic-grid{min-width:0;width:100%;grid-template-columns:12px repeat(18,minmax(0,1fr));grid-template-rows:15px repeat(7,13mm) 3mm repeat(2,13mm);gap:2px}.periodic-grid.wide{min-width:0;grid-template-columns:10px repeat(32,minmax(0,1fr));grid-template-rows:15px repeat(7,17mm)}.element .sym{font-size:19px}.element .fa{font-size:8px}.element .val,.element .z{font-size:8px}.element{padding:2px;filter:none!important}.element.selected{outline:none}.legend{padding:5px 15px}.category-grid button{font-size:8px;padding:2px;min-height:25px}.legend-title{font-size:10px}.explorer{display:none}.article-page{max-width:none;margin:0}.article-page .no-print{display:none}.cards-print{grid-template-columns:repeat(4,1fr)}.flashcard{min-height:170px}.print-title{display:block!important;text-align:center;margin:0 0 10px}}

.element-heading .symbol{text-align:right}.detail #detail-content{max-height:620px;overflow:auto}.periodic-grid{grid-template-rows:20px repeat(7,68px) 16px repeat(2,68px)}.element .val{font-family:Arial,IRANSansX,sans-serif}
@media(max-width:760px){.detail #detail-content{max-height:335px}.element-heading .symbol{margin-top:24px}.periodic-grid{grid-template-rows:18px repeat(7,70px) 14px repeat(2,70px)}}
@media print{.periodic-grid{grid-template-rows:15px repeat(7,13mm) 3mm repeat(2,13mm)}.periodic-grid.wide{grid-template-rows:15px repeat(7,17mm)}}

.color-controls{display:flex;gap:10px;justify-content:space-between;font-size:9px}.color-controls label{display:flex;align-items:center;gap:3px}.color-controls input{width:23px;height:22px;padding:1px;border:0;cursor:pointer}.legend:has(.color-controls){gap:5px}.legend:has(.color-controls) .heat-legend{margin:3px 0}

.mobile-detail{display:none}@media(max-width:760px){.mobile-detail{display:flex;position:sticky;top:0;z-index:8;justify-content:space-between;align-items:center;width:100%;padding:11px 12px;margin-bottom:10px;box-shadow:0 3px 10px #0001;border-color:var(--line)}.mobile-detail span{font-size:11px}}@media print{.mobile-detail{display:none}}

.element{padding:3px 2px}.element>span{flex-shrink:0}.element .z{font:9px/10px Arial}.element .sym{font:700 22px/23px Arial}.element .fa{font-size:9px;line-height:14px;height:14px;margin-top:0}.element .val{font-size:9px;line-height:11px;height:11px;margin-top:1px}.element[aria-pressed=true]{background:var(--cell);color:#23323a;border-color:#0002}@media(min-width:1600px){.element .fa{font-size:10px}}
.topbar .tabs>a{display:flex;align-items:center;padding:12px 9px;font-size:13px;white-space:nowrap}@media(max-width:760px){.topbar .tabs>a{font-size:11px;padding:10px 6px}}

/* Readable Persian UI; scientific symbols and numeric values retain their scale. */
.prop-row .value{font-family:Arial,IRANSansX,Tahoma,sans-serif}
@media screen{
  body{font-size:16px}
  .brand small,.element-heading .category-tag,.legend-title button{font-size:12px}
  .utilitybar,.control-strip,.prop-row,.legend-title,.legend .preview-line,
  .panel p,.data-table,.compound-card,.property-summary p,.link-row{font-size:14px}
  .element-nav button,.detail-note,.small-note,footer,footer button{font-size:13px}
  .element-nav button:first-child,.element-nav button:last-child{font-size:18px}
  .table-caption,.category-grid button,.color-controls,.iso-card small{font-size:12px}
  .header-actions button span,.mobile-detail span{font-size:13px}
  .topbar .tabs>a{font-size:15px}
  .explorer h3{font-size:16px}
  .periodic-grid{grid-template-columns:18px repeat(18,minmax(54px,1fr));min-width:1045px;grid-template-rows:20px repeat(7,74px) 16px repeat(2,74px)}
  .periodic-grid.wide{grid-template-columns:18px repeat(32,minmax(54px,1fr));min-width:1845px;grid-template-rows:20px repeat(7,76px)}
  .element .fa{font-size:11px;line-height:18px;height:18px}
  .prop-row{align-items:center;line-height:1.8}
  .prop-row .value{flex-shrink:0}
  .category-grid button{padding:5px 2px;line-height:1.7}
  .color-controls{flex-wrap:wrap}
}
@media screen and (min-width:1600px){.element .fa{font-size:12px}}
@media screen and (max-width:1150px){.category-grid button{font-size:11px}}
@media screen and (max-width:760px){
  .brand small{font-size:11px}
  .tabs button{font-size:14px}
  .display-options{font-size:12px;flex-wrap:wrap;gap:8px 12px}
  .element-heading .category-tag{font-size:11px}
  .element-nav button{font-size:12px}
  .control-strip select{font-size:13px}
  .topbar .tabs>a{font-size:13px}
  .table-caption{font-size:12px}
  .periodic-grid{grid-template-rows:18px repeat(7,74px) 14px repeat(2,74px)}
  .periodic-grid.wide{grid-template-rows:18px repeat(7,76px)}
}