/* Public external directory: keep the existing five-tab navigation intact. */
.beauty-menu-link{display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;min-height:44px;padding:12px 14px;border-radius:14px;color:var(--ink);text-decoration:none;font-weight:800;background:#e7f5f3}
.beauty-menu-link small{flex-basis:100%;color:var(--muted);font-size:.68rem;font-weight:500}
.beauty-mobile-menu{display:none}
.beauty-card{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(120deg,#e7f5f3,#fff2eb)}
.beauty-card-copy{flex:1 1 220px;min-width:0}
.beauty-card h2{margin:0 0 5px;font-size:1.1rem}
.beauty-card p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.7;overflow-wrap:anywhere}
.beauty-card-action{display:grid;gap:5px;max-width:100%}
.beauty-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 14px;border-radius:12px;background:var(--ink);color:white;text-decoration:none;font-size:.82rem;font-weight:800;overflow-wrap:anywhere}
.beauty-card-action small{color:var(--muted);font-size:.7rem;text-align:center}
.beauty-menu-link:focus-visible,.beauty-button:focus-visible{outline:3px solid var(--steel);outline-offset:3px}
.beauty-menu-link:hover,.beauty-button:hover{filter:brightness(.96)}
@media(max-width:650px){.beauty-mobile-menu{display:flex;justify-content:flex-end;padding:6px 16px 0}.beauty-mobile-menu .beauty-menu-link{padding:8px 12px;font-size:.78rem;min-width:0}.beauty-mobile-menu small{flex-basis:auto;font-size:.65rem}.beauty-card{padding:16px;gap:12px}.beauty-card-copy{flex-basis:100%}.beauty-card-action{width:100%}}
