/*
Theme Name: Lab Atlas — Instrument Knowledge
Description: A laboratory instrument knowledge theme with instrument hubs, articles, downloads, questions and contact details. Use with Lab Atlas Library.
Version: 1.1.0
Requires at least: 6.5
Requires PHP: 8.0
Author: Lab Atlas
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lab-atlas
*/
:root{--ink:#152c41;--muted:#526779;--blue:#155a81;--teal:#247263;--line:#dbe4e9;--pale:#f2f6f8;--paper:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:var(--paper);font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;font-size:18px;line-height:1.75}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c17b20;outline-offset:4px}img{max-width:100%;height:auto}button,input,select{font:inherit}button,.button,input[type=submit]{border:0;border-radius:5px;background:var(--blue);color:#fff;padding:12px 24px;cursor:pointer;display:inline-block;min-height:48px}button:hover,.button:hover{background:#104566;text-decoration:none}input,select{max-width:100%;padding:11px 14px;border:1px solid #aebfc9;border-radius:5px;background:#fff;color:var(--ink)}.wrap{max-width:1220px;margin:auto;padding:0 32px}.site-header{border-bottom:1px solid var(--line);background:#fff}.header-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:104px}.brand{display:flex;align-items:center;gap:14px;color:var(--ink);font-weight:750;font-size:22px;line-height:1.35}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;background:var(--ink);color:#fff;width:46px;height:46px;border-radius:5px;font-size:21px;letter-spacing:-2px;flex-shrink:0}.brand small{display:block;font-size:12px;letter-spacing:2px;font-weight:600;color:var(--muted);margin-top:5px}.custom-logo{max-width:180px;max-height:64px;width:auto}.navigation ul{display:flex;list-style:none;gap:28px;margin:0;padding:0}.navigation a{color:var(--ink);font-size:17px;font-weight:600}.menu-toggle{display:none}.hero{background:var(--pale);border-bottom:1px solid var(--line);padding:66px 0 54px}.hero-inner{max-width:860px}.eyebrow{text-transform:uppercase;font-size:13px;letter-spacing:2px;font-weight:700;color:var(--teal);margin:0 0 16px}.hero h1{font-size:clamp(32px,4vw,50px);line-height:1.3;letter-spacing:-1px;margin:0 0 20px;font-weight:750}.hero p.lead{font-size:19px;color:var(--muted);max-width:760px;margin:0 0 27px}.search-form{display:flex;gap:10px;max-width:760px}.search-form input[type=search]{flex:1;min-width:0;padding:15px 18px}.search-label{display:block;font-size:16px;font-weight:600;margin-bottom:8px}.quick-links{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:15px;margin-top:16px;color:var(--muted)}.section{padding:54px 0}.section.soft{background:var(--pale);border-block:1px solid var(--line)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.section-head h2{font-size:29px;margin:0 0 5px;line-height:1.4}.section-head p{margin:0;color:var(--muted);font-size:17px}.section-head>a{font-size:16px;white-space:nowrap;font-weight:650}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.instrument{display:block;padding:24px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:#fff;transition:border-color .15s,box-shadow .15s}.instrument:hover{border-color:var(--blue);box-shadow:0 5px 18px #152c410a;text-decoration:none}.instrument-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.code{font-size:13px;letter-spacing:1px;color:var(--teal);background:#eef5f2;padding:4px 9px;border-radius:3px;font-weight:750}.arrow{font-size:23px;color:var(--blue)}.instrument h3{font-size:21px;margin:0 0 8px}.instrument p{font-size:16px;color:var(--muted);margin:0;line-height:1.65}.instrument .english{font-size:13px;letter-spacing:.2px;margin-bottom:10px}.article-card{padding:25px 0;border-top:2px solid var(--line)}.article-card h2,.article-card h3{font-size:22px;line-height:1.55;margin:12px 0}.article-card h2 a,.article-card h3 a{color:var(--ink)}.article-card p{font-size:17px;color:var(--muted);margin:0 0 16px}.meta{font-size:14px;color:var(--muted)}.badge{font-size:13px;display:inline-block;color:var(--teal);font-weight:650;margin-right:10px}.article-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:5px;margin-bottom:12px}.read-link{font-size:16px;font-weight:650}.download-row{display:flex;align-items:center;gap:20px;padding:23px 0;border-bottom:1px solid var(--line)}.file-icon{font-size:12px;font-weight:800;border:1px solid #b7c9d3;color:var(--blue);border-radius:4px;padding:14px 9px;background:#fff}.download-row .detail{flex:1;min-width:0}.download-row h3{font-size:20px;margin:0 0 4px}.download-row h3 a{color:var(--ink)}.download-row .read-link{white-space:nowrap}.empty{padding:26px;background:var(--pale);border:1px dashed #bbcbd5;border-radius:6px;color:var(--muted);font-size:17px;grid-column:1/-1}.site-footer{background:var(--ink);color:#d2dde5;padding:42px 0 24px;margin-top:35px}.footer-grid{display:flex;justify-content:space-between;gap:36px}.site-footer a{color:#fff}.site-footer strong{font-size:21px;color:#fff}.site-footer p{font-size:15px;max-width:540px}.footer-links{display:flex;gap:25px;align-items:flex-start;font-size:16px}.copyright{border-top:1px solid #395064;padding-top:18px;margin-top:25px;font-size:13px}.page-head{padding:35px 0 30px;border-bottom:1px solid var(--line);background:var(--pale)}.breadcrumb{font-size:14px;color:var(--muted);margin-bottom:20px}.page-head h1{font-size:36px;line-height:1.4;margin:0 0 14px}.page-head p{max-width:850px;margin:0;color:var(--muted)}.two-col{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:52px;padding-top:36px;padding-bottom:48px}.two-col .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar .panel{background:var(--pale);padding:24px;border-radius:6px;margin-bottom:24px}.sidebar h2{font-size:19px;margin:0 0 16px}.sidebar ul{padding:0;list-style:none;margin:0}.sidebar li{margin-bottom:13px;font-size:16px}.sidebar .download-row{display:block;padding:14px 0}.sidebar .download-row h3{font-size:17px}.sidebar .file-icon{display:none}.sidebar .download-row .read-link{font-size:14px}.entry{font-size:18px;line-height:1.95;overflow-wrap:anywhere}.entry h2{font-size:27px;margin-top:38px;line-height:1.5}.entry h3{font-size:22px;margin-top:28px}.entry a{text-decoration:underline;text-underline-offset:3px}.entry p{margin:0 0 22px}.entry table{border-collapse:collapse;width:100%;font-size:16px}.entry td,.entry th{border:1px solid var(--line);padding:12px;text-align:left}.entry blockquote{border-left:4px solid var(--teal);background:var(--pale);margin:24px 0;padding:20px 25px}.entry pre{white-space:pre-wrap}.entry figure{max-width:100%;margin-inline:0}.entry iframe{max-width:100%}.entry .wp-block-table{overflow-x:auto}.article-meta{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:15px;color:var(--muted);margin-top:18px}.toc{font-size:16px}.toc ol{padding-left:22px}.toc li{margin:10px 0}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:14px;padding:20px;background:var(--pale);margin:25px 0}.filters label{font-size:15px;display:block}.filters input,.filters select{display:block;max-width:260px}.pagination{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.page-numbers{padding:8px 16px;background:var(--pale);border-radius:4px}.page-numbers.current{background:var(--blue);color:#fff}.file-panel{padding:25px;border:1px solid var(--line);border-left:4px solid var(--teal);margin:25px 0}.file-panel dl{display:grid;grid-template-columns:110px 1fr;font-size:16px;gap:10px;margin-bottom:24px}.file-panel dt{color:var(--muted)}.file-panel dd{margin:0}.skip-link,.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip-link:focus{clip:auto;clip-path:none;width:auto;height:auto;left:12px;top:12px;padding:14px;background:#fff;z-index:999}.notice{background:#f5f4ee;padding:15px 20px;font-size:16px;border-left:3px solid #b08942}.alignwide{max-width:100%}.wp-caption-text{font-size:14px;color:var(--muted)}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-row{flex-wrap:wrap;padding-block:22px;gap:18px}.navigation{width:100%}.navigation ul{gap:24px;flex-wrap:wrap}.two-col{grid-template-columns:1fr;gap:20px}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sidebar .panel{margin:0}.hero{padding:42px 0}.footer-grid{flex-direction:column}.hero h1{letter-spacing:0}}
@media(max-width:580px){.wrap{padding-inline:20px}.brand{font-size:19px}.brand small{font-size:10px}.header-row{min-height:80px}.menu-toggle{display:block;padding:7px 14px;font-size:16px;min-height:44px}.js .navigation{display:none}.js .navigation.is-open{display:block}.navigation ul{display:block}.navigation a{display:block;padding:9px 0}.grid,.two-col .grid,.sidebar{grid-template-columns:1fr}.section{padding:36px 0}.section-head{align-items:flex-start}.section-head h2{font-size:25px}.section-head p{font-size:16px}.section-head>a{font-size:14px}.search-form{gap:8px}.search-form button{padding-inline:17px}.search-form input[type=search]{padding:12px;font-size:16px}.hero h1{font-size:32px}.hero p.lead{font-size:17px}.page-head h1{font-size:29px}.download-row{gap:12px;flex-wrap:wrap}.download-row .read-link{margin-left:55px}.sidebar .download-row .read-link{margin-left:0}.download-row h3{font-size:18px}.instrument{padding:22px}.footer-links{flex-wrap:wrap}.filters>div,.filters input,.filters select{width:100%;max-width:none}.entry{font-size:18px}.file-panel dl{grid-template-columns:85px 1fr}.article-card{padding-top:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:580px){.header-row{gap:10px}.brand{font-size:17px}.brand small{font-size:9px;letter-spacing:1px}.brand-mark{width:40px;height:40px}.section-head{display:block}.section-head>a{display:inline-block;margin-top:12px}}