/* Only navigation geometry changes on existing pages. */
.toolNav .toolNavRow.toolNavRowTwo{grid-template-columns:repeat(4,minmax(0,1fr))}
.toolNav .toolNavRow.toolNavRowThree{grid-template-columns:repeat(3,minmax(0,1fr))}
.toolNav a[href="/assets/fog-hidden.html"]>span:last-child{min-width:0}
.fog-page .toolNav{margin:20px 0 18px}
.fog-page .toolNavRow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.fog-page .toolNavRow+.toolNavRow{margin-top:12px}
.fog-page .toolCard{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;padding:15px;border:1px solid #303a40;border-radius:12px;text-decoration:none;color:#edf4f1;background:#192025}
.fog-page .toolCard>strong{flex:1}.fog-page .toolCard>small{flex-basis:100%}
.fog-page .toolCard strong{font-size:14px;display:block}.fog-page .toolCard small{display:block;font-size:10px;color:#9dacb0;margin-top:4px}
.fog-page .toolCard.active{border-color:#80b79b;background:#203b31}.fog-page .toolCard:hover{border-color:#a4e0c0}
.fog-page .toolIcon{width:32px;height:32px;flex:0 0 32px;background:#263f36;color:#b5ead0;border-radius:8px;display:grid;place-items:center;font-size:19px}
.fog-page .licenseBar button,.fog-page .licenseGate button{color:#edf4f1;background:#1d2c28;border:1px solid #40554d;padding:9px 14px;border-radius:6px}
@media(max-width:800px){.toolNav .toolNavRow.toolNavRowTwo,.toolNav .toolNavRow.toolNavRowThree,.fog-page .toolNavRow{grid-template-columns:repeat(2,minmax(0,1fr))}.fog-page .toolCard small{display:none}.fog-page .toolCard{padding:11px}.fog-page .toolCard strong{font-size:12px}}
@media(max-width:420px){.toolNav .toolNavRow.toolNavRowTwo,.toolNav .toolNavRow.toolNavRowThree{grid-template-columns:1fr}.fog-page .toolNav .toolNavRow{grid-template-columns:repeat(2,minmax(0,1fr))}.fog-page .toolCard{gap:6px;padding:9px}.fog-page .toolIcon{width:25px;height:25px;flex-basis:25px}}

/* Match the main tool navigation on the two green-themed editors. */
:is(.ghost-page,.fog-page) .toolNavRow{gap:14px}
:is(.ghost-page,.fog-page) .toolNavRow+.toolNavRow{margin-top:14px}
:is(.ghost-page,.fog-page) .toolNav .toolCard{align-items:center;gap:12px;flex-wrap:nowrap;min-height:86px;padding:16px 18px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:0 18px 55px rgba(0,0,0,.26);color:#f4f7fb}
:is(.ghost-page,.fog-page) .toolNav .toolCard:hover{transform:translateY(-2px);border-color:rgba(125,211,252,.38);background:linear-gradient(135deg,rgba(91,140,255,.15),rgba(255,255,255,.035))}
:is(.ghost-page,.fog-page) .toolNav .toolCard.active{border-color:rgba(91,140,255,.45);background:linear-gradient(135deg,rgba(91,140,255,.22),rgba(125,211,252,.07))}
:is(.ghost-page,.fog-page) .toolNav .toolIcon{flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:#1f2d51;color:#fff;font-size:22px;font-weight:900}
:is(.ghost-page,.fog-page) .toolNav .toolIcon.ocrToolIcon{font-size:13px;letter-spacing:0}
:is(.ghost-page,.fog-page) .toolNav .toolCard strong{font-size:17px;line-height:1.15;color:#f4f7fb}
:is(.ghost-page,.fog-page) .toolNav .toolCard small{margin-top:5px;color:#98a2b3;line-height:1.45;font-size:12px}
.fog-page .toolNav .toolCard>strong{flex:0 1 auto}
.fog-page .toolNav .toolCard>small{flex-basis:auto}
@media(max-width:800px){
  :is(.ghost-page,.fog-page) .toolNav .toolCard{min-height:66px;padding:11px;border-radius:10px;gap:9px}
  :is(.ghost-page,.fog-page) .toolNav .toolCard strong{font-size:12px}
  :is(.ghost-page,.fog-page) .toolNav .toolCard small{display:none}
  :is(.ghost-page,.fog-page) .toolNav .toolIcon{flex-basis:32px;width:32px;height:32px;border-radius:8px;font-size:16px}
  :is(.ghost-page,.fog-page) .toolNav .toolIcon.ocrToolIcon{font-size:10px}
}
@media(max-width:420px){.ghost-page .toolNav .toolNavRow{grid-template-columns:repeat(2,minmax(0,1fr))}}