
.workspace{padding:36px 0 60px}.workspace h1{font-size:36px}.workspace h2{font-size:23px}.form-panel{max-width:820px;margin:28px auto;background:white;border:1px solid var(--line);border-radius:14px;padding:30px}.auth-panel{max-width:500px}.field{display:grid;gap:7px;margin:0 0 20px}.field label{font-weight:700;font-size:14px}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #bccdc3;border-radius:7px;background:#fff;color:var(--ink)}.field textarea{min-height:120px}.field small,.muted{color:#5d7168;font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.notice.success{border-color:#3e795d;background:#eef9ef}.notice.error{border-color:#b03636;background:#fff1f1;color:#722}.notice a{text-decoration:underline}.workspace .panel{margin-bottom:24px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:15px 12px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:top}th{color:#5d7168}td .button{padding:8px 10px;font-size:12px}.badge{display:inline-block;padding:4px 9px;border-radius:5px;background:#eaf0e7;font-size:12px;white-space:nowrap}.empty{background:#fff;border:1px solid var(--line);border-radius:14px;padding:35px}.empty h2{font-size:27px}.launch-photo{width:100%;max-height:300px;object-fit:cover;border-radius:12px}.image-caption{font-size:12px;color:#637568}.inline-form{display:inline}.rich-copy{white-space:pre-line;overflow-wrap:anywhere}.link{text-decoration:underline;color:#205d42}.pagination{display:flex;gap:10px;justify-content:center;margin:25px 0}.dashboard-heading{display:flex;justify-content:space-between;gap:24px;align-items:center}.account-nav{display:flex;gap:12px;align-items:center}.account-nav form{margin:0}.text-button{background:none;border:0;color:inherit;padding:8px;font-size:13px}.stat{background:#fff;border:1px solid var(--line);padding:24px}.stat strong{display:block;font-size:28px}.stats-grid{margin:24px 0}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.business-card{background:white;border:1px solid var(--line);border-radius:12px;padding:24px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.detail-photo{width:100%;border-radius:14px;max-height:500px;object-fit:cover}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:absolute;left:10px;top:-80px;z-index:100;background:white;padding:12px}.skip-link:focus{top:10px}.search label{flex:1}.search label input{width:100%}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.login-links{display:flex;justify-content:space-between;gap:20px;margin-top:25px;font-size:13px}.dashboard-menu{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.panel h3{margin-top:0}.artwork-form{max-width:400px}.artwork-form input{max-width:100%} @media(max-width:760px){.form-grid,.detail-grid,.pricing,.business-grid{grid-template-columns:1fr}.form-panel{padding:22px}.workspace h1{font-size:30px}.dashboard-heading{display:block}.account-nav{margin-left:auto}.masthead{flex-wrap:wrap}.masthead nav{order:3;width:100%;overflow:auto}.stats-grid{grid-template-columns:repeat(2,1fr)}.search label{flex-basis:100%}.search{flex-wrap:wrap}.search select{flex:1}.page .pricing{grid-template-columns:1fr}}
.print-wordmark strong{display:block}.search label input{padding-left:14px}.stats-grid{grid-template-columns:repeat(3,1fr)}@media(max-width:760px){.masthead .brand{font-size:21px}.masthead .brand i{font-size:7px}.account-nav .button{font-size:11px;padding:10px}.stats-grid{grid-template-columns:repeat(2,1fr)}}

/* Keep footer headings and links together in responsive columns. */
footer .footer-grid {
    display: grid;
    grid-template-columns: minmax(240px, 1.4fr) repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: 32px;
}
footer .footer-grid > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    min-width: 0;
    gap: 12px;
    font-size: 14px;
}
footer .footer-grid p { margin: 0; }
footer .footer-grid strong { color: #fff; }
footer .footer-grid form { margin: 0; }
footer .footer-grid .text-button { padding: 0; font-size: inherit; }
@media (max-width: 1000px) {
    footer .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
    footer .footer-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}

/* Business directory category filters. */
.directory-categories { display:flex; flex-wrap:wrap; gap:10px; padding:24px 0 12px; }
.directory-categories .chip { --tab-bg:#edf1ef; --tab-border:#bdcbc4; background:var(--tab-bg); border:1px solid var(--tab-border); color:#173d36; transition:box-shadow .15s, background .15s; }
.directory-categories .category-colour-0 { --tab-bg:#e8edf9; --tab-border:#aebfe3; }
.directory-categories .category-colour-1 { --tab-bg:#faeddf; --tab-border:#dfbd99; }
.directory-categories .category-colour-2 { --tab-bg:#f7e8ee; --tab-border:#dcaec0; }
.directory-categories .category-colour-3 { --tab-bg:#f0eafa; --tab-border:#c8b4df; }
.directory-categories .category-colour-4 { --tab-bg:#e9f1df; --tab-border:#b6cb99; }
.directory-categories .category-colour-5 { --tab-bg:#e5eff4; --tab-border:#a8c4d2; }
.directory-categories .category-colour-6 { --tab-bg:#e1f2ea; --tab-border:#9fcdb9; }
.directory-categories .category-colour-7 { --tab-bg:#f7f0d8; --tab-border:#d6c38c; }
.directory-categories .chip:hover { box-shadow:inset 0 0 0 1px var(--tab-border); }
.directory-categories .chip.active { color:#123c32; border-color:#245647; box-shadow:inset 0 0 0 2px #245647; font-weight:800; }
.directory-results { margin:8px 0 0; }
.directory-results + .business-grid { padding-top:20px; }
@media(max-width:760px) { .directory-categories { flex-wrap:nowrap; overflow-x:auto; padding-bottom:16px; } }
.directory-categories .chip.active::after { content:none; }
.directory-categories .chip.active:hover,
.directory-categories .chip.active:focus-visible { background:#173c36; color:#fff; border-color:#173c36; }
