.grit-reference{border:1px solid #d7d4cb;background:#fff;margin:16px 0 38px;color:#272521}
.grit-reference *{box-sizing:border-box}
.grit-reference [hidden]{display:none!important}
.grit-reference-workspace{display:grid;grid-template-columns:minmax(270px,.82fr) minmax(0,1.18fr);min-height:370px}
.grit-reference-controls{padding:28px;border-right:1px solid #d7d4cb;background:#f6f4ee}
.grit-reference-result{padding:30px 36px;min-width:0;min-height:370px;background:#fff;margin:0;scroll-margin-top:12px}
.grit-reference-result-placeholder{color:#606661;margin-top:100px!important;font-size:1.08rem}
.grit-reference-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 20px}
.grit-reference-tabs button{border:1px solid #c9c5bb;background:#fff;color:#272521;padding:10px 5px;font:inherit;font-size:.94rem;cursor:pointer;line-height:1.25}
.grit-reference-tabs button[aria-selected="true"]{background:#242522;color:#fff;border-color:#242522}
.grit-reference-tabs button:focus-visible,.grit-reference button:focus-visible,.grit-reference select:focus-visible,.grit-reference input:focus-visible{outline:3px solid #b68b44;outline-offset:2px}
.grit-reference-lookup{margin:0}
.grit-reference-lookup label,.grit-reference-reverse label{display:grid;gap:7px;font-weight:700;font-size:.9rem}
.grit-reference select,.grit-reference input{width:100%;min-width:0;padding:12px;border:1px solid #a9a69c;background:#fff;color:#272521;font:inherit;font-size:1rem}
.grit-reference-quick{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:16px 0 0;font-size:.82rem}
.grit-reference-quick button,.grit-reference-adjacent button{border:1px solid #c9c5bb;background:#fff;padding:5px 9px;color:#272521;cursor:pointer;font:inherit}
.grit-reference-quick button:hover,.grit-reference-adjacent button:hover{border-color:#b74c2a;color:#b74c2a}
.grit-reference-reverse{border-top:1px solid #d7d4cb;margin:20px 0 0;padding:18px 0 0}
.grit-reference-reverse-fields{display:flex;gap:8px;align-items:end}
.grit-reference-reverse-fields label{flex:1;min-width:0}
.grit-reference button[type="submit"]{padding:12px 16px;background:#242522;color:#fff;border:1px solid #242522;font:inherit;cursor:pointer;white-space:nowrap}
.grit-reference-result-kicker{color:#b74c2a;font-size:.75rem!important;letter-spacing:.1em;font-weight:700;margin:0 0 10px!important}
.grit-reference-result .grit-reference-result-title{font-size:clamp(2.6rem,5vw,4.5rem);line-height:1.05;margin:0 0 12px!important}
.grit-reference-result-value{display:block;font-size:clamp(1.6rem,3vw,2.7rem);line-height:1.15;color:#1d3931}
.grit-reference-result-label{margin:5px 0 18px!important;color:#5e6861;font-size:.9rem}
.grit-reference-method{font-size:1rem;line-height:1.5;margin:10px 0!important}
.grit-reference-adjacent{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.grit-reference-caution{font-size:.77rem;color:#665d50;line-height:1.45;margin:18px 0 0!important}
.grit-reference-result-group{border-top:1px solid #e3dfd5;padding:10px 0}
.grit-reference-result-group h3{font-size:.94rem!important;line-height:1.4;margin:0 0 4px!important}
.grit-reference-result-group p{margin:0!important;font-size:.86rem}
.grit-reference-result-group ul{margin:4px 0 2px;padding-left:20px}
.grit-reference-result-group li{margin:2px 0;font-size:.86rem}
.grit-reference-data{border-top:1px solid #d7d4cb;padding:25px 28px 30px}
.grit-reference-data>h2{font-size:1.45rem!important;margin:0 0 16px!important}
.grit-reference-data-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}
.grit-reference-data-tabs button{border:1px solid #c9c5bb;background:#f6f4ee;color:#272521;padding:8px 13px;font:inherit;font-size:.84rem;font-weight:700;cursor:pointer}
.grit-reference-data-tabs button[aria-selected="true"]{background:#242522;color:#fff;border-color:#242522}
.grit-reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #d7d4cb;border-left:1px solid #d7d4cb}
.grit-reference-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;min-width:0;min-height:118px;padding:18px 15px;text-align:left;border:0;border-right:1px solid #d7d4cb;border-bottom:1px solid #d7d4cb;border-radius:0;background:#fbfaf7;color:#272521;font:inherit;cursor:pointer}
.grit-reference-card:hover{background:#f1eee7}
.grit-reference-card.is-current{background:#f3f0e9;outline:1px solid #79766f;outline-offset:-1px}
.grit-reference-card-name{font-size:1.28rem;font-weight:800;line-height:1.2}
.grit-reference-card>strong{font-size:1.02rem;line-height:1.25;color:#223d34;white-space:normal}
.grit-reference-card>small{font-size:.72rem;color:#68716c;line-height:1.3}
.grit-reference-card em{position:absolute;right:9px;top:8px;font-size:.64rem;font-style:normal;color:#a94a2a;font-weight:700}
.grit-reference-card-mesh{min-height:154px}
.grit-reference-card-method{display:block;font-size:.7rem;line-height:1.3;color:#67716b}
.grit-reference-card-method strong{display:block;font-size:.93rem;line-height:1.25;color:#223d34}
.grit-reference-data h3{font-size:1.12rem!important;margin:20px 0 5px!important}
.grit-reference-data p{font-size:.85rem;line-height:1.5;margin:0 0 8px}
.grit-reference-table{overflow-x:auto;margin:9px 0 18px}
.grit-reference table{border-collapse:collapse;width:100%;min-width:520px;font-size:.86rem}
.grit-reference th,.grit-reference td{border:1px solid #dedbd2;padding:8px 11px;text-align:left;vertical-align:top}
.grit-reference thead th{background:#f0eee8}
.grit-reference tbody tr:nth-child(even){background:#faf9f5}
.grit-reference-w{border-top:1px solid #d7d4cb;margin-top:20px;padding-top:15px}
.grit-reference-w summary{font-size:.88rem;font-weight:700;cursor:pointer}
.grit-reference-w-list{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0!important;margin:10px 0 0!important}
.grit-reference-w-list li{border:1px solid #d7d4cb;background:#f7f5ef;padding:5px 9px}
@media(max-width:1000px){.grit-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
  .grit-tool-heading{padding:18px 0}
  .grit-tool-heading .eyebrow{margin:9px 0 5px}
  .grit-tool-heading h1{font-size:1.75rem}
  .grit-tool-section{padding:16px 0 48px}
  .grit-reference-workspace{display:block}
  .grit-reference-controls{padding:16px;border-right:0;border-bottom:1px solid #d7d4cb}
  .grit-reference-result{min-height:190px;padding:20px 17px}
  .grit-reference-result-placeholder{margin-top:35px!important}
  .grit-reference-tabs{margin-bottom:14px}
  .grit-reference-reverse{margin-top:15px;padding-top:14px}
  .grit-reference-data{padding:19px 14px}
  .grit-reference-result .grit-reference-result-title{font-size:2.7rem}
  .grit-reference-result-value{font-size:1.65rem}
  .page-id-2426 .page-intro{padding:25px 0}
  .page-id-2426 .page-intro h1{font-size:1.7rem;line-height:1.2;margin:0}
  .page-id-2426 .article-body.generic-page{margin-top:0;padding-top:18px}
}
@media(max-width:600px){
  .grit-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grit-reference-card{padding:15px 11px;min-height:107px}
  .grit-reference-card-name{font-size:1.15rem}
  .grit-reference-card>strong{font-size:.88rem}
  .grit-reference-card-mesh{min-height:144px}
  .grit-reference-card-method strong{font-size:.83rem}
  .grit-reference-data-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .grit-reference-data-tabs button{padding:9px 6px}
}
@media(max-width:350px){.grit-reference-grid{grid-template-columns:1fr}}
.grit-tool-heading{background:#222829;color:#fff;padding:25px 0 22px}
.grit-tool-heading .eyebrow{margin:14px 0 6px;color:#e4a68b}
.grit-tool-heading h1{font-size:clamp(2rem,3.5vw,3.1rem);margin:0 0 5px}
.grit-tool-heading p:last-child{margin:0;color:#d7ddd9;font-size:.94rem}
.grit-tool-section{padding:22px 0 65px}
.grit-tool-section .shell{max-width:1160px}
.grit-tool-faq,.grit-tool-explanation{max-width:920px;margin:35px auto 0}
.grit-tool-faq h2,.grit-tool-explanation h2{font-size:1.75rem;margin:0 0 12px}
.grit-tool-explanation p{font-size:.95rem;line-height:1.65;color:#555e58}
.grit-tool-explanation a{text-decoration:underline}
