:root{--ink:#15352e;--muted:#596c63;--green:#217957;--line:#dce4dc;--paper:#f7f8f2;--white:#fff;--lime:#d9eead}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button,.button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #387cea;outline-offset:4px}header{max-width:1400px;margin:auto;padding:25px 5%;display:flex;align-items:center;gap:48px;border-bottom:1px solid var(--line)}.brand{font-size:20px;font-weight:750;display:flex;align-items:center;gap:12px}.mark{background:var(--ink);color:var(--lime);border-radius:9px;padding:4px 9px;font-size:15px}nav{display:flex;gap:24px}.header-note{margin-left:auto;color:var(--muted);font-size:13px}main{max-width:1300px;margin:auto;padding:0 5% 60px}.hero{padding:85px 0 65px;max-width:840px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,6vw,76px);line-height:1.05;letter-spacing:-3px;margin:20px 0 24px;font-weight:650}.hero h1 span{color:var(--green)}h2{font-size:28px;letter-spacing:-.8px;line-height:1.2;margin:10px 0 24px}h3{font-size:22px}.lead{font-size:19px;line-height:1.6;color:var(--muted);max-width:660px}.search{display:flex;padding:8px;border:1px solid var(--line);background:white;border-radius:12px;max-width:680px;margin:30px 0}.search input{min-width:0;flex:1;border:0;background:transparent;padding:12px;color:var(--ink)}button,.button{border:0;background:var(--ink);color:white;padding:12px 22px;border-radius:8px;font-weight:650}.hero-meta{display:flex;gap:26px;font-size:12px;color:var(--muted)}.hero-meta span:before{content:'✓';color:var(--green);margin-right:7px}.section{padding:35px 0;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-heading>a{font-size:13px;font-weight:700}.systems{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.system-tile{padding:25px;border:1px solid var(--line);border-radius:12px;background:#edf2e6}.system-tile p{font-size:13px;color:var(--muted);margin:0}.tile-symbol{float:right;font-size:24px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-card{padding:24px;border:1px solid var(--line);background:white;border-radius:12px;display:flex;flex-direction:column;min-height:275px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tool-icon{width:42px;height:42px;background:#e8efdf;display:grid;place-items:center;border-radius:10px;font-size:22px;font-weight:650}.pill{font-size:11px;border:1px solid var(--line);border-radius:30px;padding:2px 10px}.tool-title{font-size:19px;font-weight:700;margin-bottom:10px}.tool-title span{float:right;font-size:15px;color:var(--muted)}.tool-card p{color:var(--muted);font-size:13px;line-height:1.65}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 20px}.tags span{font-size:10px;background:#f1f4ed;border-radius:5px;padding:3px 7px}.card-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:15px;border-top:1px solid #edf0ea;font-size:10px;color:var(--muted)}.demo{color:#9a5c15;background:#fff3d8;border-radius:5px;padding:3px 6px;font-size:11px}.page-heading{padding:50px 0 10px}.page-heading h1{font-size:48px;letter-spacing:-2px}.page-heading p{color:var(--muted)}.compact{max-width:none;margin:20px 0 32px}.catalog-layout{display:grid;grid-template-columns:235px 1fr;gap:35px}.catalog-results .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{font-size:13px}.filter-header{display:flex;align-items:center;justify-content:space-between}.filter-header h2{font-size:16px;margin:0}.filter-header button{background:none;color:var(--green);padding:0;font-size:12px}.filter-note{font-size:11px;color:var(--muted);margin:15px 0}fieldset{border:0;border-top:1px solid var(--line);padding:18px 0;margin:0}legend{font-weight:700;font-size:13px;padding-top:12px}fieldset label{display:flex;align-items:center;gap:9px;margin:8px 0}fieldset label span{margin-left:auto;color:var(--muted);font-size:11px}input[type=checkbox]{accent-color:var(--green);width:15px;height:15px}.results-bar{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:18px}.pagination{justify-content:center;align-items:center;margin:30px 0;font-size:13px}.pagination a{padding:8px 14px;border:1px solid var(--line);border-radius:6px;background:white}.breadcrumbs{font-size:12px;color:var(--muted);padding:35px 0}.detail-head{display:grid;grid-template-columns:1fr 260px;gap:40px;padding:20px 0 45px}.detail-head h1{font-size:58px}.action-panel{align-self:center;display:flex;flex-direction:column;gap:14px}.action-panel p{font-size:11px;color:var(--muted)}.button{display:block;text-align:center}.detail-layout{display:grid;grid-template-columns:1fr 260px;gap:50px}.compatibility{display:grid;gap:14px}.compatibility>div{background:white;border:1px solid var(--line);padding:20px;border-radius:10px}.compatibility span{display:block;color:var(--muted);font-size:13px}.compatibility p{font-size:13px;margin:10px 0}.compatibility small{font-size:11px;color:var(--green)}.detail-aside{padding:24px;background:#edf2e6;border-radius:12px;align-self:start}.detail-aside h2{font-size:19px}.detail-aside p,.detail-aside dl{font-size:13px}dt{color:var(--muted);font-size:11px}dd{margin:0 0 18px}.sources{padding-left:18px;font-size:13px}.sources a{text-decoration:underline}.prose{max-width:800px}.empty{padding:30px;grid-column:1/-1}footer{border-top:1px solid var(--line);padding:30px 5%;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}.sr-only,.skip{position:absolute;left:-10000px}.skip:focus{left:15px;top:15px;background:white;padding:10px;z-index:10}@media(max-width:800px){.header-note{display:none}header{gap:24px}.cards,.systems{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-top:55px}.catalog-layout{grid-template-columns:190px 1fr;gap:20px}.catalog-results .cards{grid-template-columns:1fr}.detail-head,.detail-layout{grid-template-columns:1fr}.detail-aside{order:-1}}@media(max-width:540px){header{padding:18px 5%;gap:18px;flex-wrap:wrap}.brand{font-size:17px}header nav{font-size:12px;gap:15px;margin-left:auto}.hero{padding:45px 0}.hero h1{letter-spacing:-2px}.lead{font-size:16px}.hero-meta{flex-wrap:wrap;gap:8px 15px;font-size:10px}.search{padding:5px}.search input{padding:9px;font-size:12px}.search button{padding:10px 12px;font-size:12px}.cards,.systems{grid-template-columns:1fr}.section-heading{align-items:start}.section-heading h2{font-size:23px}.section-heading>a{font-size:11px;white-space:nowrap}.catalog-layout{grid-template-columns:1fr}.filters{padding:18px;border:1px solid var(--line);border-radius:10px}fieldset{display:flex;flex-wrap:wrap;gap:0 12px}fieldset label{min-width:130px;flex:1}.page-heading h1{font-size:37px}.detail-head h1{font-size:42px;letter-spacing:-2px}.tool-card{min-height:245px}.results-bar{font-size:11px}footer{flex-direction:column}.pagination{gap:15px}}
summary{cursor:pointer;font-weight:700;margin-bottom:18px;color:var(--green)}select{font:inherit;padding:5px;border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink)}#sort-form{display:flex;align-items:center;gap:7px}#sort-form button{font-size:11px;padding:5px 9px}.table-wrap{max-width:100%;overflow-x:auto;margin:35px 0}table{width:100%;border-collapse:collapse;min-width:600px;font-size:13px}caption{text-align:left;color:var(--muted);padding:10px 0}th,td{padding:16px;text-align:left;vertical-align:top;border:1px solid var(--line)}thead{background:#e5eddf}tbody th{width:130px;background:#f0f3e9}@media(max-width:540px){.results-bar{align-items:center;gap:8px}#sort-form{font-size:10px;gap:5px}#sort-form button{font-size:10px;padding:5px}}

h1,p,a,td{overflow-wrap:anywhere}
.tool-card .card-warning{font-size:11px;color:#725524;line-height:1.5}
