.seven-hub .category-nav{flex-wrap:wrap;gap:10px}
.practical-hub-group .directory-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}
.practical-hub-card{--card-ink:#263b4f;--card-tint:#edf4fa}
.practical-hub-card .practical-card-art{height:108px;background:var(--card-tint);color:var(--card-ink);display:flex;align-items:center;justify-content:center;gap:14px;overflow:hidden;margin:4px 0 22px;border-radius:12px}
.practical-card-art span{font-weight:850;font-size:28px;letter-spacing:-1px;line-height:1}
.practical-card-art i{display:block;width:34px;height:42px;border:2px solid currentColor;border-radius:4px;transform:rotate(-8deg);opacity:.55}
.practical-card-art i+i{transform:rotate(8deg);margin-left:-25px;background:var(--card-tint)}
.practical-hub-before-after-maker{--card-ink:#dae9e0;--card-tint:#243730}
.practical-hub-email-signature-maker{--card-ink:#795d37;--card-tint:#f5eddf}
.practical-hub-job-sheet-maker{--card-ink:#536330;--card-tint:#eff2e6}
.practical-hub-business-card-maker{--card-ink:#464173;--card-tint:#efecfa}
.practical-hub-service-flyer-maker{--card-ink:#9e4639;--card-tint:#ffede6}
.practical-hub-business-description-builder{--card-ink:#256862;--card-tint:#e5f5f0}
.practical-hub-review-reply-builder{--card-ink:#754267;--card-tint:#f8ebf4}
.practical-hub-follow-up-message-builder .practical-card-art{justify-content:flex-start;padding:0 24px}
.practical-hub-follow-up-message-builder .practical-card-art span{background:#fff;border-radius:16px 16px 16px 2px;padding:15px;font-size:23px}
.practical-hub-business-card-maker .practical-card-art span{border:1px solid currentColor;padding:16px 35px;font-size:20px;transform:rotate(-4deg)}
.practical-hub-business-card-maker .practical-card-art i,.practical-hub-email-signature-maker .practical-card-art i,.practical-hub-service-flyer-maker .practical-card-art i{display:none}
.practical-hub-email-signature-maker .practical-card-art span{font-family:Georgia,serif;font-style:italic;letter-spacing:1px;border-bottom:2px solid currentColor;padding:8px 22px}
.practical-hub-service-flyer-maker .practical-card-art span{font-size:43px;font-weight:950;letter-spacing:-2px}
.practical-hub-card a:focus-visible{outline:3px solid #267c64;outline-offset:5px;border-radius:3px}
@media(max-width:600px){.seven-hub .category-nav a{font-size:14px;white-space:normal}.practical-hub-card .practical-card-art{height:86px;margin-bottom:16px}}

/* Narrow phones: six categories in three rows, with full labels and quiet counts. */
@media(max-width:480px){
  .seven-hub .category-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .seven-hub .category-nav a{display:grid;grid-template-columns:minmax(0,1fr) auto;min-width:0;min-height:52px;padding:10px 11px;gap:6px;border-radius:10px;font-size:13px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
  .seven-hub .category-nav a span{font-size:11px;font-weight:400;line-height:1;color:#59634e}
  .seven-hub .category-nav a:focus-visible{outline:3px solid #267c64;outline-offset:2px}
}
/* The twelve new previews; existing cards and homepage styles stay intact. */
.seven-hub .workflow-hub-card{border-top:4px solid var(--hub-accent,#59695f);background:var(--hub-tint,#f7f8f4)}
.seven-hub .workflow-hub-card .card-formula{color:var(--hub-accent,#59695f)}
.seven-hub .workflow-hub-amber{--hub-accent:#89571d;--hub-tint:#fffaed}.seven-hub .workflow-hub-teal{--hub-accent:#176e67;--hub-tint:#eff8f5}.seven-hub .workflow-hub-navy{--hub-accent:#223f67;--hub-tint:#f0f4f9}.seven-hub .workflow-hub-paper{--hub-accent:#87513a;--hub-tint:#faf5eb}.seven-hub .workflow-hub-sky{--hub-accent:#24677f;--hub-tint:#edf7fa}.seven-hub .workflow-hub-sage{--hub-accent:#43715a;--hub-tint:#f0f6eb}.seven-hub .workflow-hub-blue{--hub-accent:#255ca0;--hub-tint:#edf3fc}.seven-hub .workflow-hub-olive{--hub-accent:#586328;--hub-tint:#f5f6e9}.seven-hub .workflow-hub-violet{--hub-accent:#72529a;--hub-tint:#f5effc}.seven-hub .workflow-hub-cobalt{--hub-accent:#3155a1;--hub-tint:#eef2ff}.seven-hub .workflow-hub-dark{--hub-accent:#4e7656;--hub-tint:#edf2e5}.seven-hub .workflow-hub-plum{--hub-accent:#82496e;--hub-tint:#fbf0f7}